/* ============================================================
   pages/developers-index.css — developer portal
   ============================================================ */
.dev-card{padding:var(--s6);display:flex;flex-direction:column;gap:var(--s4);transition:var(--normal)}
.dev-card:hover{box-shadow:var(--sh-md);border-color:var(--border-strong)}
.dev-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}
.dev-card__ico{width:48px;height:48px;border-radius:var(--r-md);background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}
.dev-card__ico svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.dev-card h3{font-size:var(--t-xl)}
.dev-card p{font-size:var(--t-sm);color:var(--text-muted);flex:1}
.dev-card__links{display:flex;gap:var(--s3);flex-wrap:wrap}
.doc-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--t-sm);font-weight:var(--fw-semibold);color:var(--text);transition:var(--fast)}
.doc-link:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);text-decoration:none}
.doc-link svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.doc-link--muted{color:var(--text-subtle);border-style:dashed;cursor:default}
.doc-link--muted:hover{border-color:var(--border);color:var(--text-subtle);background:none}

.dev-grid{grid-template-columns:repeat(2,1fr)}
@media (max-width:760px){.dev-grid{grid-template-columns:1fr}}

.resource-row{display:flex;gap:var(--s4);align-items:center;padding:var(--s4) var(--s5)}
.resource-row svg.r-ico{width:22px;height:22px;flex:0 0 auto;color:var(--primary);stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.resource-row b{color:var(--text);font-size:var(--t-sm)}
.resource-row span{color:var(--text-muted);font-size:var(--t-xs)}
.resource-row .ext{margin-left:auto;color:var(--text-subtle)}