.wrap{max-width:760px;margin:0 auto;padding:16px 16px 80px}
.wrap.wide{max-width:1000px}
.top{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}
.top nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:6px 10px;max-width:1000px;margin:0 auto;align-items:center}
.top nav::-webkit-scrollbar{display:none}
.top a{flex:none;color:var(--mut);text-decoration:none;padding:8px 12px;border-radius:var(--radius);font-size:.92rem;white-space:nowrap}
.top a:hover{color:var(--fg)}
.top a[aria-current=page]{color:var(--ac-fg);background:var(--ac);font-weight:650}
.top .brand{color:var(--ac);font-weight:800;letter-spacing:.02em;margin-right:6px}
.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1 1 140px;min-width:0}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
footer.foot{color:var(--faint);font-size:.8rem;text-align:center;padding:24px 16px}