@layer pages{.cat{padding-bottom:var(--sec)}.cat__head{gap:12px 56px;padding-block:4px 22px;display:grid}.cat__head h1{letter-spacing:-.04em;font-size:clamp(2.75rem,1.5rem + 5vw,4.75rem);font-weight:800;line-height:.92}.cat__head>p{max-inline-size:40em;font-size:1.0625rem;line-height:1.5}.tools{border-block:1px solid var(--line);align-items:center;gap:12px 20px;min-inline-size:0;padding-block:14px;display:grid}.chips{min-inline-size:0;margin-inline:calc(-1 * var(--gutter));padding:3px var(--gutter);scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.chips .opt{flex:none;padding-inline:14px}.tools .search input{background-color:var(--surface);block-size:44px}.count{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-block:12px 22px;font-size:.875rem;display:flex}.pager{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:20px;font-size:.9375rem;display:flex}[data-state=active] .pager,[data-state=empty] :is(.pager,.grid){display:none}.empty{justify-items:start;gap:14px;max-inline-size:40em;padding-block:28px;display:grid}.empty :is(h1,h3){font-size:var(--fs-h1)}.empty .search{inline-size:min(100%,34rem)}.links{flex-wrap:wrap;gap:8px;display:flex}@media (width>=1000px){.cat__head{grid-template-columns:auto minmax(0,1fr);align-items:end}.cat__head h1{grid-row:span 2}.cat__head>:not(h1){justify-self:end;max-inline-size:700px}}@media (width>=1200px){.tools{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.chips{flex-wrap:wrap;margin:0;padding:3px 0;overflow:visible}}}.cat:has(codes-search[data-state=active])>.pager,.cat:has(codes-search[data-state=empty])>.pager{display:none}