.developer-layout { display:grid; grid-template-columns:180px minmax(0,1fr); gap:40px; align-items:start; }
.developer-sidebar { position:sticky; top:24px; }
.developer-sidebar nav { display:grid; gap:8px; margin-bottom:28px; }
.developer-sidebar nav a { padding:14px 20px; color:#111; border:1px solid #e8e8e8; border-radius:8px; }
.developer-sidebar nav a[aria-current="page"] { background:#111; color:#fff; border-color:#111; }
.developer-content { min-width:0; }
.developer-filters { border-bottom:1px solid #e8e8e8; }
.developer-filter { display:flex; align-items:baseline; gap:20px; padding:12px 0; }
.developer-filter h2 { flex:0 0 80px; margin:0; font-size:13px; font-weight:600; }
.developer-filter nav { display:flex; flex-wrap:wrap; gap:8px; }
.developer-filter a { display:inline-flex; align-items:center; min-height:38px; padding:6px 14px; border:1px solid #e8e8e8; border-radius:999px; color:#333; font-size:12px; }
.developer-filter a.active { background:#111; color:#fff; border-color:#111; }
@media(max-width:700px) { .developer-layout { grid-template-columns:1fr; gap:24px; } .developer-sidebar { position:static; } .developer-sidebar nav { display:flex; flex-wrap:wrap; margin-bottom:12px; } .developer-sidebar nav a { flex:1; text-align:center; } .developer-filter { gap:12px; } .developer-filter h2 { flex-basis:60px; } }