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