@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select{font:inherit}}@layer base{:root{color-scheme:light dark;--paper:#f2f0e9;--surface:#fcfbf7;--ink:#15201f;--muted:#5b6765;--line:#b8c1bd;--accent:#087f73;--accent-ink:#f6fffd;--danger:#a13029;--measure:78rem;--space:clamp(1rem, 2.5vw, 2.5rem);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--paper:#111716;--surface:#18201f;--ink:#edf4f1;--muted:#abb9b5;--line:#42504d;--accent:#54d8c7;--accent-ink:#08211e;--danger:#ff8e86}html{scroll-behavior:smooth}body{background:var(--paper);min-block-size:100svh;color:var(--ink);line-height:1.6}a{color:var(--accent)}button,input,select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:.25rem}button{cursor:pointer;min-block-size:2.75rem;padding-inline:1rem}button:hover{border-color:var(--accent)}:focus-visible{outline:.2rem solid var(--accent);outline-offset:.2rem}}@layer layout{.masthead,main,.no-script{inline-size:min(100% - 2 * var(--space), var(--measure));margin-inline:auto}.masthead{justify-content:space-between;gap:var(--space);padding-block:clamp(3rem, 9vw, 7rem) var(--space);border-block-end:1px solid var(--line);align-items:end;display:flex}.masthead>div{max-inline-size:48rem}.masthead h1{letter-spacing:-.065em;max-inline-size:12ch;font-size:clamp(2.8rem,8vw,7rem);line-height:.92}.masthead>div>p:last-child{max-inline-size:46rem;color:var(--muted);margin-block-start:1.5rem}main{padding-block-end:5rem}.controls,.comparison{gap:var(--space);padding-block:var(--space);border-block-end:1px solid var(--line);grid-template-columns:minmax(12rem,.7fr) 2fr;display:grid}.controls form{grid-template-columns:2fr 1fr auto;align-items:end;gap:1rem;display:grid}.workspace-grid{grid-template-columns:minmax(0,3fr) minmax(14rem,1fr);display:grid}.catalog{padding-block:var(--space);padding-inline-end:var(--space);container-type:inline-size}.selection{padding:var(--space);border-inline-start:1px solid var(--line)}.selection p{margin-block-start:.75rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.table-scroll{overflow-x:auto}table{border-collapse:collapse;inline-size:100%;min-inline-size:42rem}@media (width<=52rem){.masthead,.section-heading{flex-direction:column;align-items:start}.controls,.comparison,.workspace-grid,.controls form{grid-template-columns:1fr}.catalog{padding-inline-end:0}.selection{border-inline-start:0;border-block-start:1px solid var(--line);padding-inline:0}}}@layer components{.skip-link{z-index:10;background:var(--accent);color:var(--accent-ink);padding:.75rem 1rem;position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;translate:0 -150%}.skip-link:focus{translate:0}.eyebrow,.section-index{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:750}.field{gap:.35rem;display:grid}.field label{color:var(--muted);font-size:.85rem}.field input,.field select{min-block-size:2.75rem;inline-size:100%;padding-inline:.75rem}.status{min-block-size:1.6em;color:var(--muted);margin-block:1rem}.status[data-error=true]{color:var(--danger)}.results{margin:0;padding:0;list-style:none}.result{grid-template-columns:subgrid;border-block-start:1px solid var(--line);padding-block:1.25rem;display:grid}.result article{grid-template-columns:minmax(10rem,.6fr) minmax(12rem,1fr) auto;align-items:center;gap:1rem;display:grid}.result h3{font-size:clamp(1.2rem,3cqi,1.8rem);line-height:1.15}.result p{color:var(--muted)}.result-actions{flex-wrap:wrap;justify-content:end;gap:.5rem;display:flex}.result-actions button[data-selected=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.empty{color:var(--muted);border-block-start:1px solid var(--line);padding-block:3rem}th,td{border-block-end:1px solid var(--line);text-align:start;vertical-align:top;padding:.85rem}thead th{color:var(--muted);font-size:.8rem}tbody th{color:var(--accent)}dialog{border:1px solid var(--line);background:var(--surface);inline-size:min(38rem,100% - 2rem);color:var(--ink);border-radius:.5rem;padding:clamp(1.25rem,4vw,2.5rem)}dialog::backdrop{backdrop-filter:blur(.2rem);background:#040f0eb3}dialog h2{margin-block-end:1rem;font-size:clamp(2rem,7vw,4rem);line-height:1}dialog dl{grid-template-columns:8rem 1fr;margin-block:1.5rem;display:grid}dialog dt,dialog dd{border-block-end:1px solid var(--line);padding-block:.4rem}dialog dd{margin:0}dialog form{justify-content:end;display:flex}.no-script{padding:var(--space);border:1px solid var(--danger);margin-block:2rem}@container (width<=38rem){.result article{grid-template-columns:1fr}.result-actions{justify-content:start}}}@layer utilities{[hidden]{display:none!important}.result{animation:.28s ease-out both enter}@keyframes enter{0%{opacity:0;translate:0 .5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}.controls>.field{align-self:end}caption{text-align:start;color:var(--muted);padding:.85rem}