html{scroll-behavior:smooth}
.hd{padding:56px 0 8px;text-align:center}
.hd .eyebrow{font-family:var(--font-mono);font-size:.82rem;color:var(--clay2);letter-spacing:.04em;margin-bottom:18px}
.hd h1{font-weight:800;font-size:clamp(2.1rem,5.6vw,3.5rem);line-height:1.05;letter-spacing:-.02em;margin:0 auto;max-width:18ch}
.hd p{color:var(--muted);margin:16px auto 0;max-width:54ch;font-size:clamp(1rem,2vw,1.12rem)}

.controls{position:sticky;top:64px;z-index:15;background:var(--base);padding:16px 0 14px;margin-top:30px;border-bottom:1px solid var(--line)}
.searchrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.search{flex:1;min-width:220px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:var(--r);padding:10px 13px;background:var(--panel)}
.search:focus-within{border-color:var(--clay)}
.search input{flex:1;background:none;border:none;outline:none;color:var(--text);font:inherit;font-size:.92rem}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.chip.on{color:var(--clay)}
.chip .n{color:var(--dim);font-size:.7rem;margin-left:5px}
.count{color:var(--dim);font-size:.76rem;font-family:var(--font-mono);margin-left:auto;white-space:nowrap}

.list{padding:8px 0 80px}
.grp{margin-top:32px}
.grp h2{font-weight:700;font-size:1.18rem;display:flex;align-items:center;gap:11px;margin-bottom:6px}
.grp h2 .gn{color:var(--dim);font-size:.72rem;font-family:var(--font-mono);font-weight:400;letter-spacing:0}
.feat{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border:1px solid var(--line);border-radius:var(--r);margin-top:10px}
.feat:hover{border-color:var(--line2)}
.feat .ic{width:36px;height:36px;border-radius:var(--r);border:1px solid var(--line);display:grid;place-items:center;color:var(--clay);flex:none}
.feat .ic svg{width:18px;height:18px}
.feat .body{flex:1;min-width:0}
.feat .nm{font-weight:700;font-size:1rem;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.feat .ds{color:var(--muted);font-size:.9rem;margin-top:3px}
.feat .tiers{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:10px}
.tb{font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r);border:1px solid var(--line);font-family:var(--font-mono);font-weight:700;color:var(--dim)}
.tb.b,.tb.s,.tb.p{color:var(--muted)}
.st{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r);font-family:var(--font-mono);font-weight:700}
.st.new{color:var(--ok);border:1px solid rgba(90,158,122,.4)}
.st.planned{color:var(--muted);border:1px solid var(--line)}
.empty{padding:54px 10px;text-align:center;color:var(--dim)}
@media(max-width:680px){
  .hd{padding:40px 0 4px}
  .controls{top:0;position:static}
  .count{margin-left:0;width:100%;margin-top:6px}
}