.state-feature{width:min(var(--max),calc(100% - 2.5rem));margin:0 auto 5rem;background:#fff;border-left:6px solid var(--yellow);padding:2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}
.state-feature h2{margin:.2rem 0 .75rem}.state-feature p:not(.eyebrow){max-width:760px;color:var(--muted);margin:0}.state-feature .primary-link{flex:none}
.state-directory{padding-top:2rem}.count-pill,.record-status{display:inline-block;border-radius:999px;background:#e9eef4;color:var(--ink2);padding:.32rem .7rem;font-size:.75rem;font-weight:800}
.state-card{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:86px 1fr auto;align-items:center;gap:1.25rem;padding:1.2rem;text-decoration:none}.state-card:hover,.state-card:focus-visible{border-color:#9d7600;box-shadow:0 8px 20px #0b142214}.state-code{display:grid;place-items:center;width:64px;height:64px;background:var(--ink);color:var(--yellow);font-size:1.35rem;font-weight:900}.state-card b{display:block;font-size:1.25rem}.state-card small{display:block;color:var(--muted);margin-top:.25rem}
.state-hero{background:var(--ink2);color:#fff;padding:4.5rem max(1.25rem,calc((100% - var(--max))/2))}.state-hero h1{font-size:clamp(2.5rem,6vw,4.8rem)}.state-hero>p:not(.eyebrow){max-width:820px;color:#d2d8e1;font-size:1.08rem}
.state-search{max-width:880px;margin-top:2rem}.state-search>label{display:block;font-weight:750;margin-bottom:.55rem}.state-search>div{display:grid;grid-template-columns:1fr auto;background:#fff;border-radius:.35rem;padding:.4rem}.state-search input{min-width:0;border:0;padding:1rem;font:inherit;color:var(--ink)}.state-search button{border:0;background:var(--yellow);font:inherit;font-weight:850;padding:0 1.4rem;cursor:pointer}
.state-filters{display:flex;align-items:end;gap:1rem;flex-wrap:wrap;margin-top:1rem}.state-filters label{display:grid;gap:.3rem;color:#d2d8e1;font-size:.78rem;font-weight:700}.state-filters select{min-width:220px;padding:.65rem;border:1px solid #738197;background:#fff;color:var(--ink);font:inherit}.state-filters .quiet{color:#fff;margin:0 0 .65rem}.state-results{padding-top:3rem}.state-results .library-grid{width:100%;padding-bottom:1rem}
.record-status{background:#e9eef4}.status-restriction{background:#fff0bd}.status-superseded{background:#f5d9d9;color:#761f1f}.status-reference{background:#e4e7eb}
.state-sources{background:var(--ink2);color:#fff;padding:4rem max(1.25rem,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:3rem}.state-sources h2{margin:.2rem 0 .8rem}.state-sources p:not(.eyebrow){color:#d2d8e1}.state-sources .source-links a{color:#fff}.state-detail .detail-art{background:#fff}.reference-record{font:900 1rem ui-monospace,monospace;text-align:center}
.variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.variant-grid figure{margin:0;background:#fff;border:1px solid var(--line);padding:1rem}.variant-grid img{width:100%;height:260px;object-fit:contain}.variant-grid figcaption{margin-top:.7rem;color:var(--muted);font-size:.85rem}
.search-terms ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}.search-terms li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.45rem .75rem}.restriction-note{border-left-color:#d3a100}.superseded-note{border-left-color:#a33b3b}.empty-state{grid-column:1/-1;background:#fff;border-left:5px solid var(--yellow);padding:2rem}.empty-state p{margin-bottom:0}
@media(max-width:900px){.variant-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.state-search>div{grid-template-columns:1fr}.state-search button{padding:1rem}.state-feature{align-items:flex-start;flex-direction:column}.state-sources{grid-template-columns:1fr;gap:1.5rem}.state-filters{display:grid}.state-filters select{min-width:0;width:100%}.variant-grid{grid-template-columns:1fr}}