/* AIScoreboard design system — workspace.css
   Brief: docs/redesign-2026-09-19/design-brief.md
   Depth is subtractive: luminance-stepped surfaces, 1px hairlines, a top rim light, one ambient
   gradient per page. Colour is semantic and always paired with a word. Numbers are monospaced. */

@font-face{font-family:Manrope;src:url('/design/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/design/fonts/instrument-serif.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/design/fonts/ibm-plex-mono.woff2') format('woff2');font-weight:400 600;font-display:swap}

:root{
  color-scheme:dark;
  --bg:#08090a;
  --panel:#0e0f11;
  --raised:#131416;
  --hover:#191a1d;
  --ink:#f5f6f7;
  --muted:#b4b7bc;
  --quiet:#9a9da3;
  --faint:#5b5e63;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --rim:inset 0 1px 0 rgba(255,255,255,.06);
  --accent:#a99df0;
  --accent-soft:rgba(169,157,240,.14);
  --accent-ink:#0c0a1e;
  --good:#5fd39a;
  --good-soft:rgba(95,211,154,.12);
  --warning:#f2c27a;
  --warning-soft:rgba(242,194,122,.12);
  --caution:var(--warning);
  --shadow:0 24px 60px rgba(0,0,0,.5);
  --header:rgba(8,9,10,.82);
  --focus:#cfc6ff;
  --ambient:rgba(169,157,240,.07);
  --sans:Manrope,ui-sans-serif,system-ui,sans-serif;
  --serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --code:ui-monospace,"SF Mono",SFMono-Regular,Menlo,"Cascadia Mono",Consolas,"Liberation Mono",monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
  --t-state:160ms;
  --t-layout:240ms;
  --t-reveal:400ms;
  --r-card:16px;
  --r-panel:12px;
  --r-control:8px;
  --r-chip:999px;
  --nav-h:64px;
  --container:1280px;
  --gutter:40px;
  --measure:68ch;
  --control-line:rgba(255,255,255,.18);
  --inset:rgba(255,255,255,.025);
  --rim-top:inset 0 1px 0 rgba(255,255,255,.06);
  --fs-12:12px;--fs-13:13px;--fs-15:15px;--fs-18:18px;--fs-24:24px;--fs-32:32px;--fs-48:48px;--fs-64:64px;
  --h1:clamp(36px,4.2vw,52px);
  --h2:clamp(26px,2.4vw,32px);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;
}
html[data-theme=light]{
  color-scheme:light;
  --bg:#f3f3f5;
  --panel:#ffffff;
  --raised:#f0f0f3;
  --hover:#e6e6eb;
  --ink:#131417;
  --muted:#454a54;
  --quiet:#565b66;
  --faint:#9a9ea6;
  --line:rgba(10,12,20,.10);
  --line-strong:rgba(10,12,20,.18);
  --control-line:rgba(10,12,20,.40);
  --inset:rgba(10,12,20,.035);
  --rim:inset 0 1px 0 #fff,0 1px 2px rgba(20,22,40,.05);
  --rim-top:inset 0 1px 0 #fff;
  --accent:#5a49c4;
  --accent-soft:rgba(90,73,196,.10);
  --accent-ink:#ffffff;
  --good:#1d7a4f;
  --good-soft:rgba(29,122,79,.10);
  --warning:#8a5a00;
  --warning-soft:rgba(138,90,0,.10);
  --shadow:0 24px 60px rgba(20,20,40,.12);
  --header:rgba(243,243,245,.86);
  --focus:#5a49c4;
  --ambient:rgba(90,73,196,.06);
}

/* ---------- base ---------- */
*{box-sizing:border-box}
html{scroll-padding-top:calc(var(--nav-h) + 16px);background:var(--bg)}
body{margin:0;background:transparent;color:var(--ink);font:15px/1.6 var(--sans);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative;min-height:100vh}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 42% at 28% -8%,var(--ambient),transparent 60%)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;letter-spacing:inherit}
button,input,select,textarea,a,summary{-webkit-tap-highlight-color:transparent}
button,summary{cursor:pointer}
button{color:inherit;border:0;background:none}
a,button{touch-action:manipulation}
button:disabled{opacity:.55;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
button:hover:not(:disabled),a:hover{color:var(--accent)}
a,button,.button,.icon-button,.compare-button,.catalogue-row,.segmented>a,.task-chips button,.tray-chip,.picker-results>button{transition:color var(--t-state) var(--ease),background-color var(--t-state) var(--ease),border-color var(--t-state) var(--ease),box-shadow var(--t-state) var(--ease),transform var(--t-state) var(--ease)}
input,select,textarea{color:var(--ink);border:1px solid var(--line-strong);background:var(--raised);border-radius:var(--r-control);min-height:36px;padding:6px 12px;max-width:100%;font-size:13px;box-shadow:var(--rim)}
select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9da3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center}
input[type=number]{-moz-appearance:textfield}
input:hover,select:hover,textarea:hover{border-color:var(--quiet)}
input::placeholder,textarea::placeholder{color:var(--quiet)}
textarea{display:block;width:100%;resize:vertical;line-height:1.6}
input[type=number]{width:100%;font-variant-numeric:tabular-nums}
input[type=checkbox]{min-height:18px;width:18px;accent-color:var(--accent);flex:0 0 auto}
label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--muted)}
label small{font-weight:400;font-size:12px;color:var(--quiet)}
form>label+label{margin-top:16px}
form>button{margin-top:20px}
fieldset{border:1px solid var(--line);border-radius:var(--r-panel)}
p{color:var(--muted);margin:0 0 14px}
h1,h2,h3,h4{color:var(--ink);line-height:1.15;font-weight:600;letter-spacing:-.02em}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.6vw,64px);line-height:1.04;letter-spacing:0;text-wrap:balance;margin:0 0 18px}
h2{font-family:var(--serif);font-weight:400;font-size:30px;letter-spacing:0;margin:0 0 14px}
h3{font-size:15px;margin:24px 0 10px}
h4{font-size:14px}
small{font-size:12px;color:var(--muted)}
strong{font-weight:600}
ul{padding-left:20px;color:var(--muted)}
li+li{margin-top:6px}
hr{border:0;border-top:1px solid var(--line);margin:28px 0}
kbd,code,pre,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
details>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:44px;font-weight:600;color:var(--ink)}
summary::-webkit-details-marker{display:none}
details>summary:after{content:'+';margin-left:auto;font-size:18px;font-weight:300;color:var(--quiet);font-family:var(--mono);transition:transform var(--t-state) var(--ease)}
details[open]>summary:after{content:'−'}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;top:10px;left:16px;padding:12px 18px;background:var(--accent);color:var(--accent-ink);z-index:100;transform:translateY(-160%);border-radius:var(--r-control);font-weight:600}
.skip-link:focus{transform:none}
.icon{display:inline-block;vertical-align:middle;flex:0 0 auto;width:18px;height:18px}
.page-shell{max-width:calc(var(--container) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.eyebrow{display:block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);margin-bottom:10px}
.quiet{color:var(--quiet);font-size:13px}
.desktop-break{display:inline}

/* ---------- controls ---------- */
.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:6px 14px;background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-control);font-size:13px;font-weight:600;line-height:1.3;white-space:normal;color:var(--ink);box-shadow:var(--rim)}
.button:hover:not(:disabled){background:var(--hover);border-color:var(--quiet);color:var(--ink)}
.button:active:not(:disabled){transform:translateY(1px)}
.button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:none}
.button.primary:hover:not(:disabled){filter:brightness(1.08);color:var(--accent-ink);border-color:transparent}
.button.danger{border-color:var(--warning);color:var(--warning);background:transparent}
.full-width{width:100%}
.icon-button{width:36px;height:36px;border:1px solid transparent;border-radius:var(--r-control);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--muted)}
.icon-button:hover{background:var(--raised);color:var(--ink)}
.is-saved{color:var(--accent);background:var(--accent-soft)}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);min-height:40px;font-weight:500}
.text-link:hover{text-decoration:underline;text-underline-offset:3px}
.section-heading,.page-actions,.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.page-actions{justify-content:flex-start;margin:0 0 24px}
.form-actions{margin-top:16px}
.section-heading h2{margin-bottom:6px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:24px;margin-bottom:20px;min-width:0;box-shadow:var(--rim)}
.panel>p:last-child{margin-bottom:0}
.badge{font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.02em;color:var(--muted);display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line-strong);border-radius:6px;vertical-align:middle;background:var(--raised)}
.badge.positive{color:var(--good);border-color:rgba(95,211,154,.3);background:var(--good-soft)}
.badge.caution{color:var(--warning);border-color:rgba(242,194,122,.3);background:var(--warning-soft)}
.warning{padding:14px 16px;background:var(--warning-soft);border:1px solid transparent;border-left:3px solid var(--warning);border-radius:var(--r-control);color:var(--ink);margin:20px 0;font-size:14px}
.warning a,.warning button{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.disclosure{font-size:13px;line-height:1.65;color:var(--quiet);margin:16px 0}
.checkbox{flex-direction:row;align-items:flex-start;font-size:14px;line-height:1.6;font-weight:400;gap:10px;color:var(--ink)}
.checkbox input{margin:3px 0 0}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;background:var(--header);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid var(--line);z-index:30}
.header-inner{max-width:calc(var(--container) + var(--gutter)*2);padding:0 var(--gutter);height:var(--nav-h);margin:auto;display:flex;align-items:center;gap:40px}
.brand{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.02em;white-space:nowrap;font-weight:500;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand-heavy{font-weight:700}
.brand-symbol{width:26px;height:26px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:5px;background:var(--accent);border-radius:7px}
.brand-symbol i{display:block;width:3px;background:var(--accent-ink);border-radius:1px;height:8px}
.brand-symbol i:nth-child(2){height:12px}
.brand-symbol i:nth-child(3){height:16px}
.main-nav{display:flex;align-items:center;gap:4px;align-self:stretch}
.main-nav>a{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--muted);position:relative;white-space:nowrap;padding:0 10px;border-radius:var(--r-control);align-self:center;min-height:32px}
.main-nav>a:hover{color:var(--ink);background:var(--raised)}
.main-nav>a[aria-current=page]{color:var(--ink);background:var(--raised);box-shadow:var(--rim)}
.nav-count:empty{display:none}
.nav-count{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;min-width:18px;text-align:center;border-radius:5px;padding:0 5px;background:var(--accent-soft);color:var(--accent)}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.header-actions .button{font-size:13px;min-height:36px;padding:6px 12px}

/* ---------- hero ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:end;padding:44px 0 32px;border-bottom:1px solid var(--line)}
.hero h1{font-size:clamp(38px,4.2vw,58px);margin-bottom:14px;max-width:16ch}
.hero h1 em{font-style:italic;color:var(--accent)}
.hero p{font-size:17px;line-height:1.6;margin:0;max-width:56ch;color:var(--muted)}
.hero-note{max-width:none;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--rim)}
.hero-note>.icon{width:22px;height:22px;color:var(--accent);margin-bottom:12px}
.hero-note strong{display:block;margin-bottom:8px;font-size:14px}
.hero-note p{font-size:13px;line-height:1.7;margin-bottom:12px}
.hero-note a{font-size:13px;color:var(--accent);font-weight:500}
.hero-note a .icon{width:15px}
.edition-stamp{padding:18px 20px 16px}
.edition-stamp dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}
.edition-stamp dl div{display:flex;flex-direction:column-reverse;gap:2px;justify-content:flex-end}
.edition-stamp dt{font-size:11px;color:var(--quiet);letter-spacing:.02em;white-space:nowrap}
.edition-stamp dd{font:500 22px/1.1 var(--mono);color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.edition-stamp p{margin:0;font-size:12px;color:var(--quiet);line-height:1.6}
.edition-stamp code{font:400 11px/1 var(--mono);color:var(--muted);background:var(--raised);border:1px solid var(--line);border-radius:4px;padding:2px 5px}
.edition-stamp a{display:inline;margin-left:4px}
.resume-strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}
.resume-strip>span{color:var(--muted)}
.resume-strip button{color:var(--accent);text-align:left;font-weight:500}

/* ---------- explore ---------- */
.explore-toolbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0;gap:20px}
.segmented{display:inline-flex;gap:2px;background:var(--raised);border:1px solid var(--line);padding:3px;border-radius:10px;box-shadow:var(--rim)}
.segmented>a{padding:7px 14px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--muted);border-radius:7px;min-height:34px}
.segmented>a:hover{color:var(--ink)}
.segmented>a[aria-current=page]{background:var(--hover);color:var(--ink)}
.segmented span{font-size:11px;font-weight:500;color:var(--quiet);font-variant-numeric:tabular-nums}
.segmented>a[aria-current=page] span{color:var(--ink);opacity:.75}
.explore-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:start}
.filter-panel{position:sticky;top:calc(var(--nav-h) + 20px);min-width:0;padding-right:24px;padding-bottom:20px;border-right:1px solid var(--line)}
.filter-panel>summary{margin-bottom:14px;color:var(--quiet);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:11px}
.filter-panel>summary:after,.filter-summary{display:none}
.filter-fields{display:flex;flex-direction:column;gap:18px}
.filter-fields label{font-size:12px;font-weight:500;color:var(--quiet);gap:6px}
.filter-fields select{width:100%;font-size:13px;padding-left:10px}
.filter-fields>.button{font-size:12px;min-height:36px;color:var(--muted)}
.filter-note{border-top:1px solid var(--line);padding-top:20px;margin-top:4px}
.filter-note>.icon{color:var(--accent);margin-bottom:8px}
.filter-note p{font-size:12px;line-height:1.7}
.filter-note a{font-size:12px;color:var(--accent)}
.filter-note .icon{width:15px}
.catalogue{min-width:0}
.search-bar{display:flex;align-items:center;gap:12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--raised);padding:0 14px;min-height:40px;color:var(--quiet);box-shadow:var(--rim)}
.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.search-bar input{background:none;border:0;outline:none!important;box-shadow:none;width:100%;min-width:0;padding-left:0;font-weight:400;font-size:14px;min-height:38px}
.search-bar kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border:1px solid var(--line-strong);border-radius:5px;font:11px var(--mono);color:var(--quiet);background:var(--panel)}
.task-chips{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 8px}
.task-chips button{border:1px solid var(--line);border-radius:var(--r-chip);font-size:12px;font-weight:500;padding:6px 12px;min-height:32px;color:var(--muted);background:transparent}
.task-chips button:hover{color:var(--ink);border-color:var(--line-strong);background:var(--raised)}
.task-chips button[aria-pressed=true]{color:var(--ink);background:var(--accent-soft);border-color:var(--accent)}
.task-more{display:inline-flex;margin:0;font-size:12px}
.task-more select{min-height:32px;padding:5px 30px 5px 12px;font-size:12px;font-weight:500;border-radius:var(--r-chip);color:var(--muted);background-color:transparent;box-shadow:none;background-position:right 10px center;max-width:220px}
.task-more select:hover{color:var(--ink);border-color:var(--line-strong);background-color:var(--raised)}
.task-more.is-active select{color:var(--ink);background-color:var(--accent-soft);border-color:var(--accent)}
.results-bar{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;margin:20px 0 10px;flex-wrap:wrap}
.results-bar h2{font:600 16px/1.4 var(--sans);margin:0;letter-spacing:-.01em}
.results-bar h2 span{font:500 12px/1.5 var(--sans);color:var(--quiet);margin-left:8px;font-variant-numeric:tabular-nums}
.sort-control{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px;font-weight:400;color:var(--quiet)}
.sort-control{min-width:0}
.sort-control select{min-height:32px;padding:4px 26px 4px 8px;font-size:12px;border-color:var(--line);background-color:transparent;background-position:right 8px center;box-shadow:none;max-width:180px;color:var(--muted)}
.sort-control select:hover{color:var(--ink);border-color:var(--line-strong)}
.column-headings{display:grid;grid-template-columns:minmax(175px,1.1fr) minmax(180px,1.2fr) minmax(125px,.75fr) 150px;gap:20px;padding:10px 16px;font:600 11px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--quiet);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.column-headings span:last-child{text-align:right}
.catalogue-row{display:grid;grid-template-columns:minmax(175px,1.1fr) minmax(180px,1.2fr) minmax(125px,.75fr) 150px;gap:20px;padding:16px;border-bottom:1px solid var(--line);align-items:start;min-width:0;border-radius:0;animation:rise var(--t-reveal) var(--ease) both}
.catalogue-row:hover{background:var(--panel)}
.entity-link{display:flex;gap:12px;align-items:center;min-width:0}
.entity-link>span:last-child{min-width:0}
.entity-link strong{display:block;font-size:14px;line-height:1.35;overflow-wrap:anywhere;letter-spacing:-.01em}
.entity-link small{display:block;font-size:12px;margin-top:3px;line-height:1.5;overflow-wrap:anywhere;color:var(--quiet)}
.entity-link:hover strong{color:var(--accent)}
.entity-avatar{width:36px;height:36px;display:grid;place-items:center;font-family:var(--sans);flex:0 0 auto;background:var(--raised);border:1px solid var(--line-strong);color:var(--ink);border-radius:9px;font-size:12px;font-weight:600;text-transform:uppercase;box-shadow:var(--rim)}
.row-fit p{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.row-fit small{display:block;margin-top:4px;font-size:12px;color:var(--quiet)}
.row-fit small b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.row-price strong{display:block;font-weight:600;font-size:13px;line-height:1.4;word-break:normal;font-variant-numeric:tabular-nums}
.row-price strong.is-na{color:var(--quiet);font-weight:500}
.row-price small{display:block;font-size:12px;line-height:1.5;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--quiet)}
.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:4px}
.row-actions .icon-button{width:36px;height:36px}
.compare-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:600;min-height:32px;padding:5px 10px;border:1px solid var(--line-strong);border-radius:var(--r-control);min-width:96px;color:var(--muted);background:var(--raised);box-shadow:var(--rim)}
.compare-button:hover{color:var(--ink);border-color:var(--quiet)}
.compare-button .icon{width:14px;height:14px}
.compare-button.selected{color:var(--accent);background:var(--accent-soft);border-color:var(--accent);box-shadow:none}
.cell-kicker{display:none}
.workload-line{font-size:12px;line-height:1.8;margin:0 0 14px;color:var(--quiet)}
.workload-line a{color:var(--accent);white-space:nowrap}
.workload-line .icon{width:13px;height:13px}
.load-more{display:flex;justify-content:center;margin:24px 0}
.empty-state{text-align:center;max-width:720px;margin:auto;padding:64px 28px}
.empty-state h2{font-size:32px}
.empty-state p{max-width:46ch;margin:0 auto 24px}
.empty-symbol{display:grid;place-items:center;width:56px;height:56px;background:var(--raised);border:1px solid var(--line);border-radius:14px;margin:0 auto 20px;color:var(--accent);box-shadow:var(--rim)}
.empty-symbol>.icon{width:24px;height:24px}

/* ---------- compare ---------- */
.page-heading{padding:48px 0 12px;max-width:860px}
.page-heading p{font-size:16px}
.choice-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start;margin:14px 0 24px}
.choice-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);min-height:84px;box-shadow:var(--rim);animation:rise var(--t-reveal) var(--ease) both}
.choice-card .entity-avatar{display:none}
.choice-card .icon-button{width:32px}
.choice-picker{position:relative;border:1px dashed var(--line-strong);border-radius:var(--r-panel);min-height:84px;background:transparent;padding:12px 14px;grid-column:auto;z-index:5}
.choice-picker:hover{border-color:var(--quiet)}
.choice-picker>summary{font-size:13px;min-height:58px;color:var(--muted)}
.choice-picker>summary small{margin-left:auto;color:var(--quiet);font-variant-numeric:tabular-nums}
.choice-picker>summary:after{display:none}
.choice-picker[open]{grid-column:span 2;background:var(--panel);border-style:solid}
.choice-picker>label{font-size:12px;font-weight:400;color:var(--quiet)}
.choice-picker input{width:100%}
.picker-results{max-height:280px;overflow:auto;margin-top:10px;scrollbar-width:thin}
.picker-results>button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;width:100%;text-align:left;padding:8px 10px;border-radius:var(--r-control);border-top:1px solid var(--line)}
.picker-results>button:first-child{border-top:0}
.picker-results>button .icon{width:28px;height:28px;padding:6px;border:1px solid var(--line-strong);border-radius:7px;color:var(--muted)}
.picker-results>button:hover .icon{color:var(--accent);border-color:var(--accent)}
.picker-results>button:hover{background:var(--raised);color:var(--ink)}
.picker-results strong,.picker-results small{display:block}
.picker-results strong{font-size:13px}
.picker-results small{font-size:12px;margin-top:2px;color:var(--quiet)}
.workload-form{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:20px;margin-bottom:24px;box-shadow:var(--rim)}
.workload-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.workload-form label{font-size:12px;font-weight:500;min-width:0}
.workload-form select{width:100%;font-size:13px}
.usage-details{border-top:1px solid var(--line);margin-top:16px;padding-top:6px}
.usage-details summary{font-size:13px;color:var(--muted);flex-wrap:wrap;font-weight:500}
.usage-details summary span{font-size:12px;color:var(--quiet);font-weight:400}
.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px}
.usage-grid input{font-variant-numeric:tabular-nums}
.usage-grid label{white-space:nowrap;min-width:0}
.usage-grid select,.usage-grid input{width:100%;min-width:0}
.usage-grid small{white-space:normal}
.decision-summary{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-card);background:var(--panel);padding:24px 28px;margin:28px 0;box-shadow:var(--rim)}
.decision-summary .eyebrow{margin-bottom:12px}
.decision-summary p{font-size:14px;line-height:1.7;margin-bottom:10px;max-width:80ch}
.decision-summary p:last-child{margin-bottom:0}
.decision-summary .summary-lead{font-family:var(--serif);font-size:26px;line-height:1.35;letter-spacing:-.005em;color:var(--ink);margin-bottom:14px}
.comparison-controls{display:flex;align-items:center;gap:24px;justify-content:space-between;flex-wrap:wrap;margin:20px 0 14px}
.comparison-scroll,.cost-table-scroll{width:100%;overflow:auto;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--rim);scrollbar-width:thin}
table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;text-align:left}
th,td{padding:12px 16px;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.6}
thead th{background:var(--raised);font-weight:600;position:sticky;top:0;z-index:2;font-family:var(--sans);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet)}
thead th a{text-transform:none;letter-spacing:-.01em;font-family:var(--sans);font-size:13px;font-weight:600}
thead th small{display:block;line-height:1.5;margin-top:4px;text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:11px}
tbody th{font-size:13px;color:var(--quiet);font-weight:500;background:var(--panel)}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
tbody tr:hover td,tbody tr:hover th{background:var(--raised)}
tbody td{color:var(--muted)}
tbody td strong,thead th a{color:var(--ink)}
.comparison-table{min-width:700px;table-layout:fixed}
.comparison-table th:first-child{width:200px;position:sticky;left:0;z-index:3}
.comparison-table thead th:first-child{z-index:4}
.comparison-table td{overflow-wrap:anywhere}
.comparison-table td>a{color:var(--accent);font-size:13px}
.comparison-table td .icon{width:14px;height:14px}
.evidence-legend{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 0}
.evidence-legend span{font-size:11px;font-weight:500;border:1px solid var(--line-strong);border-radius:6px;padding:4px 8px;color:var(--muted);background:var(--raised)}
.mobile-pair-control{display:none}
.compare-edition{margin:0 0 18px;font-size:13px;line-height:1.7;color:var(--quiet)}
.compare-edition code{font-size:12px}

/* ---------- costs ---------- */
.cost-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px;align-items:start;margin-top:20px}
.cost-layout>*{min-width:0}
.cost-assumptions{position:sticky;top:calc(var(--nav-h) + 20px)}
.cost-assumptions .workload-top,.cost-assumptions .usage-grid{grid-template-columns:1fr 1fr;gap:14px}
.cost-assumptions .workload-top label{grid-column:span 2}
.cost-assumptions .workload-form{padding:20px;margin-bottom:16px}
.cost-assumptions .usage-details summary span{display:none}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.metrics article{padding:18px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);min-width:0;box-shadow:var(--rim);animation:rise var(--t-reveal) var(--ease) both}
.metrics article>span{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);margin-bottom:12px}
.metrics article>strong{display:block;font-family:var(--mono);font-weight:500;font-size:26px;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.metrics article>strong small{font:400 13px var(--mono);letter-spacing:0;color:var(--quiet)}
.metrics article>small{display:block;font-size:12px;line-height:1.6;margin-top:10px;overflow-wrap:anywhere;color:var(--muted)}
.cost-search{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px}
.cost-search select{min-height:40px}
.cost-search .search-bar{flex:1;min-width:0;flex-direction:row}
.cost-search>label:last-child{font-size:12px;min-width:130px}
.cost-search select{font-size:12px;max-width:190px}
.cost-table{min-width:650px}
.cost-table th{font-size:11px;white-space:nowrap;padding:12px 14px}
.cost-table td{padding:14px;vertical-align:middle}
.cost-table .entity-link strong{font-size:13px}
.cost-table .entity-avatar{display:none}
.cost-table .row-actions .icon-button{display:none}
.cost-table td>small{display:block;margin-top:5px;font-size:11px;color:var(--quiet)}
.cost-table .compare-button span{display:none}
.cost-table .compare-button{min-width:38px}
.cost-table td:nth-child(2),.cost-table td:nth-child(3){font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.cost-table th:nth-child(2),.cost-table th:nth-child(3){text-align:right}
.value-plot{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:20px;margin:0 0 24px;box-shadow:var(--rim)}
.value-plot figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:baseline}
.value-plot figcaption strong{font-size:14px}
.value-plot figcaption span{font-size:12px;color:var(--quiet)}
.value-plot svg{display:block;width:100%;height:auto;overflow:visible}
.value-plot svg text{fill:var(--quiet);font:500 11px var(--sans);font-variant-numeric:tabular-nums}
.plot-axis{stroke:var(--line-strong);stroke-width:1;fill:none}
.plot-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:2 4}
.plot-point{fill:var(--quiet);opacity:.9;stroke:var(--panel);stroke-width:1;transition:r var(--t-state) var(--ease),opacity var(--t-state) var(--ease)}
.plot-point.frontier{fill:var(--accent);opacity:1}
.value-plot a:hover .plot-point,.value-plot a:focus .plot-point{stroke:var(--ink);stroke-width:2;opacity:1}
.value-plot p{font-size:13px;line-height:1.7;margin:10px 0 0;color:var(--muted)}
.plot-empty{padding:20px;border:1px dashed var(--line-strong);border-radius:var(--r-card);font-size:13px;color:var(--muted);margin-bottom:24px}
.excluded-prices{margin:24px 0;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-card);font-size:13px;background:var(--panel)}
.excluded-prices summary{font-size:13px}
.excluded-prices p{padding-top:12px}

/* ---------- profiles ---------- */
.breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--quiet);font-size:13px;margin:28px 0 20px}
.breadcrumbs>a{color:var(--muted)}
.breadcrumbs>a:hover{color:var(--accent)}
.profile-hero{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:28px}
.profile-hero>.entity-avatar{width:72px;height:72px;font-size:22px;border-radius:18px}
.profile-hero>div:nth-child(2){flex:1;min-width:0}
.profile-hero .eyebrow{margin-bottom:8px}
.profile-hero h1{font-size:clamp(36px,4vw,56px);margin-bottom:10px;overflow-wrap:anywhere}
.profile-hero p{font-size:15px;max-width:68ch;margin:0}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}
.profile-sidebar{min-width:0}
.profile-sidebar .panel>.button{margin-top:18px}
.profile-sidebar .panel>.badge{margin-top:6px}
.profile-sidebar p{font-size:13px;line-height:1.75;margin-top:12px}
.profile-sidebar small{display:block}
.profile-sidebar .large-metric{display:block;font-family:var(--mono);font-weight:500;font-size:34px;letter-spacing:-.02em;line-height:1.2;margin-bottom:6px;font-variant-numeric:tabular-nums}
.profile-sidebar .large-metric small{display:inline;font:400 13px var(--mono);letter-spacing:0;margin-left:5px;color:var(--quiet)}
.profile-sidebar a:not(.button){font-size:13px;color:var(--accent)}
.fact-list{margin:0}
.fact-list>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.fact-list>div:last-child{border:0}
.fact-list dt{color:var(--quiet);font-size:13px;font-weight:500}
.fact-list dd{margin:0;overflow-wrap:anywhere;color:var(--ink)}
.tradeoff-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.tradeoff-grid h3{margin-top:6px;font-size:14px}
.tradeoff-grid p,.tradeoff-grid li{font-size:14px;line-height:1.75}
.source-list{list-style:none;padding:0;margin:20px 0}
.source-list li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.source-list a{color:var(--accent);font-size:14px}
.source-list a .icon{width:14px;height:14px}
.source-list small{font-size:12px}
.evidence-record{padding:10px 0;border-top:1px solid var(--line)}
.evidence-record summary{font-size:14px;overflow-wrap:anywhere;font-weight:500}
.evidence-record summary span{font-size:12px;font-weight:400;color:var(--quiet)}
.record-fields{font-size:13px;margin:10px 0;overflow-wrap:anywhere}
.record-fields>div{padding:10px 0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;border-top:1px solid var(--line)}
.record-fields dt{color:var(--quiet);text-transform:capitalize;font-size:12px;font-weight:500}
.record-fields dd{margin:0;white-space:pre-wrap}
.source-stale{color:var(--warning)}

/* ---------- find ---------- */
.finder-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:48px;align-items:start;margin-top:20px}
.finder-form label{font-size:13px}
.finder-intro{max-width:560px;padding:36px 12px}
.finder-intro h2{font-size:40px;line-height:1.1}
.finder-intro>a{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--accent);margin-top:12px;font-weight:500}
.steps{margin:32px 0}
.steps>div{display:flex;gap:22px;padding:16px 0;border-top:1px solid var(--line)}
.steps>div>b{font-family:var(--mono);font-size:13px;color:var(--quiet);font-weight:500;padding-top:3px;min-width:2ch}
.steps strong{font-size:15px}
.steps p{font-size:14px;margin:6px 0 0}
.recommendation-card{padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);margin-bottom:16px;box-shadow:var(--rim);animation:rise var(--t-reveal) var(--ease) both}
.recommendation-card h3{font-size:14px}
.recommendation-card li,.recommendation-card p{font-size:14px}
.recommendation-card .row-actions{justify-content:flex-start;margin-top:16px}

/* ---------- my ai ---------- */
.workspace-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:16px 0 28px;overflow:auto;scrollbar-width:thin}
.workspace-tabs a{font-size:13px;font-weight:500;white-space:nowrap;padding:10px 12px 13px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.workspace-tabs a:hover{color:var(--ink)}
.workspace-tabs a[aria-current=page]{color:var(--ink);border-color:var(--ink)}
.workspace-tabs a span{font-size:11px;font-weight:600;color:var(--accent);margin-left:6px}
.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.saved-grid>.panel{margin:0}
.saved-grid .panel>p{font-size:14px;line-height:1.75;margin-top:16px}
.saved-grid .entity-link strong{font-size:16px}
.saved-grid .row-actions{justify-content:flex-start}
.saved-grid details{font-size:13px;margin-top:14px;white-space:pre-wrap}
.saved-grid .page-actions{margin-top:20px;margin-bottom:0}
.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.backup-grid h2{font-size:28px}
.backup-grid h3{font-size:16px}
.backup-grid p{font-size:14px;line-height:1.75}
.backup-grid .checkbox{margin:16px 0}
.backup-grid input[type=file]{width:100%;font-size:12px;padding:10px}
.backup-grid .sync-input{margin:24px 0 16px}
.backup-grid .sync-input input{width:100%;font-size:13px;font-family:var(--mono)}
.backup-grid output{display:block;white-space:pre-wrap;font-size:13px;color:var(--accent);margin:12px 0;overflow-wrap:anywhere;font-family:var(--mono)}
.restore-preview{padding:18px;border:1px solid var(--accent);border-radius:var(--r-panel);margin:20px 0;background:var(--accent-soft)}
.restore-preview h3{margin-top:0}
.test-result{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}
.test-result summary{font-size:14px}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-control);padding:16px;font-size:12px;line-height:1.65;max-height:500px;overflow:auto;color:var(--muted)}
.request-panel{max-width:780px}
.request-panel>p{margin-bottom:24px}
.request-panel output{display:block;margin:16px 0;color:var(--accent);font-family:var(--mono);font-size:13px}
.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

/* ---------- method / prose ---------- */
.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}
.method-grid .panel{margin:0;padding:22px}
.method-grid h2{font-size:24px;margin:14px 0 12px}
.method-grid p{font-size:14px;line-height:1.75}
.method-number{font:500 13px var(--mono);color:var(--quiet);letter-spacing:.06em}

/* ---------- footer ---------- */
.site-footer{display:flex;justify-content:space-between;gap:32px;border-top:1px solid var(--line);padding-top:28px;padding-bottom:36px;margin-top:72px;align-items:flex-start}
.footer-brand{font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--ink)}
.site-footer p{font-size:12px;margin:6px 0 0;color:var(--quiet)}
.site-footer nav{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:12px;color:var(--muted);max-width:560px}
.site-footer nav a:hover{color:var(--ink)}
.site-footer>small{font-size:12px;line-height:1.7;text-align:right;color:var(--quiet);max-width:40ch}
.has-tray .site-footer{padding-bottom:126px}

/* ---------- compare tray ---------- */
.compare-tray{position:fixed;bottom:0;left:0;right:0;background:var(--header);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-top:1px solid var(--line);box-shadow:var(--shadow);z-index:40;animation:tray-in var(--t-layout) var(--ease) both}
.tray-inner{max-width:calc(var(--container) + var(--gutter)*2);margin:0 auto;padding:14px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px}
.tray-selected{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.tray-label{font:600 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);margin-right:4px}
.tray-label b{color:var(--ink);letter-spacing:0}
.tray-chip{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;border:1px solid var(--line-strong);background:var(--raised);padding:4px 4px 4px 12px;border-radius:var(--r-control);max-width:220px;box-shadow:var(--rim)}
.tray-chip button{display:grid;place-items:center;min-width:28px;min-height:28px;border-radius:5px;flex:0 0 auto;color:var(--quiet)}
.tray-chip button .icon{width:14px}
.tray-chip button:hover{background:var(--hover);color:var(--ink)}
.tray-actions{display:flex;gap:8px;flex:0 0 auto}
.tray-actions .button{font-size:13px}

/* ---------- dialog / toast ---------- */
dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-card);width:min(560px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:26px;box-shadow:var(--shadow),var(--rim)}
dialog::backdrop{background:rgba(4,5,8,.7);backdrop-filter:blur(4px)}
dialog[open]{animation:rise var(--t-layout) var(--ease) both}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.dialog-heading h2{font-size:28px;margin:0}
dialog p{font-size:14px}
dialog form>label{margin-top:16px}
#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);max-width:min(620px,calc(100% - 28px));width:max-content;background:var(--raised);border:1px solid var(--control-line);border-radius:10px;padding:10px 16px;font-size:13px;line-height:1.6;box-shadow:var(--shadow),var(--rim);z-index:90;animation:rise var(--t-layout) var(--ease) both}
noscript p{margin:25px auto;color:var(--warning)}

/* ---------- motion ---------- */
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes tray-in{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
.catalogue-row:nth-child(-n+12){animation-delay:calc(var(--stagger,40ms) * (var(--n,0)))}
.catalogue-row:nth-child(1){--n:0}.catalogue-row:nth-child(2){--n:1}.catalogue-row:nth-child(3){--n:2}.catalogue-row:nth-child(4){--n:3}.catalogue-row:nth-child(5){--n:4}.catalogue-row:nth-child(6){--n:5}.catalogue-row:nth-child(7){--n:6}.catalogue-row:nth-child(8){--n:7}.catalogue-row:nth-child(9){--n:8}.catalogue-row:nth-child(10){--n:9}.catalogue-row:nth-child(11){--n:10}.catalogue-row:nth-child(12){--n:11}
.metrics article:nth-child(2){animation-delay:40ms}.metrics article:nth-child(3){animation-delay:80ms}
.choice-card:nth-child(2){animation-delay:40ms}.choice-card:nth-child(3){animation-delay:80ms}.choice-card:nth-child(4){animation-delay:120ms}

/* ---------- embed ---------- */
body.is-embed .compare-tray,
body.is-embed .main-nav,
body.is-embed [data-act="save"],
body.is-embed [data-act="save-decision"],
body.is-embed [data-act="export-decision"]{display:none!important}
body.is-embed .embed-header{height:auto;min-height:64px;padding-top:12px;padding-bottom:12px;gap:16px;flex-wrap:wrap}
body.is-embed .embed-kicker{margin:0;font-size:13px;color:var(--muted);flex:1 1 180px}
body.is-embed .page-heading{padding-top:24px}
body.is-embed .site-footer nav{display:none}
body.is-embed.has-tray .site-footer{padding-bottom:32px}
body.is-embed #toast{bottom:24px}

/* ---------- misc retained ---------- */
.profile-faq details,.compared-with p{font-size:14px;line-height:1.8}
.profile-faq details{margin:0;border-top:1px solid var(--line);padding:2px 0}
.profile-faq details:first-of-type{border-top:0}
.profile-faq p{margin:0 0 14px}
.trust-links p a,.compared-with p a{color:var(--accent)}

/* ---------- responsive ---------- */
@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:48px}.catalogue-row{padding-top:20px;padding-bottom:20px}}
@media(max-width:1200px){
  .page-shell{padding-left:28px;padding-right:28px}
  .header-inner{padding:0 28px;gap:28px}
  .main-nav{gap:2px}
  .explore-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}
  .filter-panel{padding-right:16px}
  .column-headings,.catalogue-row{grid-template-columns:minmax(155px,1fr) minmax(135px,1fr) minmax(110px,.7fr) 120px;gap:13px;padding-left:10px;padding-right:10px}
  .row-actions .icon-button{width:30px}
  .compare-button{min-width:82px;font-size:11px;padding:6px}
  .entity-link{gap:9px}
  .entity-avatar{width:32px;height:32px;font-size:11px}
  .cost-layout{grid-template-columns:290px minmax(0,1fr);gap:22px}
  .metrics{gap:9px}
  .metrics article{padding:15px}
  .metrics article>strong{font-size:26px}
  .profile-layout{grid-template-columns:minmax(0,1fr) 280px}
  .method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-note{max-width:260px}
  .saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tray-inner{padding-left:28px;padding-right:28px}
  .tray-chip{max-width:175px}
  .choice-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
  .header-inner{gap:20px}
  .brand{font-size:16px}
  .header-actions .button{font-size:12px;padding:6px 10px}
  .hero-note{display:none}
  .hero{padding:44px 0 32px;grid-template-columns:minmax(0,1fr)}
  .hero h1{font-size:56px}
  .explore-layout{grid-template-columns:1fr;gap:15px}
  .filter-panel{position:static;border:1px solid var(--line);padding:12px 18px;border-radius:var(--r-panel);background:var(--panel);box-shadow:var(--rim)}
  .filter-panel>summary{font-size:13px;margin:0;min-height:32px;font-family:var(--sans);text-transform:none;letter-spacing:0;color:var(--ink);font-weight:600}
  .filter-panel>summary:after{display:block}
  .filter-summary{display:inline;font-size:12px;color:var(--quiet);font-weight:400}
  .filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 0 4px}
  .filter-note{display:none}
  .filter-fields>.button{align-self:end}
  .column-headings,.catalogue-row{grid-template-columns:minmax(140px,1.1fr) minmax(125px,1.2fr) minmax(95px,.8fr) 120px;gap:12px;padding-left:10px;padding-right:10px}
  .cost-layout{grid-template-columns:minmax(0,1fr)}
  .cost-assumptions{position:static}
  .cost-assumptions .workload-top{grid-template-columns:1fr 1fr}
  .cost-assumptions .workload-top label{grid-column:auto}
  .cost-assumptions .usage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cost-assumptions>.button{margin-bottom:12px}
  .profile-layout{grid-template-columns:1fr}
  .profile-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px;order:-1}
  .profile-sidebar>.text-link{display:none}
  .profile-sidebar .panel{margin-bottom:0}
  .profile-hero{flex-wrap:wrap}
  .profile-hero>.entity-avatar{width:56px;height:56px}
  .profile-hero>div:last-child{width:100%}
  .profile-hero .row-actions{justify-content:flex-start}
  .profile-hero h1{font-size:40px}
  .finder-layout{grid-template-columns:310px minmax(0,1fr);gap:26px}
  .finder-intro{padding:25px 0}
  .finder-intro h2{font-size:34px}
  .backup-grid{gap:20px}
  .site-footer{flex-wrap:wrap}
  .site-footer>small{text-align:left;max-width:none}
  .tray-selected{flex-wrap:wrap;overflow:visible}
  .tray-label{display:none}
  .tray-chip{min-width:min(100%,7.5rem);max-width:100%}
}
.verdict-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 20px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--rim)}
.verdict-strip article{background:var(--panel);padding:18px 20px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.verdict-strip .eyebrow{margin:0}
.verdict-strip .large-metric{font-size:28px;margin:2px 0 0}
.verdict-strip .large-metric.is-na{color:var(--quiet);font-weight:500}
.verdict-strip .large-metric small{font:400 13px/1 var(--sans);color:var(--quiet);margin-left:4px}
.verdict-strip .large-metric .is-text{font:600 15px/1.45 var(--sans);letter-spacing:0;color:var(--ink);display:block;padding-top:4px}
.verdict-strip p{font-size:12.5px;color:var(--quiet);margin:0;line-height:1.55;flex:1}
.verdict-strip a{font-size:12.5px;font-weight:500;color:var(--accent);display:inline-flex;align-items:center;gap:4px;margin-top:4px}
.verdict-strip a .icon{width:14px}
.assumption-stack{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:-4px 0 18px;font-size:12px;color:var(--quiet);line-height:1.5}
.assumption-stack strong{color:var(--muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:11px;margin-right:2px}
.assumption-stack span{border:1px solid var(--line);border-radius:var(--r-chip);padding:3px 9px;color:var(--muted);font-variant-numeric:tabular-nums;background:var(--panel)}
.assumption-stack em{font-style:normal;flex-basis:100%;color:var(--quiet)}
.assumption-stack strong{flex-basis:100%}
.metric-range{font-size:22px!important;display:flex!important;align-items:baseline;flex-wrap:wrap;gap:0 6px;min-height:31px}
.metric-range .range-sep{color:var(--quiet);font:400 16px/1 var(--mono)}
.metrics article>strong{min-height:31px}
.metrics article>small a{color:var(--accent);font-weight:500}
.metrics strong.is-na{color:var(--quiet);font-weight:500}
.plot-grid-x{stroke-dasharray:2 4;opacity:.7}
.plot-axis-label{font:500 11px var(--sans);fill:var(--quiet)}
.plot-label{font:500 11px var(--sans);fill:var(--ink);pointer-events:none;paint-order:stroke;stroke:var(--panel);stroke-width:3px;stroke-linejoin:round}
.plot-label.is-linked{fill:var(--ink)}
.plot-mark.is-linked .plot-point{r:7;fill:var(--accent);stroke:var(--ink);stroke-width:1.5}
.plot-mark.is-linked .plot-label{fill:var(--ink)}
.cost-table tr.is-linked td{background:var(--raised)}
.cost-table tr.is-linked .entity-link strong{color:var(--accent)}
.plot-point{transition:r var(--t-fast) var(--ease),fill var(--t-fast) var(--ease)}
.prompt-filters{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 20px}
.page-heading+.disclosure{max-width:76ch}
.prompt-filters .chip{border:1px solid var(--line);border-radius:var(--r-chip);font-size:12px;font-weight:500;padding:6px 12px;min-height:32px;color:var(--muted);background:transparent}
.prompt-filters .chip span{color:var(--quiet);font-variant-numeric:tabular-nums;margin-left:2px}
.prompt-filters .chip:hover{color:var(--ink);border-color:var(--line-strong);background:var(--raised)}
.prompt-filters .chip.is-active{color:var(--ink);background:var(--accent-soft);border-color:var(--accent)}
.prompt-card{display:flex;flex-direction:column;gap:10px}
.prompt-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}
.prompt-group{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--quiet)}
.prompt-card h3{font:600 16px/1.35 var(--sans);letter-spacing:-.01em;margin:0}
.prompt-card h3 a{color:var(--ink)}
.prompt-card h3 a:hover{color:var(--accent)}
.prompt-card .prompt-reason{font-size:13px;color:var(--muted);line-height:1.6;flex:1;margin:0}
.prompt-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px}
.prompt-variant{font-size:12.5px;font-weight:500;color:var(--accent);display:inline-flex;align-items:center;gap:4px}
.prompt-variant .icon{width:14px}
.starter-pairs{margin-top:28px}
.starter-pairs>.quiet{font-size:13px;margin:-6px 0 16px}
.pair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pair-card{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--rim);color:inherit;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),transform var(--t-med) var(--ease)}
.pair-card:hover{border-color:var(--line-strong);background:var(--raised);transform:translateY(-1px)}
.pair-group{font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--quiet)}
.pair-names{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}
.pair-names strong{font-weight:600}
.pair-names i{font:italic 400 14px/1 var(--serif);color:var(--muted);margin:0 4px}
.pair-names .entity-avatar{width:28px;height:28px;font-size:11px}
.pair-cta{margin-top:auto;font-size:12.5px;font-weight:500;color:var(--accent);display:inline-flex;align-items:center;gap:4px}
.pair-cta .icon{width:14px}
.peers-panel p{font-size:12.5px;color:var(--quiet);margin:8px 0 10px;line-height:1.55}
.peer-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line);color:inherit}
.peer-row .entity-avatar{width:30px;height:30px;font-size:11px;flex:none}
.peer-name{display:flex;flex-direction:column;min-width:0;flex:1}
.peer-name strong{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.peer-name small{font-size:11.5px;color:var(--quiet)}
.peer-cta{font-size:12px;font-weight:500;color:var(--accent);display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.peer-cta .icon{width:13px}
.peer-row:hover .peer-name strong{color:var(--accent)}
.peers-actions{display:grid;gap:8px;margin-top:12px}
.peers-actions .button{width:100%;justify-content:center}
.peers-actions .button.selected{border-color:var(--accent);color:var(--ink)}
.rate-note{display:grid;gap:8px;justify-items:start}
.rate-note p{margin:0;font-size:12.5px;line-height:1.55;color:var(--quiet)}
.choice-picker.is-alone{grid-column:1/-1}
.choice-picker.is-alone .picker-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.choice-picker.is-alone .picker-results>button:nth-child(2){border-top:0}
.picker-hint{font-size:12px;color:var(--quiet);margin:10px 0 0}
.compare-edition code{font:400 11px/1 var(--mono);color:var(--muted);background:var(--raised);border:1px solid var(--line);border-radius:4px;padding:2px 5px}
@media(max-width:700px){
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .verdict-strip{grid-template-columns:1fr}
  .pair-grid{grid-template-columns:1fr}
  .choice-picker.is-alone .picker-results{grid-template-columns:1fr}
  .verdict-strip .large-metric{font-size:24px}
  .edition-stamp dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .edition-stamp dd{font-size:20px}
  body{font-size:15px}
  .page-shell{padding-left:18px;padding-right:18px}
  .header-inner{height:104px;padding:0 18px 40px;gap:10px;position:relative}
  .brand{font-size:16px}
  .brand-symbol{width:24px;height:24px}
  .header-actions{gap:2px}
  .header-actions .icon-button{width:36px}
  .header-actions .button{font-size:12px;min-height:34px;padding:6px 10px}
  .header-actions .button .icon{width:14px}
  .main-nav{position:absolute;left:18px;right:18px;bottom:0;height:40px;gap:0;justify-content:space-between;overflow-x:auto;scrollbar-width:none}
  .main-nav>a{flex:0 0 auto}
  .main-nav>a{font-size:13px;min-height:40px;padding:0 4px;border-radius:0}
  .main-nav>a:hover{background:none}
  .main-nav>a:first-child{padding-left:0}
  .main-nav>a:last-child{padding-right:0}
  .main-nav>a[aria-current=page]{background:none;box-shadow:inset 0 -2px 0 var(--ink)}
  .hero{padding:32px 0 26px;gap:0}
  .hero .eyebrow{font-size:10px;margin-bottom:14px}
  .hero h1{font-size:44px;margin-bottom:14px}
  .hero p{font-size:15px;line-height:1.65}
  .desktop-break{display:none}
  .explore-toolbar{padding:18px 0 14px;gap:10px}
  .explore-toolbar>.quiet{display:none}
  .segmented{width:100%}
  .segmented>a{flex:1;justify-content:center;font-size:13px;padding:7px 10px}
  .segmented span{font-size:11px}
  .filter-panel{padding:9px 13px}
  .filter-fields{grid-template-columns:1fr 1fr;gap:13px}
  .filter-fields label{font-size:12px}
  .filter-fields select{font-size:12px}
  .search-bar{min-height:44px;padding:0 12px}
  .search-bar input{font-size:14px}
  .task-chips{gap:4px;margin:10px 0}
  .task-chips button{font-size:11px;min-height:32px;padding:5px 10px}
  .results-bar{margin-top:16px}
  .results-bar h2{font-size:15px}
  .results-bar h2 span{font-size:11px}
  .sort-control{font-size:11px;gap:1px}
  .sort-control select{font-size:11px;max-width:150px}
  .search-bar kbd{display:none}
  .column-headings{display:none}
  .catalogue-row{grid-template-columns:minmax(0,1fr) auto;padding:18px 0;gap:14px 12px;position:relative}
  .catalogue-row>.entity-link{grid-column:1/-1;padding-right:0}
  .catalogue-row .entity-avatar{width:36px;height:36px}
  .catalogue-row .entity-link strong{font-size:16px}
  .catalogue-row .entity-link small{font-size:12px}
  .catalogue-row .row-fit{grid-column:1/-1}
  .catalogue-row .row-fit p{font-size:14px;-webkit-line-clamp:2}
  .catalogue-row .row-price{align-self:center}
  .cell-kicker{display:block;font:600 10px var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--quiet);margin-bottom:4px}
  .row-fit .cell-kicker{display:none}
  .catalogue-row .row-price strong{font-size:14px}
  .catalogue-row .row-price small{font-size:11px;max-width:190px}
  .row-actions{gap:5px}
  .row-actions .icon-button{width:36px;height:40px}
  .compare-button{min-width:95px;min-height:40px;padding:8px 10px;font-size:12px}
  .workload-line{font-size:11px;line-height:1.8}
  .page-heading{padding-top:30px;padding-bottom:8px}
  .page-heading .eyebrow{font-size:10px;margin-bottom:12px}
  h1{font-size:40px}
  .page-heading p{font-size:14px}
  .page-actions{gap:8px;margin-bottom:20px}
  .page-actions .button{font-size:12px;padding:8px 12px;min-height:38px}
  .choice-strip{grid-template-columns:1fr 1fr;gap:9px}
  .choice-card{padding:12px;min-height:84px;gap:5px}
  .choice-card .entity-link strong{font-size:13px}
  .choice-card .entity-link small{font-size:11px}
  .choice-card .icon-button{width:28px;height:36px}
  .choice-picker{grid-column:1/-1;min-height:64px;padding:10px 14px}
  .choice-picker[open]{grid-column:1/-1}
  .choice-picker>summary{min-height:42px}
  .workload-form{padding:16px}
  .workload-top{gap:12px}
  .workload-top label{font-size:12px}
  .workload-top select{font-size:12px;padding-left:8px}
  .usage-grid,.cost-assumptions .usage-grid{grid-template-columns:1fr 1fr;gap:14px}
  .usage-grid label{white-space:nowrap;font-size:12px}
  .usage-grid small{font-size:11px}
  .usage-details summary{font-size:12px}
  .usage-details summary>span{display:none}
  .workload-form .disclosure{font-size:11px}
  .decision-summary{padding:20px 18px;margin:22px 0}
  .decision-summary .summary-lead{font-size:22px;line-height:1.4}
  .decision-summary p{font-size:13px}
  .decision-summary .eyebrow{font-size:10px}
  .comparison-controls{gap:12px;align-items:center}
  .comparison-controls>.quiet{display:none}
  .comparison-controls .checkbox{font-size:12px}
  .mobile-pair-control{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:11px;font-weight:400}
  .mobile-pair-control select{min-height:36px;font-size:11px;max-width:150px;padding:6px}
  .comparison-table{min-width:600px;table-layout:fixed}
  .comparison-table th:first-child{width:132px}
  .comparison-table td,.comparison-table th{font-size:12px;padding:12px;line-height:1.6}
  .comparison-table:has(.phone-hidden){min-width:0}
  .comparison-table[data-phone-pair]:not([data-phone-pair="all"]){min-width:0}
  .phone-hidden{display:none!important}
  .comparison-table thead th small{font-size:10px}
  .comparison-table td>a{font-size:12px}
  .evidence-legend{gap:6px}
  .evidence-legend span{font-size:10px;padding:4px 7px}
  .disclosure{font-size:12px}
  .cost-layout{margin-top:12px;gap:10px}
  .cost-assumptions .workload-form{padding:16px}
  .metrics{gap:8px;margin-top:14px}
  .metrics article{padding:14px 12px}
  .metrics article>span{font-size:10px;margin-bottom:10px}
  .metrics article>strong{font-size:22px}
  .metrics article>strong small{font-size:10px}
  .metrics article>small{font-size:11px;margin-top:8px}
  .cost-search{gap:8px;align-items:flex-end}
  .cost-search .search-bar{min-height:44px}
  .cost-search input{font-size:12px}
  .cost-search>label:last-child{min-width:96px;max-width:130px;font-size:11px}
  .cost-search select{font-size:11px}
  .cost-table{min-width:580px}
  .cost-table th{font-size:10px}
  .cost-table td{font-size:12px;padding:13px 12px}
  .cost-table .entity-link strong{font-size:12px}
  .cost-table .entity-link small{font-size:11px}
  .value-plot{padding:16px 12px}
  .value-plot figcaption strong{font-size:13px}
  .value-plot figcaption span{font-size:10px}
  .value-plot p{font-size:11px}
  .value-plot svg{min-height:150px}
  .excluded-prices{padding:16px;font-size:12px}
  .breadcrumbs{margin:22px 0 16px;font-size:11px}
  .profile-hero{gap:14px;margin-bottom:20px;padding-bottom:22px}
  .profile-hero>.entity-avatar{width:48px;height:48px;font-size:16px;border-radius:12px}
  .profile-hero>div:nth-child(2){min-width:0}
  .profile-hero h1{font-size:34px}
  .profile-hero .eyebrow{font-size:10px}
  .profile-hero p{font-size:13px}
  .profile-layout{gap:20px}
  .profile-sidebar{gap:12px}
  .profile-sidebar .panel{padding:16px}
  .profile-sidebar .large-metric{font-size:26px}
  .profile-sidebar .large-metric small{font-size:11px}
  .profile-sidebar .eyebrow{font-size:10px}
  .profile-sidebar p{font-size:12px;line-height:1.7}
  .profile-sidebar .panel>.button{font-size:11px;padding:8px}
  .profile-sidebar .badge{font-size:10px}
  .panel{padding:18px;margin-bottom:16px}
  h2{font-size:26px}
  .fact-list>div{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:11px 0}
  .fact-list dt,.fact-list dd{font-size:12px}
  .tradeoff-grid{grid-template-columns:1fr;gap:5px}
  .tradeoff-grid p,.tradeoff-grid li{font-size:13px}
  .source-list li{padding:11px 0}
  .source-list a{font-size:12px}
  .source-list small{font-size:11px}
  .evidence-record summary{font-size:12px}
  .evidence-record summary span{display:none}
  .record-fields>div{grid-template-columns:100px minmax(0,1fr);gap:12px;font-size:11px}
  .section-heading .badge{font-size:10px}
  .finder-layout{grid-template-columns:1fr;gap:10px;margin-top:14px}
  .finder-form{padding:20px}
  .finder-intro{padding:15px 0}
  .finder-intro h2{font-size:32px}
  .finder-intro .eyebrow{font-size:10px}
  .recommendation-card{padding:18px}
  .recommendation-card .entity-link strong{font-size:15px}
  .recommendation-card li,.recommendation-card p{font-size:13px}
  .recommendation-card .badge{font-size:10px}
  .workspace-tabs{gap:2px;margin-top:4px;margin-bottom:22px}
  .workspace-tabs a{font-size:12px;padding:10px 8px 12px;min-height:44px}
  .saved-grid{grid-template-columns:1fr;gap:14px}
  .saved-grid .entity-link strong{font-size:16px}
  .backup-grid{grid-template-columns:1fr;gap:0}
  .backup-grid h2{font-size:24px}
  .backup-grid p{font-size:13px}
  .request-panel>p{font-size:13px}
  .request-panel label{font-size:13px}
  .method-grid{grid-template-columns:1fr;gap:14px;margin-top:14px}
  .method-grid .panel{padding:20px}
  .method-grid h2{font-size:24px;margin:10px 0 12px}
  .method-grid p{font-size:14px}
  .site-footer{gap:20px;padding-top:26px;padding-bottom:28px;margin-top:44px}
  .site-footer>div{width:100%}
  .site-footer nav{font-size:12px;gap:8px 18px}
  .site-footer>small{font-size:10px}
  .has-tray .site-footer{padding-bottom:220px}
  .tray-inner{padding:12px 15px;gap:10px;flex-wrap:wrap}
  .tray-selected{width:100%;gap:7px;flex-wrap:wrap;overflow:visible}
  .tray-chip{display:flex;font-size:11px;padding-left:9px;max-width:calc(50% - 6px);min-width:min(100%,7.5rem);white-space:nowrap}
  .tray-chip button{min-width:26px;min-height:28px}
  .tray-label{display:block;white-space:nowrap;font-size:10px;min-width:50px}
  .tray-label b{display:block}
  .tray-actions{width:100%;justify-content:flex-end}
  .tray-actions .button{min-height:38px;font-size:12px;padding:8px 12px}
  .tray-actions .button.primary{flex:1}
  .compare-tray .tray-actions>.button:first-child{max-width:70px}
  #toast{bottom:220px;font-size:12px;padding:12px 15px}
  dialog{padding:20px}
  .dialog-heading h2{font-size:24px}
  .dialog-heading .icon-button{width:36px;height:36px}
  body.is-embed .header-inner,body.is-embed .embed-header{height:auto;padding:12px 18px;position:static}
  body.is-embed .embed-header{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}
  .catalogue-row,.choice-card,.metrics article,.recommendation-card,.compare-tray,dialog[open],#toast{animation:none!important}
}
@media print{
  body{background:#fff;color:#111}
  body::before{display:none}
  .site-header,.site-footer,.compare-tray,.page-actions,.row-actions,.choice-picker,.workload-form,.skip-link,#toast{display:none!important}
  .page-shell{max-width:none;padding:0}
  .panel,.comparison-scroll{border:1px solid #aaa;box-shadow:none;break-inside:avoid}
  .comparison-scroll{overflow:visible}
  .comparison-table{min-width:0}
  th,td{color:#111!important;background:#fff!important}
  .page-heading{padding-top:0}
  a{color:#111}
  .phone-hidden{display:table-cell!important}
}
.changelog{list-style:none;margin:28px 0 20px;padding:0;border-top:1px solid var(--line)}
.changelog-entry{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.changelog-entry time{font:500 12.5px/1.6 var(--mono);color:var(--quiet);font-variant-numeric:tabular-nums;padding-top:3px}
.changelog-kind{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet);margin-bottom:6px}
.changelog-entry[data-kind=site] .changelog-kind{color:var(--accent)}
.changelog-entry h2{font:600 17px/1.35 var(--sans);letter-spacing:-.01em;margin:0 0 8px}
.changelog-entry h2 a{color:var(--ink)}
.changelog-entry h2 a:hover{color:var(--accent)}
.changelog-entry p{margin:0;font-size:14px;line-height:1.65;color:var(--muted);max-width:76ch}
.pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.pro-card{display:flex;flex-direction:column;gap:10px}
.pro-card h2{font:600 18px/1.3 var(--sans);letter-spacing:-.01em;margin:0}
.pro-card>p{margin:0;font-size:14px;line-height:1.6;color:var(--muted);min-height:4.8em}
.pro-note{max-width:76ch;margin:-8px 0 24px}
.pro-card .disclosure{flex:1}
.pro-card .button{align-self:flex-start;margin-top:6px}
.never-list{margin:12px 0 14px;padding-left:18px;display:grid;gap:8px;font-size:14px;line-height:1.6;color:var(--muted)}
.never-list strong{color:var(--ink);font-weight:600}
@media(max-width:700px){.changelog-entry{grid-template-columns:1fr;gap:6px}.pro-grid{grid-template-columns:1fr}}
.pro-paid{margin:0;font-size:13px;line-height:1.6;color:var(--muted);flex:1}
.pro-paid strong{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet);margin-bottom:2px}

/* ==========================================================================
   DESIGN SYSTEM v2 (shared layer) — see docs/redesign-2026-09-19/design-system-v2.md
   Layout primitives, page header, buttons, panels, tables, chips, stats, nav, footer.
   Page-specific CSS goes in the marker blocks at the very end of this file.
   ========================================================================== */
@media(max-width:1200px){:root{--gutter:28px}}
@media(max-width:700px){:root{--gutter:18px}}

/* ---- type roles ---- */
h1,.h1{font-family:var(--serif);font-weight:400;font-size:var(--h1);line-height:1.05;letter-spacing:-.005em;text-wrap:balance;margin:0}
h2{font-size:var(--h2);line-height:1.15}
.panel h2,.panel-title,dialog h2,.card-title{font-family:var(--sans);font-weight:600;font-size:var(--fs-18);line-height:1.3;letter-spacing:-.015em;margin:0 0 12px}
.panel.prose h2{font-family:var(--serif);font-weight:400;font-size:var(--h2);letter-spacing:-.005em;line-height:1.15}
h3{font-family:var(--sans);font-size:var(--fs-15);font-weight:600;letter-spacing:-.01em}
.mono,.num,kbd,code{font-family:var(--mono);font-variant-numeric:tabular-nums}
.num{text-align:right;white-space:nowrap}
.text-xs{font-size:var(--fs-12)}.text-sm{font-size:var(--fs-13)}.text-md{font-size:var(--fs-15)}
.eyebrow,.prose p.eyebrow{font-size:11px;letter-spacing:.08em;line-height:1.4;max-width:none}
input,select,textarea{border-color:var(--control-line)}

/* ---- layout primitives ---- */
.page{max-width:calc(var(--container) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.page-section{margin:var(--sp-7) 0 0}
.page-section:first-child{margin-top:var(--sp-5)}
.page-section>.section-heading{margin-bottom:var(--sp-4)}
.section-heading h2{margin:0 0 6px}
.section-heading p{margin:4px 0 0;font-size:var(--fs-13);color:var(--quiet)}
.layout-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--sp-6);align-items:start}
.layout-split.is-left{grid-template-columns:300px minmax(0,1fr)}
.layout-split>*{min-width:0}
.layout-split>.is-sticky,.is-sticky{position:sticky;top:calc(var(--nav-h) + 20px)}
.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-4)}
.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:1/-1}
.grid-2,.grid-3,.grid-4{display:grid;gap:var(--sp-4)}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stack{display:flex;flex-direction:column;gap:var(--sp-4)}
.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}
@media(max-width:960px){.layout-split,.layout-split.is-left{grid-template-columns:minmax(0,1fr)}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.col-3,.col-4,.col-6,.col-8{grid-column:1/-1}.is-sticky{position:static}}
@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}

/* ---- page header (one component) ---- */
.page-header,.page-heading{max-width:none;padding:var(--sp-7) 0 var(--sp-5);display:block}
.page-header .eyebrow,.page-heading .eyebrow{margin-bottom:10px}
.page-header h1,.page-heading h1{margin:0;max-width:22ch}
.page-header .lede,.page-heading>p{font-size:16px;line-height:1.6;color:var(--muted);max-width:62ch;margin:12px 0 0}
.page-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:var(--sp-4);font-size:var(--fs-12);color:var(--quiet);font-variant-numeric:tabular-nums}
.page-header-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-5)}
.page-header+*{margin-top:0}
.hero{padding:var(--sp-7) 0 var(--sp-6);gap:var(--sp-7)}
.hero h1{font-size:var(--fs-64);font-size:clamp(40px,4.6vw,60px);line-height:1.02;max-width:14ch}
.hero>div>p{font-size:16px}
@media(min-width:1500px){.hero{padding-top:var(--sp-7);padding-bottom:var(--sp-6)}}
@media(max-width:700px){
  .page-header,.page-heading{padding:28px 0 20px}
  .page-header h1,.page-heading h1{font-size:36px;max-width:none}
  .page-header .lede,.page-heading>p{font-size:15px}
  .hero{padding:28px 0 24px}.hero h1{font-size:40px}
}

/* ---- buttons: primary / secondary / ghost / icon ---- */
.button{min-height:36px;padding:6px 14px;border-radius:var(--r-control);font-size:var(--fs-13);font-weight:600;letter-spacing:-.005em;background:var(--raised);border:1px solid var(--control-line);box-shadow:var(--rim-top)}
.button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:none}
.button.secondary{background:var(--raised)}
.button.ghost,.button.quiet-button{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted)}
.button.ghost:hover:not(:disabled){background:var(--raised);color:var(--ink);border-color:transparent}
.button.sm{min-height:30px;padding:3px 10px;font-size:var(--fs-12);gap:6px}
.button.sm .icon,.button .icon{width:16px;height:16px}
.button.sm .icon{width:14px;height:14px}
.button.lg{min-height:44px;padding:8px 20px;font-size:var(--fs-15)}
.icon-button{width:36px;height:36px;border-radius:var(--r-control)}
.icon-button.sm{width:30px;height:30px}
.icon-button .icon{width:18px;height:18px}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:3px;margin:0 0 var(--sp-4);border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--rim);width:fit-content;max-width:100%}
.toolbar>.button,.toolbar>a.button{min-height:30px;padding:3px 10px;font-size:var(--fs-12);font-weight:500;background:transparent;border-color:transparent;box-shadow:none;color:var(--muted);gap:6px}
.toolbar>.button .icon{width:14px;height:14px}
.toolbar>.button:hover:not(:disabled){background:var(--raised);color:var(--ink);border-color:transparent}
.toolbar>.button[data-act=save-decision]:not(:disabled){color:var(--ink)}
.toolbar>.button[data-act=clear]{margin-left:var(--sp-2);position:relative}
.toolbar>.button[data-act=clear]::before{content:'';position:absolute;left:-6px;top:6px;bottom:6px;width:1px;background:var(--line-strong)}
.btn-group{display:inline-flex}
.btn-group>.button{border-radius:0;margin-left:-1px}
.btn-group>.button:first-child{border-radius:var(--r-control) 0 0 var(--r-control);margin-left:0}
.btn-group>.button:last-child{border-radius:0 var(--r-control) var(--r-control) 0}
.compare-button{border-color:var(--control-line)}
.page-actions{margin:0 0 var(--sp-4)}

/* ---- panels: surface step + hairline + top rim; slots; never nested ---- */
.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:20px 24px;margin-bottom:var(--sp-4);box-shadow:var(--rim);min-width:0}
.panel.is-flat{background:transparent;box-shadow:none}
.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin:-4px 0 var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line)}
.panel-header>*{margin:0}
.panel-body{min-width:0}
.panel-footer{margin:var(--sp-4) -24px -20px;padding:var(--sp-3) 24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-12);color:var(--quiet)}
.panel.is-padded-lg{padding:28px 32px}
.panel.is-compact{padding:14px 16px}
.inset{background:var(--inset);border-radius:var(--r-control);padding:12px 14px;border:0}
.divided>*+*{border-top:1px solid var(--line);padding-top:var(--sp-4);margin-top:var(--sp-4)}
/* no card in card: nested panels/boards drop their frame and become dividers */
.panel .panel,.panel .method-board,.panel .card{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:var(--sp-4) 0 0;margin:var(--sp-4) 0 0}
.panel .workload-form{background:transparent;border:0;box-shadow:none;padding:0}
.callout{border-left:2px solid var(--accent);padding:2px 0 2px var(--sp-4);color:var(--ink)}
.provisional-notice,.warning{border-radius:var(--r-control)}

/* ---- prose: left-aligned with the page header, 68ch measure ---- */
.prose,.panel.prose{max-width:none;margin:0;padding:var(--sp-6) 0 var(--sp-4);background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
.page-header+.prose,.page-header+.panel.prose{border-top:0;padding-top:var(--sp-2)}
.prose>*:first-child{margin-top:0}
.prose>p,.prose>ul,.prose>ol,.prose>blockquote,.prose>h3,.prose>h4,.prose>details,.prose>.eyebrow,.prose>dl,.prose>.disclosure{max-width:var(--measure)}
.prose p:not(.eyebrow){font-size:var(--fs-15);line-height:1.7;max-width:var(--measure)}
.prose p.eyebrow{margin:0 0 10px}
.prose h2{margin:0 0 var(--sp-3)}
.prose h2:not(:first-child){margin-top:var(--sp-7)}
.prose .eyebrow+h2{margin-top:0}
.prose h3{font-size:var(--fs-18);margin:var(--sp-6) 0 var(--sp-2);letter-spacing:-.015em}
.prose h4{font-size:var(--fs-15);margin:var(--sp-5) 0 var(--sp-2)}
.prose ul,.prose ol{padding-left:22px;margin:0 0 var(--sp-4);line-height:1.7;font-size:var(--fs-15)}
.prose li::marker{color:var(--quiet)}
.prose li+li{margin-top:6px}
.prose a:not(.button){color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px}
.prose a:not(.button):hover{text-decoration-color:currentColor}
.prose blockquote{margin:var(--sp-5) 0;padding:2px 0 2px var(--sp-4);border-left:2px solid var(--accent);color:var(--ink);font-size:var(--fs-15)}
.prose blockquote p{color:inherit}
.prose strong{color:var(--ink)}
.prose code{font-size:.88em;background:var(--inset);border-radius:4px;padding:1px 5px}
.prose table{margin:var(--sp-4) 0}
.prose details{margin:var(--sp-4) 0}
.prose>.method-board:first-of-type{margin-top:var(--sp-4)}
.method-board{border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent;padding:var(--sp-4) 0;margin:0;max-width:var(--measure)}
.guide-tldr{border-left:0;max-width:none;background:var(--panel);box-shadow:var(--rim);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:var(--r-panel);padding:18px 24px}
.guide-tldr p{font-size:var(--fs-15);max-width:var(--measure)}
.page-header+.guide-tldr{margin-top:0}
.guide-tldr+.prose{margin-top:var(--sp-5)}
.method-grid{gap:var(--sp-4)}

/* ---- tables ---- */
table{font-size:var(--fs-13);line-height:1.5}
th,td{padding:12px 16px;line-height:1.5}
thead th{background:var(--raised);font-size:11px;letter-spacing:.08em;white-space:nowrap}
thead th,.column-headings{color:var(--quiet)}
tbody tr:hover td,tbody tr:hover th{background:var(--inset)}
.table-wrap,.comparison-scroll,.cost-table-scroll{border:1px solid var(--line);border-radius:var(--r-card);overflow:auto;background:var(--panel);box-shadow:var(--rim)}
td.num,th.num,td.is-num,th.is-num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.catalogue-row{padding:12px 16px;align-items:center}
.catalogue-row:hover{background:var(--inset)}
.column-headings{padding:10px 16px;letter-spacing:.08em}
.row-price strong,.row-fit small b{font-family:var(--mono);font-variant-numeric:tabular-nums}
.row-price small,.row-fit small{line-height:1.45}
.entity-link strong{font-size:var(--fs-13);font-weight:600}
.entity-link small{font-size:var(--fs-12);margin-top:1px}
.entity-avatar{width:28px;height:28px;border-radius:7px;background:var(--inset);border:1px solid var(--line);box-shadow:none;color:var(--muted);font-size:10.5px;letter-spacing:.02em}
.catalogue-row .entity-avatar{width:30px;height:30px}
.entity-link{gap:10px}
.profile-hero>.entity-avatar{width:64px;height:64px;font-size:20px;border-radius:16px;color:var(--ink)}
.choice-card .entity-avatar,.pair-names .entity-avatar{box-shadow:none}

/* ---- chips / badges / evidence states ---- */
.badge{font-size:11px;line-height:1;font-weight:600;letter-spacing:.01em;height:22px;padding:0 8px;border-radius:6px;border:1px solid var(--line-strong);background:var(--inset);color:var(--muted);white-space:nowrap}
.badge::before{content:none}
.badge.positive,.badge.verified{color:var(--good);border-color:color-mix(in srgb,var(--good) 32%,transparent);background:var(--good-soft)}
.badge.caution,.badge.provisional{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 32%,transparent);background:var(--warning-soft)}
.badge.stale{color:var(--warning);border-color:var(--warning);background:transparent}
.badge.na{color:var(--quiet);border-style:dashed;background:transparent}
.badge.accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 36%,transparent);background:var(--accent-soft)}
.badge.positive::before,.badge.verified::before,.badge.caution::before,.badge.provisional::before,.badge.stale::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 12px;border:1px solid var(--line-strong);border-radius:var(--r-chip);font-size:var(--fs-12);font-weight:500;color:var(--muted);background:transparent}
.chip:hover{color:var(--ink);background:var(--raised)}
.chip.is-active,.chip[aria-pressed=true]{color:var(--ink);background:var(--accent-soft);border-color:var(--accent)}
.task-chips button,.prompt-filters .chip{min-height:30px}

/* ---- stats ---- */
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--rim);margin:0 0 var(--sp-5)}
.stat{background:var(--panel);padding:16px 20px;display:flex;flex-direction:column;gap:4px;min-width:0}
.stat-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet)}
.stat-value{font-family:var(--mono);font-weight:500;font-size:var(--fs-24);line-height:1.2;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);overflow-wrap:anywhere}
.stat-value.is-na{color:var(--quiet);font-weight:400}
.stat-unit{font:400 var(--fs-13)/1 var(--mono);color:var(--quiet);margin-left:4px;letter-spacing:0}
.stat-note{font-size:var(--fs-12);line-height:1.5;color:var(--quiet);margin:0}
.metrics article,.verdict-strip article{border-radius:var(--r-panel)}
.metrics article>span,.verdict-strip .eyebrow{letter-spacing:.08em}
.metrics article>strong{font-size:22px}
.metric-range{font-size:20px!important}

/* ---- header / nav ---- */
.main-nav>a{font-size:var(--fs-13);font-weight:500;padding:0 12px}
.main-nav>a[aria-current=page]{background:transparent;box-shadow:none;color:var(--ink)}
.main-nav>a[aria-current=page]::after{content:'';position:absolute;left:12px;right:12px;bottom:-16px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}
.brand{font-size:var(--fs-18);letter-spacing:-.03em}
@media(max-width:700px){
  .main-nav>a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent)}
  .main-nav>a[aria-current=page]::after{content:none}
}

/* ---- footer ---- */
.site-footer{display:block;margin-top:var(--sp-8);padding-top:0;padding-bottom:var(--sp-6);border-top:0}
.footer-grid{padding-top:var(--sp-7);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:var(--sp-7);align-items:start}
.footer-brand{font-weight:700;font-size:var(--fs-18);letter-spacing:-.03em;color:var(--ink)}
.site-footer p{font-size:var(--fs-13);color:var(--quiet);margin:8px 0 0;max-width:30ch}
.site-footer .footer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5);max-width:none;font-size:var(--fs-13)}
.footer-col{display:flex;flex-direction:column;gap:2px}
.footer-heading{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);margin-bottom:8px}
.footer-col a{color:var(--muted);font-size:var(--fs-13);padding:5px 0;min-height:28px}
.footer-col a:hover{color:var(--ink)}
.footer-base{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-5);margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:1px solid var(--line)}
.footer-base small{font-size:var(--fs-12);line-height:1.7;color:var(--quiet);max-width:90ch;text-align:left}
.edition-line{font:400 var(--fs-12)/1.6 var(--mono);color:var(--quiet);white-space:nowrap}
.edition-line{display:inline-flex;align-items:center;gap:8px;letter-spacing:.02em}
.edition-line code{font-size:11px;background:var(--inset);border:1px solid var(--line-strong);border-radius:6px;padding:3px 8px;color:var(--ink);letter-spacing:.04em}
body.is-embed .site-footer{display:flex;justify-content:space-between;gap:var(--sp-5);margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line)}
body.is-embed .site-footer>small{text-align:right;max-width:40ch;font-size:var(--fs-12);color:var(--quiet)}
@media(max-width:960px){.footer-grid{grid-template-columns:1fr;gap:var(--sp-5)}.site-footer .footer-nav{gap:var(--sp-4)}}
@media(max-width:700px){.site-footer .footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5) var(--sp-4)}}
@media(max-width:700px){.site-footer{margin-top:var(--sp-7)}.footer-grid{padding-top:var(--sp-6)}.footer-base{flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-5)}.has-tray .site-footer{padding-bottom:220px}}

@media(max-width:700px){.toolbar{display:grid;grid-template-columns:1fr 1fr;width:100%}.toolbar>.button{justify-content:flex-start}.toolbar>.button[data-act=clear]{margin-left:0}.toolbar>.button[data-act=clear]::before{content:none}}

/* ---- print + motion ---- */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.site-footer{display:none}.toolbar{display:none}}

/* ==== page:home-explore ==== */
/* ---- hero: copy + routes, then an integrated mono stat strip ---- */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy actions" "strip strip";gap:var(--sp-5) var(--sp-6);align-items:end;padding:var(--sp-6) 0 var(--sp-5);border-bottom:0}
.hero::before{content:"";position:absolute;inset:-64px 0 auto 0;height:340px;background:radial-gradient(ellipse 560px 300px at 300px 20%,var(--accent-soft),transparent);opacity:.8;pointer-events:none;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 60%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 60%,transparent)}
.hero-copy{grid-area:copy;min-width:0}
.hero .eyebrow{display:block;margin-bottom:var(--sp-3)}
.hero h1{font-size:clamp(42px,4.4vw,58px);line-height:1;max-width:none;margin:0 0 var(--sp-4);letter-spacing:-.02em}
.hero .hero-lede{font-size:var(--fs-15);line-height:1.6;max-width:52ch;margin:0;color:var(--muted)}
.hero-actions{grid-area:actions;display:flex;align-items:center;gap:var(--sp-2);padding-bottom:2px}
.hero-actions .button.ghost{color:var(--muted)}
.hero .hero-note{grid-area:strip;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;max-width:none;padding:0;margin:0;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--panel);box-shadow:var(--rim);overflow:hidden}
.hero .edition-stamp dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}
.hero .edition-stamp dl>div{display:flex;flex-direction:column;gap:8px;padding:14px 22px 13px;border-left:1px solid var(--line)}
.hero .edition-stamp dl>div:first-child{border-left:0}
.hero .edition-stamp dt{font:600 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);white-space:nowrap}
.hero .edition-stamp dd{margin:0;font:500 26px/1 var(--mono);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.hero .edition-meta{display:flex;flex-direction:column;justify-content:center;gap:5px;margin:0;padding:12px 22px;border-left:1px solid var(--line);background:var(--inset);font:400 12px/1.4 var(--mono);color:var(--quiet);min-width:200px}
.hero .edition-meta code{font:inherit;background:none;border:0;padding:0;color:var(--muted)}
.hero .edition-meta a{font:500 12px/1.4 var(--sans);color:var(--accent);margin:2px 0 0;display:inline-flex;align-items:center;gap:4px}
.hero .edition-meta a .icon{width:13px;height:13px}
/* catalogue pages: same hero, collapsed to one line + strip */
.hero.is-compact{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy strip";align-items:center;padding:var(--sp-5) 0 var(--sp-3);gap:var(--sp-5)}
.hero.is-compact::before{display:none}
.hero.is-compact .eyebrow,.hero.is-compact .hero-lede,.hero.is-compact .hero-actions,.hero.is-compact h1 br{display:none}
.hero.is-compact h1{font-size:clamp(26px,2.6vw,32px);margin:0}
.hero.is-compact h1 em{margin-left:.25em}
.hero.is-compact .hero-note{border-radius:var(--r-panel)}
.hero.is-compact .edition-stamp dl>div{padding:10px 18px;gap:4px}
.hero.is-compact .edition-stamp dd{font-size:20px}
.hero.is-compact .edition-meta{min-width:0;padding:8px 16px}
.hero.is-compact .edition-meta span:nth-child(2),.hero.is-compact .edition-meta a{display:none}
.resume-strip{padding:12px 0}

/* ---- controls row: switch + search ---- */
.explore-layout{grid-template-columns:200px minmax(0,1fr);gap:var(--sp-6);margin-top:var(--sp-2)}
.catalogue-controls{display:flex;align-items:center;gap:var(--sp-3)}
.catalogue-controls .segmented{flex:0 0 auto;height:40px;padding:3px;border-radius:var(--r-panel)}
.catalogue-controls .segmented>a{min-height:32px;padding:0 12px;border-radius:var(--r-control);font-size:var(--fs-13)}
.catalogue-controls .segmented>a[aria-current=page]{background:var(--hover);box-shadow:var(--rim-top)}
.catalogue-controls .segmented span{font:500 11px/1 var(--mono)}
.catalogue-controls .search-bar{flex:1;min-width:0;min-height:40px;border-radius:var(--r-panel);border-color:var(--control-line)}
.task-chips{margin:var(--sp-3) 0 0;gap:6px}
.task-chips button,.task-more select{min-height:30px;padding:4px 12px;font-size:var(--fs-12)}
.task-more select{padding-right:28px}

/* ---- filter rail ---- */
.filter-panel{top:calc(var(--nav-h) + 16px);padding:0 var(--sp-5) 0 0;border-right:1px solid var(--line)}
.filter-panel>summary{display:flex;align-items:center;gap:8px;margin:0 0 var(--sp-3);min-height:40px;color:var(--quiet);cursor:default}
.filter-panel>summary .icon{width:14px;height:14px}
.filter-fields{gap:var(--sp-4);padding-bottom:var(--sp-5)}
.filter-fields label{font:600 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--quiet);gap:8px}
.filter-fields select{min-height:34px;font:500 13px var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.filter-fields>.button{min-height:30px;font-size:var(--fs-12);background:transparent;border-color:transparent;box-shadow:none;color:var(--quiet);justify-content:flex-start;padding-left:0}
.filter-fields>.button:hover{color:var(--ink)}

/* ---- results bar + table ---- */
.results-bar{margin:var(--sp-4) 0 var(--sp-2)}
.results-bar h2{font:600 var(--fs-13)/1.4 var(--sans);letter-spacing:0;display:flex;align-items:baseline;gap:10px}
.results-bar h2 span{font:400 12px/1 var(--mono);margin:0;color:var(--quiet)}
.workload-line{margin:0 0 var(--sp-2)}
.column-headings,.catalogue-row{grid-template-columns:minmax(190px,1.1fr) minmax(220px,1.4fr) 200px 148px;gap:var(--sp-5);padding-left:var(--sp-3);padding-right:var(--sp-3)}
.column-headings{position:sticky;top:var(--nav-h);z-index:4;background:var(--bg);padding-top:10px;padding-bottom:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line-strong);font-size:11px;letter-spacing:.08em}
.column-headings span:nth-child(3){text-align:right}
.catalogue-row{position:relative;padding-top:10px;padding-bottom:10px;align-items:center;transition:background var(--t-state) var(--ease)}
.catalogue-row:hover{background:var(--inset)}
.catalogue-row:has(.compare-button.selected){background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}
.entity-link{gap:12px}
.entity-link strong{font-size:var(--fs-13);font-weight:600;line-height:1.3;letter-spacing:-.005em}
.entity-link small{font-size:12px;margin-top:2px;line-height:1.3}
.entity-avatar.is-initial,.catalogue-row .entity-avatar.is-initial{width:28px;height:28px;border-radius:8px;font:600 12px/1 var(--mono);letter-spacing:0;text-transform:none;background:oklch(.29 .05 var(--h,260));border:1px solid oklch(.38 .06 var(--h,260));color:oklch(.84 .09 var(--h,260))}
html[data-theme=light] .entity-avatar.is-initial,html[data-theme=light] .catalogue-row .entity-avatar.is-initial{background:oklch(.94 .035 var(--h,260));border-color:oklch(.86 .05 var(--h,260));color:oklch(.42 .11 var(--h,260))}
.row-fit p{font-size:var(--fs-13);line-height:1.45;color:var(--muted);-webkit-line-clamp:2}
.row-fit .fit-line{display:inline-flex;align-items:baseline;gap:6px;margin-top:3px;font:400 11px/1.4 var(--mono);color:var(--quiet)}
.row-fit .fit-line b{font-weight:600;color:var(--ink)}
.row-price{text-align:right}
.row-price strong{font:500 var(--fs-13)/1.35 var(--mono);letter-spacing:-.01em;color:var(--ink)}
.row-price strong.is-na{color:var(--quiet);font-weight:400}
.row-price strong.is-text{font:500 var(--fs-13)/1.35 var(--sans);letter-spacing:0;font-variant-numeric:tabular-nums;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.row-price strong.is-text.is-na{font-family:var(--mono);font-weight:400}
.row-price small{font-size:11.5px;line-height:1.4;margin-top:2px;-webkit-line-clamp:1;color:var(--quiet)}
.row-actions{gap:6px}
.row-actions .icon-button{width:30px;height:30px;color:var(--quiet)}
.row-actions .icon-button:hover,.row-actions .icon-button.is-saved{color:var(--ink)}
.compare-button{min-height:30px;min-width:92px;padding:3px 10px;font-size:12px;background:transparent;box-shadow:none;border-color:var(--control-line)}
.compare-button:hover{background:var(--raised)}
.compare-button.selected{background:var(--accent-soft)}
.load-more{margin:var(--sp-5) 0 var(--sp-3)}

@media(max-width:1200px){
  .hero.is-compact{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "strip";gap:var(--sp-3)}
  .explore-layout{grid-template-columns:176px minmax(0,1fr);gap:var(--sp-5)}
  .column-headings,.catalogue-row{grid-template-columns:minmax(160px,1fr) minmax(170px,1.2fr) 136px 132px;gap:var(--sp-4)}
  .compare-button{min-width:88px}
}
@media(max-width:960px){
  .hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "actions" "strip"}
  .hero .hero-note{display:grid}
  .hero h1{font-size:clamp(40px,7vw,56px)}
  .explore-layout{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-3)}
  .catalogue{display:contents}
  .catalogue>*{order:3;min-width:0;max-width:100%}
  .explore-layout>*{min-width:0}
  .catalogue>.catalogue-controls{order:1}
  .filter-panel{order:2}
  .filter-panel{position:static;padding:var(--sp-2) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-panel)}
  .filter-panel>summary{margin:0;cursor:pointer;color:var(--ink);font:600 13px var(--sans);letter-spacing:0;text-transform:none}
  .filter-panel>summary:after{display:block}
  .filter-summary{display:inline;color:var(--quiet);font-weight:400}
  .filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--sp-3) 0 var(--sp-2)}
  .filter-fields>.button{align-self:end;padding-left:12px}
  .column-headings,.catalogue-row{grid-template-columns:minmax(140px,1fr) minmax(140px,1.1fr) 152px 124px}
  .column-headings span{white-space:nowrap}
  .column-headings{top:0;position:static}
}
@media(max-width:700px){
  .hero{padding:var(--sp-5) 0 var(--sp-4);gap:var(--sp-4)}
  .hero h1{font-size:40px;margin-bottom:var(--sp-3)}
  .hero .eyebrow{font-size:10.5px;margin-bottom:var(--sp-2)}
  .hero .hero-lede{font-size:var(--fs-15)}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}
  .hero-actions .button.primary{grid-column:1/-1;min-height:44px}
  .hero-actions .button{justify-content:center}
  .hero-actions .button.ghost{border-color:var(--control-line);background:var(--raised);color:var(--ink)}
  .hero .hero-note{grid-template-columns:minmax(0,1fr)}
  .hero .edition-stamp dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero .edition-stamp dl>div{padding:12px 16px 11px;gap:5px}
  .hero .edition-stamp dl>div:nth-child(odd){border-left:0}
  .hero .edition-stamp dl>div:nth-child(n+3){border-top:1px solid var(--line)}
  .hero .edition-stamp dd{font-size:24px}
  .hero .edition-meta{text-align:left;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:4px 14px;padding:10px 16px;border-left:0;border-top:1px solid var(--line);min-width:0}
  .hero.is-compact{padding:var(--sp-4) 0 var(--sp-3)}
  .hero.is-compact h1{font-size:26px}
  .hero.is-compact .edition-stamp dl{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hero.is-compact .edition-stamp dl>div{padding:9px 10px;border-top:0!important;border-left:1px solid var(--line)!important}
  .hero.is-compact .edition-stamp dl>div:first-child{border-left:0!important}
  .hero.is-compact .edition-stamp dt{font-size:9.5px;letter-spacing:.04em}
  .hero.is-compact .edition-stamp dd{font-size:16px}
  .hero.is-compact .edition-meta{display:none}
  .catalogue-controls{flex-direction:column;align-items:stretch;gap:var(--sp-2)}
  .catalogue-controls .segmented{width:100%;height:40px}
  .catalogue-controls .segmented>a{flex:1;justify-content:center}
  .explore-layout{margin-top:var(--sp-3)}
  .filter-fields{grid-template-columns:1fr 1fr;gap:var(--sp-3)}
  .task-chips{flex-wrap:nowrap;overflow-x:auto;margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);padding:0 var(--gutter) 4px;scrollbar-width:none}
  .task-chips::-webkit-scrollbar{display:none}
  .task-chips>*{flex:0 0 auto}
  .task-more{position:relative}
  .results-bar{margin-top:var(--sp-4)}
  .results-bar h2{font-size:var(--fs-13)}
  .column-headings{display:none}
  .catalogue-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ent act" "fit fit" "price price";gap:8px 8px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}
  .catalogue-row:has(.compare-button.selected){box-shadow:none;margin:0 calc(var(--gutter) * -1);padding-left:var(--gutter);padding-right:var(--gutter)}
  .catalogue-row>.entity-link{grid-area:ent;grid-column:auto}
  .catalogue-row>.row-actions{grid-area:act}
  .catalogue-row>.row-fit{grid-area:fit;grid-column:auto}
  .catalogue-row>.row-price{grid-area:price;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:0;text-align:left;align-self:auto}
  .catalogue-row .entity-link strong{font-size:15px}
  .catalogue-row .entity-avatar.is-initial{width:32px;height:32px}
  .row-fit .cell-kicker{display:none}
  .row-fit p{font-size:var(--fs-13);-webkit-line-clamp:2}
  .row-price .cell-kicker{display:block;font:600 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);text-align:left}
  .row-price strong{font-size:var(--fs-13)}
  .row-price small{max-width:none;font-size:11.5px;margin:0;text-align:left;-webkit-line-clamp:1}
  .compare-button{min-width:0}
  .row-actions .icon-button{width:34px;height:34px}
}
/* polish round 1 */
.hero-actions{align-self:end;padding-bottom:0;margin-bottom:-2px}
.hero-actions .button.lg{min-height:44px}
.hero-actions .button:not(.ghost){background:var(--raised)}
.results-bar h2 span i{font:inherit;font-style:normal;color:var(--faint);margin:0 .35em}
.results-bar h2 span{font-variant-numeric:tabular-nums}
/* price column: only real numbers are right-aligned mono; text prices read left, quiet when unknown */
.row-price{text-align:left}
.row-price.is-num{text-align:right}
.column-headings span:nth-child(3){text-align:left}
.column-headings.is-num span:nth-child(3){text-align:right}
.row-price strong,.row-price strong.is-text{font:500 var(--fs-13)/1.35 var(--sans);letter-spacing:0;-webkit-line-clamp:2}
.row-price.is-num strong{font-family:var(--mono);letter-spacing:-.01em}
.row-price strong.is-na,.row-price strong.is-text.is-na{font-family:var(--sans);font-weight:400;color:var(--quiet);letter-spacing:0}
.row-price small{color:var(--quiet);opacity:.9}
@media(max-width:700px){.hero-actions .button:first-child{grid-column:1/-1;min-height:44px}.hero-actions .button.ghost{min-height:44px}}
.row-price strong.is-text{-webkit-line-clamp:1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.row-price strong.is-text.is-na{font-size:var(--fs-15);color:var(--quiet);letter-spacing:0}
.row-price strong.is-text.is-na+small{display:none}
.row-price strong.is-text:not(.is-na)+small{display:block}
.hero .edition-stamp dd{font-family:var(--mono)}
@media(max-width:700px){.row-price strong.is-text.is-na{display:none}.catalogue-row>.row-price:has(.is-na){display:none}}
@media(max-width:700px){
  .hero.is-compact .edition-stamp dt{white-space:normal;font-size:9px;line-height:1.25;letter-spacing:.03em}
  .hero.is-compact .edition-stamp dl>div{padding:8px 8px;gap:3px;min-width:0}
}
.price-legend{margin:0 0 var(--sp-2);font-size:11.5px;line-height:1.4;color:var(--quiet)}
.price-legend span{display:inline-block;width:1.4em;text-align:center;color:var(--muted)}
.latest-changes{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-4);margin:var(--sp-3) 0 var(--sp-4);padding:14px 18px;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--panel)}
.latest-changes .eyebrow{margin:0;white-space:nowrap}
.latest-changes ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);min-width:0}
.latest-changes ol>li{margin:0;display:grid;grid-template-columns:auto 1fr;align-content:start;column-gap:8px;row-gap:3px;min-width:0;font-size:var(--fs-13)}
.latest-changes ol>li+li{border-left:1px solid var(--line);padding-left:var(--sp-4)}
.latest-changes time{color:var(--quiet);font-size:12px;white-space:nowrap}
.latest-changes .latest-kind{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;align-self:center}
.latest-changes li a{grid-column:1/-1;color:var(--ink);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.latest-changes li a:hover{text-decoration:underline}
.latest-changes .latest-all{font-size:var(--fs-13);white-space:nowrap}
@media (max-width:960px){.latest-changes{grid-template-columns:1fr;gap:var(--sp-3)}.latest-changes ol{grid-template-columns:1fr;gap:12px}.latest-changes ol>li+li{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:12px}}
/* ==== end page:home-explore ==== */

/* ==== page:profile ==== */
.page-shell .breadcrumbs{margin:var(--sp-5) 0 0;font-size:var(--fs-12);gap:8px;color:var(--quiet)}
.page-shell .breadcrumbs>span:last-child{color:var(--muted)}
.page-shell .profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--sp-4) var(--sp-5);padding:var(--sp-5) 0 var(--sp-5);margin:0;border:0;position:relative}
.page-shell .profile-hero::before{content:'';position:absolute;inset:-24px calc(var(--gutter)*-1) auto;height:300px;background:radial-gradient(60% 100% at 30% 0,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%);pointer-events:none;z-index:-1}
.page-shell .profile-hero>.entity-avatar{width:64px;height:64px;font-size:20px;border-radius:16px;margin-top:4px;background:var(--panel);border-color:var(--line-strong);box-shadow:var(--rim);color:var(--ink)}
.pf-hero-copy{min-width:0}
.pf-hero-copy .eyebrow{margin-bottom:var(--sp-2)}
.page-shell .profile-hero h1{font-size:var(--h1);line-height:1.04;margin:0 0 var(--sp-2);max-width:none;overflow-wrap:anywhere}
.page-shell .profile-hero .lede{max-width:62ch;margin:0;font-size:var(--fs-15);line-height:1.6;color:var(--muted)}
.pf-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}
.pf-hero-actions{padding-top:6px}
.pf-hero-actions .row-actions{display:flex;gap:var(--sp-2);align-items:center}
.pf-stats{margin:0 0 var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr))}
.pf-stats .stat{display:flex;flex-direction:column;gap:6px;padding:var(--sp-4) var(--sp-5);background:var(--panel);min-width:0}
.pf-stats .stat-value{font-size:30px;line-height:1.1;margin:2px 0 0}
.pf-stats .stat-value.is-text{font-family:var(--sans);font-size:var(--fs-15);font-weight:600;line-height:1.4;letter-spacing:-.01em}
.pf-stats .stat-unit{font:400 var(--fs-13) var(--sans);color:var(--quiet);margin-left:3px;letter-spacing:0}
.pf-stats .stat-note{flex:1;font-size:var(--fs-12);line-height:1.5}
.pf-stat-link{font-size:var(--fs-12);font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:4px;margin-top:2px;width:max-content}
.pf-stat-link .icon{width:13px;height:13px}
.page-shell .profile-sections{position:sticky;top:var(--nav-h);z-index:20;display:flex;gap:var(--sp-1);margin:0 0 var(--sp-5);padding:0;background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.page-shell .profile-sections::-webkit-scrollbar{display:none}
.page-shell .profile-sections a{min-height:44px;padding:0 var(--sp-3);font-size:var(--fs-13);font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--t-state) var(--ease),border-color var(--t-state) var(--ease)}
.page-shell .profile-sections a:first-child{color:var(--muted);border-color:transparent}
.page-shell .profile-sections a:hover{color:var(--ink)}
.page-shell .profile-sections a[aria-current],.page-shell .profile-sections:not(:has([aria-current])) a:first-child{color:var(--ink);border-bottom-color:var(--accent)}
.page-shell .profile-sections span{font:500 11px var(--mono);border-radius:6px;background:var(--inset);border:1px solid var(--line);color:var(--muted);padding:1px 6px}
.pf-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--sp-5);align-items:start}
.pf-main,.pf-side{display:flex;flex-direction:column;gap:var(--sp-5);min-width:0}
.pf-side{position:sticky;top:calc(var(--nav-h) + 60px)}
.pf-main>.panel,.pf-side>.panel{margin:0}
.pf-main section[id]{scroll-margin-top:calc(var(--nav-h) + 64px)}
.pf-glance .panel-header .badge{margin-left:auto}
.pf-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border:1px solid var(--line);border-radius:var(--r-panel);overflow:hidden;background:var(--line);gap:1px}
.pf-spec>div{background:var(--panel);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:4px;min-width:0}
.pf-spec>div.is-wide{grid-column:1/-1}
.pf-spec dt{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet)}
.pf-spec dd{margin:0;font-size:var(--fs-13);line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
.pf-spec .is-mono dd{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--fs-13)}
.pf-spec .is-na dd{color:var(--quiet);font-style:normal}
.pf-spec .is-na dd::before{content:'';display:inline-block;width:10px;height:0;border-top:1px dashed var(--quiet);margin-right:8px;vertical-align:middle}
.pf-note{margin:var(--sp-3) 0 0;font-size:var(--fs-12);line-height:1.6;color:var(--quiet)}
.pf-none{margin:var(--sp-3) 0;padding:var(--sp-3) var(--sp-4);border:1px dashed var(--line-strong);border-radius:var(--r-control);font-size:var(--fs-13);line-height:1.55;color:var(--quiet)}
.pf-tradeoffs h2,.pf-glance h2,.pf-evidence h2,.pf-method h2,.pf-note-panel h2{margin:0}
.pf-split{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-panel);overflow:hidden}
.pf-split>div{padding:var(--sp-4);background:var(--panel);min-width:0}
.pf-split>div+div{border-left:1px solid var(--line)}
.pf-split h3{display:flex;align-items:center;gap:8px;margin:0 0 var(--sp-3);font-size:var(--fs-13);font-weight:600}
.pf-dot{width:8px;height:8px;border-radius:50%;flex:none}
.pf-dot.is-good{background:var(--good)}
.pf-dot.is-warn{background:var(--warning)}
.pf-split ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pf-split li{font-size:var(--fs-13);line-height:1.55;color:var(--muted);padding-left:14px;position:relative}
.pf-split li::before{content:'';position:absolute;left:0;top:.62em;width:5px;height:1px;background:var(--quiet)}
.pf-split .pf-none{margin:0}
.pf-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-panel);overflow:hidden;margin-bottom:var(--sp-4)}
.pf-counts>div{background:var(--panel);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:2px;min-width:0}
.pf-counts b{font:500 var(--fs-18)/1.2 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink)}
.pf-counts b.is-na{color:var(--quiet);font-weight:400;font-size:var(--fs-13);line-height:1.6}
.pf-counts span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet)}
.pf-evidence h3{margin:var(--sp-5) 0 var(--sp-2);font-size:var(--fs-13);font-weight:600;color:var(--muted)}
.page-shell .pf-sources{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r-panel);overflow:hidden}
.page-shell .pf-source{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3) var(--sp-4);padding:12px var(--sp-4);border:0;border-top:1px solid var(--line);flex-wrap:wrap;transition:background var(--t-state) var(--ease)}
.page-shell .pf-source:first-child{border-top:0}
.page-shell .pf-source:hover{background:var(--inset)}
.pf-source.is-empty{color:var(--quiet);font-size:var(--fs-13)}
.pf-source-main{display:flex;align-items:baseline;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;min-width:0}
.page-shell .pf-source-main a{font-size:var(--fs-13);font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.page-shell .pf-source-main a:hover{color:var(--accent)}
.pf-source-main a .icon{width:13px;height:13px;color:var(--quiet)}
.pf-host{font:400 var(--fs-12) var(--mono);color:var(--quiet);background:none;border:0;padding:0;overflow-wrap:anywhere}
.pf-source-state{display:flex;align-items:center;gap:var(--sp-2);flex:none}
.page-shell .pf-source-state small{font:400 var(--fs-12) var(--mono);color:var(--quiet);font-variant-numeric:tabular-nums}
.page-shell .pf-source-state small.source-stale{color:var(--warning)}
.pf-evidence .evidence-record{border:1px solid var(--line);border-radius:var(--r-control);padding:0 var(--sp-4);margin-bottom:var(--sp-2);background:var(--panel)}
.pf-evidence .evidence-record[open]{background:var(--inset)}
.pf-evidence .evidence-record summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:44px;font-size:var(--fs-13);font-weight:600;cursor:pointer}
.pf-evidence .evidence-record summary span:last-child{font-weight:500;color:var(--quiet);font-size:var(--fs-12);display:inline}
.pf-rec-title{min-width:0;overflow-wrap:anywhere}
.pf-evidence .record-fields{margin:0 0 var(--sp-3)}
.pf-evidence .record-fields>div{grid-template-columns:150px minmax(0,1fr)}
.pf-evidence .record-fields dd{font-family:var(--mono);font-size:var(--fs-12)}
.pf-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}
.pf-method-grid p{margin:0;font-size:var(--fs-13);line-height:1.6;color:var(--muted);padding-left:var(--sp-3);border-left:2px solid var(--line-strong)}
.pf-method-grid a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.pf-note-panel textarea{width:100%;min-height:112px}
.pf-note-panel .form-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-3)}
.pf-note-panel .form-actions small{color:var(--quiet);font-size:var(--fs-12)}
.pf-main .compared-with p,.pf-main .profile-faq details{font-size:var(--fs-13);line-height:1.65}
.pf-main .compared-with h2,.pf-main .profile-faq h2{margin:0 0 var(--sp-3)}
.pf-side-panel{padding:var(--sp-4) var(--sp-5)}
.pf-side-panel>.eyebrow{margin-bottom:var(--sp-3)}
.pf-side-panel p{font-size:var(--fs-12);line-height:1.6;color:var(--quiet);margin:var(--sp-2) 0 var(--sp-3)}
.pf-peers .peer-row{padding:10px 0}
.pf-peers .peers-actions{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-2)}
.pf-peers .peers-actions .button{width:100%;justify-content:center}
.pf-price-basis .badge{margin-bottom:0}
.pf-price-basis p{margin-bottom:0}
.pf-links ul{list-style:none;margin:0;padding:0}
.pf-links li{border-top:1px solid var(--line)}
.pf-links li:first-child{border-top:0}
.pf-links a{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);padding:10px 0;font-size:var(--fs-13);font-weight:500;color:var(--muted)}
.pf-links a:hover{color:var(--accent)}
.pf-links a .icon{width:14px;height:14px;color:var(--quiet);flex:none}
@media (max-width:1200px){.pf-layout{grid-template-columns:minmax(0,1fr) 288px}}
@media (max-width:960px){
  .pf-layout{grid-template-columns:1fr}
  .pf-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
  .pf-side .pf-links{grid-column:1/-1}
  .pf-method-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .page-shell .profile-hero{grid-template-columns:auto minmax(0,1fr);padding:var(--sp-4) 0;gap:var(--sp-3) var(--sp-3)}
  .page-shell .profile-hero>.entity-avatar{width:48px;height:48px;font-size:16px;border-radius:12px}
  .page-shell .profile-hero h1{font-size:34px}
  .pf-hero-actions{grid-column:1/-1;padding:0}
  .pf-hero-actions .row-actions{display:grid;grid-template-columns:44px 1fr;gap:var(--sp-2)}
  .pf-hero-actions .row-actions .compare-button{justify-content:center;min-height:44px}
  .pf-hero-actions .row-actions .icon-button{width:44px;height:44px}
  .pf-stats{grid-template-columns:1fr}
  .pf-stats .stat{padding:var(--sp-3) var(--sp-4)}
  .pf-stats .stat-value{font-size:26px}
  .pf-spec{grid-template-columns:1fr}
  .pf-spec>div{flex-direction:row;gap:var(--sp-3);align-items:baseline}
  .pf-spec dt{flex:0 0 108px}
  .pf-spec>div.is-wide{flex-direction:column;gap:4px}
  .pf-spec>div.is-wide dt{flex:none}
  .pf-counts b{font-size:var(--fs-15)}
  .pf-side{grid-template-columns:1fr}
  .pf-split{grid-template-columns:1fr}
  .pf-split>div+div{border-left:0;border-top:1px solid var(--line)}
  .pf-counts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-shell .pf-source{align-items:flex-start;flex-direction:column;gap:6px}
  .pf-evidence .record-fields>div{grid-template-columns:1fr;gap:2px}
  .pf-evidence .evidence-record summary span:last-child{display:none}
  .page-shell .profile-sections{margin-left:calc(var(--gutter)*-1);margin-right:calc(var(--gutter)*-1);padding:0 var(--gutter);top:calc(var(--nav-h) + 40px)}
  .pf-main section[id]{scroll-margin-top:150px}
}
/* polish round 1: one flat stat strip, flattened spec grid, consistent hero chips */
.page-shell .pf-stats{border-radius:var(--r-card)}
.page-shell .pf-stats .stat,.page-shell .pf-stats article{border-radius:0;box-shadow:none;animation:none}
.pf-meta .badge{height:24px}
.pf-spec{border:0;border-radius:0;background:none;gap:0 var(--sp-6);border-top:1px solid var(--line);margin-top:var(--sp-3)}
.pf-spec>div{background:none;padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}
.pf-spec>div:last-child{border-bottom:0}
.pf-split{border:0;border-radius:0;gap:var(--sp-5);border-top:1px solid var(--line);padding-top:var(--sp-4)}
.pf-split>div{background:none;padding:0}
.pf-split>div+div{border-left:0;padding-left:var(--sp-5);border-left:1px solid var(--line)}
.pf-counts{background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;gap:0}
.pf-counts>div{background:none;padding:var(--sp-3) var(--sp-4);border-left:1px solid var(--line)}
.pf-counts>div:first-child{border-left:0;padding-left:0}
.page-shell .pf-sources{border:0;border-radius:0;border-top:1px solid var(--line)}
.page-shell .pf-source{padding-left:0;padding-right:0}
.page-shell .pf-source:hover{background:transparent}
.pf-evidence .evidence-record{background:transparent}
@media(max-width:700px){
  .pf-split>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:var(--sp-4)}
  .pf-counts>div:nth-child(odd){border-left:0;padding-left:0}
  .pf-counts>div:nth-child(n+3){border-top:1px solid var(--line)}
}
.pf-glance .pf-spec{border-top:0;margin-top:0}
.pf-glance .panel-header{margin-bottom:0}
.page-shell .pf-stats .stat-value.is-na{font-family:var(--sans);font-size:24px;font-weight:500;letter-spacing:-.01em;color:var(--muted)}
html[data-theme=light] .page-shell .profile-hero::before{display:none}
.pf-evidence .pf-counts{border-top:0;margin-top:var(--sp-2)}
.pf-evidence .pf-counts>div{padding-top:var(--sp-2)}
/* round 2: mobile profile order + tight stat strip */
@media(max-width:960px){
  .pf-layout{display:flex;flex-direction:column;gap:var(--sp-5)}
  .pf-main,.pf-side{display:contents}
  .pf-main>section,.pf-main>div,.pf-main>article{order:2}
  .pf-side>.pf-peers{order:1}
  .pf-side>.pf-price-basis,.pf-side>.pf-links{order:3}
  .pf-side>.panel,.pf-main>.panel{margin:0}
}
@media(max-width:700px){
  .pf-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pf-stats .stat{padding:var(--sp-3) var(--sp-3);gap:4px}
  .pf-stats .stat-label{font-size:10px;letter-spacing:.06em;line-height:1.3}
  .pf-stats .stat-value{font-size:19px;margin:0;line-height:1.2}
  .pf-stats .stat-value .stat-unit{display:none}
  .pf-stats .stat-value.is-text,.page-shell .pf-stats .stat-value.is-na{font-size:13px;line-height:1.35}
  .pf-stats .stat-note{display:none}
  .pf-stats .pf-stat-link{font-size:11px;line-height:1.3;margin-top:auto;width:auto}
  .pf-stats .pf-stat-link .icon{display:none}
  .pf-stats .stat-value{white-space:nowrap;font-size:clamp(16px,5vw,19px)}
  .page-shell .pf-stats .stat-value.is-text{white-space:normal;overflow-wrap:anywhere;font-size:12.5px}
  .pf-peers .peers-actions .button{min-height:40px}
}
.pf-evidence>.panel-header .badge,.pf-evidence .section-heading .badge{display:none}
.pf-spec>div.is-col2{box-shadow:-1px 0 0 var(--line);padding-left:var(--sp-5);margin-left:calc(var(--sp-6) / -2)}
.pf-spec>div:not(.is-wide):not(.is-col2){padding-right:0}
@media(max-width:700px){.pf-spec>div.is-col2{box-shadow:none;padding-left:0;margin-left:0}}
.pf-spec>div:not(.is-wide){border-bottom:0;box-shadow:inset 0 -1px 0 var(--line)}
.pf-spec>div.is-col2{box-shadow:inset 1px 0 0 var(--line),inset 0 -1px 0 var(--line);margin-left:0;padding-left:var(--sp-5)}
.pf-spec{column-gap:0}
.pf-spec>div:not(.is-col2):not(.is-wide){padding-right:var(--sp-5)}
.pf-meta .badge{background:var(--inset);color:var(--muted);border-color:var(--line-strong);gap:6px}
.pf-meta .badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--quiet);flex:none}
.pf-meta .badge.verified::before{background:var(--good)}
.pf-meta .badge.verified{color:var(--muted);background:var(--inset);border-color:var(--line-strong)}
.pf-meta .badge.na{border-style:dashed;background:transparent}
.pf-meta .badge.na::before{background:var(--faint)}
@media(max-width:700px){.pf-spec>div.is-col2{box-shadow:inset 0 -1px 0 var(--line);padding-left:0}.pf-spec>div:not(.is-col2):not(.is-wide){padding-right:0}}
.pf-recheck{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 4px;font-size:var(--fs-13);line-height:1.55;color:var(--muted)}
.pf-meta .badge.is-recheck::before{background:var(--warning)}
/* ==== end page:profile ==== */

/* ==== page:compare ==== */
/* header meta */
.page-header .page-meta .compare-edition,.compare-edition{display:flex;flex-wrap:wrap;gap:4px 0;margin:0;font-size:12px;line-height:1.5;color:var(--quiet)}
.compare-edition>span{display:inline-flex;align-items:center;gap:6px}
.compare-edition>span+span:before{content:"";width:3px;height:3px;border-radius:50%;background:var(--faint);margin:0 12px}
.compare-edition b{font:500 12px/1.5 var(--mono);color:var(--muted)}
.compare-edition code{font:400 11px/1 var(--mono);color:var(--muted);background:var(--raised);border:1px solid var(--line);border-radius:4px;padding:2px 5px;margin-left:6px}
.page-header .page-header-actions .toolbar{margin:0}
.page-header .page-meta{margin-top:var(--sp-3)}
/* peer-pair suggestions */
.starter-pairs{margin-top:var(--sp-5)}
.starter-pairs .section-heading{margin-bottom:var(--sp-4)}
.starter-pairs .section-heading>div{display:flex;flex-direction:column;gap:6px}
.starter-pairs .section-heading h2{margin:0}
.starter-pairs .section-heading .quiet{margin:0;font-size:14px;max-width:62ch}
.pair-grid{gap:var(--sp-3)}
.pair-card{position:relative;gap:var(--sp-4);padding:20px;overflow:hidden}
.pair-card:hover{transform:none;border-color:var(--control-line);background:var(--panel)}
.pair-card:hover .pair-cta .icon{transform:translateX(3px)}
.pair-group{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet)}
.pair-names{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;font-size:15px}
.pair-side{display:flex;align-items:center;gap:12px;min-height:44px}
.pair-side strong{font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.pair-names i{display:flex;align-items:center;gap:10px;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--quiet);margin:2px 0 2px 14px}
.pair-names i:after{content:"";flex:1;height:1px;background:var(--line)}
.pair-names .entity-avatar{width:32px;height:32px;font-size:11px}
.pair-cta{padding-top:var(--sp-3);border-top:1px solid var(--line);font-size:13px}
.pair-cta .icon{transition:transform var(--t-state) var(--ease)}
/* choice strip + picker */
.choice-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:var(--sp-5) 0 var(--sp-4)}
.choice-card{min-height:48px;padding:7px 8px 7px 10px;gap:10px;border-radius:12px;box-shadow:var(--rim);animation:none}
.choice-card .entity-avatar{display:grid;width:30px;height:30px;font-size:11px}
.choice-card .entity-link{gap:10px}
.choice-card .entity-link strong{font-size:13px;color:var(--ink)}
.choice-card .entity-link small{font-size:11.5px}
.choice-card .icon-button{width:28px;height:28px;min-height:28px;border-color:transparent;background:transparent;color:var(--quiet)}
.choice-card .icon-button:hover{background:var(--raised);color:var(--ink)}
.choice-picker{flex:0 0 auto;min-height:48px;padding:0;border:1px dashed var(--control-line);border-radius:12px;background:transparent;z-index:20}
.choice-picker:hover{border-color:var(--quiet)}
.choice-picker>summary{min-height:46px;padding:0 14px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;list-style:none}
.choice-picker>summary::-webkit-details-marker{display:none}
.choice-picker>summary .icon{width:16px;height:16px}
.choice-picker>summary small{margin-left:12px;font:500 11px/1 var(--mono);color:var(--quiet)}
.choice-picker[open]{grid-column:auto;background:var(--panel);border-style:solid;border-color:var(--control-line)}
.choice-picker .picker-panel{position:absolute;top:calc(100% + 8px);left:0;width:min(440px,calc(100vw - 36px));padding:10px;background:var(--panel);border:1px solid var(--control-line);border-radius:14px;box-shadow:var(--rim),0 18px 48px rgba(0,0,0,.45)}
html[data-theme=light] .choice-picker .picker-panel{box-shadow:var(--rim),0 18px 40px rgba(20,22,40,.16)}
.picker-search{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:0 10px;height:38px;background:var(--bg);border:1px solid var(--control-line);border-radius:var(--r-control);color:var(--quiet)}
.picker-search:focus-within{border-color:var(--accent)}
.picker-search .icon{width:15px;height:15px;flex:none}
.picker-search input{flex:1;width:auto;min-width:0;border:0;background:transparent;padding:0;height:36px;min-height:0;font-size:13px;box-shadow:none;outline:0;color:var(--ink)}
.picker-results{max-height:264px;margin-top:6px;display:block}
.picker-results>button{min-height:48px;gap:10px;padding:6px 8px;border-top:0;border-radius:8px;background:transparent}
.picker-results>button>span:not(.entity-avatar){flex:1;min-width:0}
.picker-results>button strong,.picker-results>button small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.picker-results>button .icon{width:24px;height:24px;padding:5px;border-radius:6px;flex:none}
.picker-results>button .entity-avatar{width:30px;height:30px;font-size:11px}
.picker-hint{margin:8px 4px 2px;font-size:12px}
/* empty / single: inline, quiet panel */
.choice-picker.is-alone{flex:1 1 100%;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--rim)}
.choice-picker.is-alone>summary{pointer-events:none;min-height:52px;padding:0 20px;color:var(--ink);font-size:15px;font-weight:600}
.choice-picker.is-alone>summary .icon{display:none}
.choice-picker.is-alone .picker-panel{position:static;width:auto;padding:0 20px 18px;border:0;box-shadow:none;background:transparent;border-radius:0}
.choice-picker.is-alone .picker-search{height:42px;max-width:520px}
.choice-picker.is-alone .picker-results{max-height:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}
.choice-picker.is-alone .picker-results>button{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:8px 10px}
.choice-picker.is-alone .picker-results>button:hover{border-color:var(--control-line);background:var(--raised)}
.choice-picker.is-alone .picker-results>button:nth-child(2){border-top:1px solid var(--line)}
.choice-picker.is-alone .picker-hint{margin:12px 0 0}
/* summary + workload */
.compare-brief{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--sp-3);align-items:stretch;margin:var(--sp-4) 0}
.compare-brief>*{margin:0}
.decision-summary{padding:22px 26px;border-radius:var(--r-card);border-left-width:1px;border-left-color:var(--line);position:relative}
.decision-summary:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px;background:var(--accent);border-radius:2px}
.decision-summary .summary-lead{font-size:24px;line-height:1.3;margin-bottom:12px;max-width:40ch;color:var(--ink)}
.decision-summary p{font-size:14px;line-height:1.65;color:var(--muted);max-width:62ch}
.decision-summary p.summary-lead{color:var(--ink)}
.compare-brief .workload-form{padding:20px}
.compare-brief .workload-form .workload-top{grid-template-columns:1fr}
/* controls */
.comparison-controls{margin:var(--sp-5) 0 var(--sp-3);gap:12px 20px;justify-content:flex-start}
.diff-toggle{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer;position:relative;margin:0}
.diff-toggle input{position:absolute;opacity:0;width:36px;height:20px;margin:0;cursor:pointer}
.switch{width:34px;height:20px;border-radius:999px;background:var(--raised);border:1px solid var(--control-line);position:relative;flex:none;transition:background var(--t-state) var(--ease),border-color var(--t-state) var(--ease)}
.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform var(--t-state) var(--ease),background var(--t-state) var(--ease)}
.diff-toggle input:checked+.switch{background:var(--accent-soft);border-color:var(--accent)}
.diff-toggle input:checked+.switch:after{transform:translateX(14px);background:var(--accent)}
.diff-toggle input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}
.diff-key{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:12px}
.diff-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted);flex:none}
.mobile-pair-control{display:none}
/* the matrix */
.comparison-scroll{overflow:visible;overflow-x:clip;border-radius:var(--r-card);scrollbar-width:thin}
.comparison-table{min-width:0;table-layout:fixed;font-size:13px}
.comparison-table th,.comparison-table td{padding:14px 20px;line-height:1.55}
.comparison-table thead th{position:sticky;top:var(--nav-h,64px);z-index:6;background:var(--raised);padding:16px 20px;text-transform:none;letter-spacing:0;white-space:normal;border-bottom:1px solid var(--line-strong);vertical-align:middle}
.comparison-table thead th:first-child{width:200px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);vertical-align:bottom;left:0}
.col-head{display:flex;align-items:center;gap:12px;min-width:0}
.col-head .entity-avatar{width:36px;height:36px;font-size:12px;flex:none}
.col-head>span:last-child{display:flex;flex-direction:column;min-width:0}
.comparison-table thead th a{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1.3}
.comparison-table thead th small{font:400 12px/1.4 var(--sans);margin-top:2px;color:var(--quiet)}
.comparison-table tbody th{width:200px;font-weight:500;color:var(--muted);padding-left:20px;position:relative}
.comparison-table tbody th .diff-dot{position:absolute;left:8px;top:21px;width:5px;height:5px}
.comparison-table tbody td{color:var(--quiet);font-size:13px;overflow-wrap:anywhere}
.comparison-table tr.is-diff td{color:var(--ink)}
.comparison-table tr.is-diff th{color:var(--ink)}
.comparison-table td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:normal;font-size:13px;font-weight:500;letter-spacing:-.01em}
.comparison-table tr.group-row th,.comparison-table tbody tr.group-row:hover th{background:var(--inset);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);padding:10px 20px;width:auto;border-bottom:1px solid var(--line)}
.comparison-table tbody tr:not(.group-row):hover td,.comparison-table tbody tr:not(.group-row):hover th{background:var(--hover,var(--raised))}
.comparison-table td>a{color:var(--accent);font-weight:500}
.comparison-table tbody tr:last-child td,.comparison-table tbody tr:last-child th{border-bottom:0}
/* evidence legend */
.evidence-legend{margin:var(--sp-4) 0 0;gap:6px}
.evidence-legend span{font-size:11px;font-weight:500;background:transparent;border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 8px;color:var(--muted);display:inline-flex;align-items:center;gap:7px}
.evidence-legend span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--control-line)}
.evidence-legend+.disclosure{margin-top:var(--sp-3);font-size:12.5px;color:var(--quiet);max-width:68ch}
@media (max-width:1100px){.choice-picker.is-alone .picker-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:960px){
  .compare-brief{grid-template-columns:1fr}
  .comparison-table th,.comparison-table td{padding:12px 14px}
  .comparison-table thead th:first-child,.comparison-table tbody th{width:150px}
  .diff-key{margin-left:0;flex-basis:100%}
}
@media (max-width:700px){
  .compare-edition{flex-direction:column;align-items:flex-start}
  .compare-edition>span+span:before{display:none}
  .diff-toggle{white-space:nowrap}
  .pair-grid{grid-template-columns:1fr}
  .pair-card{padding:16px}
  .choice-strip{display:flex;gap:8px;margin:var(--sp-4) 0 var(--sp-3)}
  .choice-card{flex:1 1 calc(50% - 4px);min-width:0;padding:8px;min-height:52px}
  .choice-card .entity-link{min-width:0;flex:1}
  .choice-card .entity-link>span:last-child{min-width:0}
  .choice-card .entity-link strong,.choice-card .entity-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
  .choice-card .entity-avatar{display:none}
  .choice-picker{flex:1 1 100%}
  .choice-picker[open]{flex:1 1 100%}
  .choice-picker .picker-panel{position:static;width:auto;border:0;box-shadow:none;padding:0 12px 12px;background:transparent}
  .choice-picker>summary{justify-content:flex-start}
  .choice-picker.is-alone>summary{padding:0 16px}
  .choice-picker.is-alone .picker-panel{padding:0 16px 16px}
  .choice-picker.is-alone .picker-results{grid-template-columns:1fr}
  .compare-brief{gap:var(--sp-3)}
  .decision-summary{padding:18px 18px 18px 20px}
  .decision-summary .summary-lead{font-size:21px}
  .comparison-controls{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 12px}
  .comparison-controls>.diff-key{display:none}
  .mobile-pair-control{display:flex;gap:8px;font-size:12px;color:var(--quiet);align-items:center;margin:0}
  .mobile-pair-control select{max-width:190px;font-size:12px;min-height:36px}
  .comparison-scroll{overflow:auto;overflow-x:auto}
  .comparison-table{min-width:0}
  .comparison-table th,.comparison-table td,.comparison-table tbody th{font-size:12.5px;padding:12px 12px}
  .comparison-table thead th:first-child,.comparison-table tbody th{width:104px}
  .comparison-table thead th{top:0;padding:12px}
  .comparison-table thead th a{font-size:13px}
  .col-head .entity-avatar{display:none}
  .comparison-table tbody th .diff-dot{left:5px;top:19px}
  .comparison-table tbody th{padding-left:14px}
  .comparison-table tr.group-row th{padding:9px 12px}
  .comparison-table td.num{text-align:left}
  .evidence-legend span{font-size:10.5px}
}
@media print{.comparison-table thead th{position:static}.choice-picker{display:none}}
/* polish round 1: tray never wraps on desktop; matrix numerals align with text cells */
@media(min-width:701px){
  .compare-tray .tray-selected{flex:1 1 auto;flex-wrap:nowrap;overflow:hidden}
  .compare-tray .tray-label{display:block;flex:none;white-space:nowrap}
  .compare-tray .tray-selected .tray-chip{flex:0 1 auto;min-width:0;max-width:240px}
  .compare-tray .tray-chip-name{min-width:0;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tray-actions{margin-left:auto}
}
.tray-chip{height:36px;padding:3px 3px 3px 12px}
.comparison-table td.num{text-align:left}
.comparison-table td.num,.comparison-table tbody td{font-variant-numeric:tabular-nums}
@media(max-width:700px){
  .comparison-scroll{overflow:visible}
  .comparison-table,.comparison-table thead,.comparison-table tbody{display:block;width:100%}
  .comparison-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .comparison-table thead th:first-child{display:none}
  .comparison-table thead th{position:sticky;top:var(--nav-h,64px);width:auto}
  .comparison-table tbody th{grid-column:1/-1;width:auto;padding:12px 12px 0 14px;border:0;background:none;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet)}
  .comparison-table tbody td{padding:4px 12px 12px;border-bottom:0;min-width:0}
  .comparison-table tbody tr:not(.group-row){border-bottom:1px solid var(--line)}
  .comparison-table tr.is-diff th{color:var(--muted)}
  .comparison-table tbody th .diff-dot{top:18px}
  .comparison-table tr.group-row th{grid-column:1/-1;padding:9px 12px}
  .comparison-table td.phone-hidden,.comparison-table th.phone-hidden{display:none}
}
@media(max-width:700px){
  .comparison-controls{grid-template-columns:auto minmax(0,1fr)}
  .mobile-pair-control{min-width:0;justify-self:end;max-width:100%}
  .mobile-pair-control select{min-width:0;max-width:170px;width:100%}
}
html[data-theme=light] .choice-picker.is-alone .picker-panel{box-shadow:none}
body[data-section=compare] .compare-brief>.decision-summary,body[data-section=compare] .compare-brief>.workload-form{margin:0;align-self:stretch}
/* QA contract: the decision summary reads first; adjustable assumptions follow below it. */
.compare-brief{grid-template-columns:minmax(0,1fr)}
.diff-toggle .switch{pointer-events:none}
.diff-toggle input{z-index:1}
@media(max-width:700px){
  body #toast{left:var(--gutter);right:var(--gutter);bottom:20px;transform:none;width:auto;max-width:none;animation:none}
  body:has(#compare-tray:not([hidden])) #toast{bottom:190px}
  .page-header .page-header-actions .toolbar{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
  .page-header .page-header-actions .toolbar::-webkit-scrollbar{display:none}
  .page-header .page-header-actions .toolbar .button{flex:none;white-space:nowrap}
}
/* round 5: a shorter stack above the matrix */
@media(min-width:701px){
  .compare-brief{gap:var(--sp-3);margin:var(--sp-3) 0}
  .decision-summary{padding:16px 24px}
  .decision-summary .summary-lead{font-size:20px;line-height:1.35;margin-bottom:0;max-width:none}
  .compare-brief .workload-form{padding:14px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-items:end}
  .compare-brief .workload-form .workload-top{display:contents}
  .compare-brief .workload-form .usage-details{grid-column:1/-1;margin:0}
  .compare-brief .workload-form label{margin:0}
  body[data-section=compare] .page-header{padding-bottom:var(--sp-3)}
  .choice-strip{margin:var(--sp-4) 0 var(--sp-2)}
  .comparison-controls{margin:var(--sp-3) 0 var(--sp-2)}
}
@media(max-width:700px){
  .decision-summary .summary-lead{font-size:18px;line-height:1.4}
  .decision-summary{padding:14px 16px 14px 18px}
  .decision-summary:before{top:14px;bottom:14px}
  .compare-brief .workload-form{padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;align-items:end}
  .compare-brief .workload-form .workload-top{display:contents}
  .compare-brief .workload-form .usage-details{grid-column:1/-1}
  .compare-brief .workload-form select{font-size:12.5px;padding-left:10px;padding-right:24px}
  /* matrix: label above value, roomier, mono numerals */
  .comparison-table tbody tr:not(.group-row){padding-bottom:6px}
  .comparison-table tbody th{padding:16px 12px 4px 14px;font-size:10.5px;letter-spacing:.08em}
  .comparison-table tbody td{padding:2px 12px 14px;font-size:13px;line-height:1.55}
  .comparison-table tbody td.num{font-size:13px}
  .comparison-table tbody th .diff-dot{top:21px}
  .comparison-table td{color:var(--muted)}
  .comparison-table tr.is-diff td{color:var(--ink)}
}
/* round 6: compare states */
.page-header-actions:has(.toolbar [data-act=clear][disabled]){display:none}
.decision-summary .summary-lead{max-width:72ch}
.decision-summary p:not(.summary-lead){max-width:72ch}
.choice-picker.is-alone{margin-bottom:var(--sp-2)}
@media(max-width:700px){
  .pair-grid{gap:var(--sp-2)}
  .pair-card{padding:14px 16px;gap:var(--sp-2)}
  .pair-names{flex-direction:row;align-items:center;gap:10px}
  .pair-side{flex:0 1 auto;min-width:0;min-height:36px;gap:8px}
  .pair-names{justify-content:flex-start;gap:14px}
  .pair-side strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
  .pair-names .entity-avatar{display:none}
  .pair-names i{margin:0;flex:none}
  .pair-names i:after{display:none}
  .pair-cta{padding-top:var(--sp-2)}
  .choice-picker.is-alone .picker-results{max-height:264px;overflow:auto}
}
/* ==== end page:compare ==== */

/* ==== page:costs ==== */
/* layout */
.cost-layout{display:grid;grid-template-columns:316px minmax(0,1fr);gap:var(--sp-6);align-items:start;margin-top:var(--sp-4)}
.cost-layout>*{min-width:0}
.cost-assumptions{position:sticky;top:calc(var(--nav-h) + 16px);max-height:calc(100vh - var(--nav-h) - 32px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--rim);padding:20px;scrollbar-width:thin}
.cost-assumptions .ca-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:14px}
.cost-assumptions .ca-head h2{font:600 var(--fs-18)/1.2 var(--sans);letter-spacing:-.01em;margin:0}
.cost-assumptions>.button{width:100%;margin-top:4px}
.cost-assumptions .workload-form.cost-form{background:transparent;border:0;box-shadow:none;padding:0;margin:0}
.cost-form .cf-group{border:0;margin:0;padding:14px 0 16px;border-top:1px solid var(--line);display:grid;gap:12px;min-width:0}
.cost-form .cf-group:first-child{border-top:0;padding-top:0}
.cost-form legend{float:left;width:100%;padding:0;margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet)}
.cost-form legend+*{clear:both}
.cost-form .cf-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cost-form .cf-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:var(--fs-12)}
.cost-form .cf-label{font-size:var(--fs-12);font-weight:500;color:var(--muted)}
.cost-form .cf-field small{font-size:11px;line-height:1.4;color:var(--quiet)}
.cost-form select,.cost-form input{width:100%;min-width:0;font-size:var(--fs-13)}
.cost-form .cf-label{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.cost-form .cf-label em{font:400 11px var(--mono);font-style:normal;color:var(--quiet)}
.cost-form input[type=number]{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}
.cost-form .cf-note{font-size:11px;line-height:1.55;color:var(--quiet);margin:2px 0 14px;padding-top:12px;border-top:1px solid var(--line)}
/* KPI strip */
.cost-kpis{grid-template-columns:minmax(0,1.9fr) repeat(3,minmax(0,1fr));margin-bottom:var(--sp-3)}
.cost-kpis .stat{padding:18px 20px;gap:6px}
.cost-kpis .stat-value{font-size:var(--fs-24);white-space:nowrap}
.cost-kpis .stat-unit{margin-left:6px}
.cost-kpis .stat-note{margin-top:auto;padding-top:6px}
.cost-kpis .stat-note a{color:var(--accent);font-weight:500}
.kpi-range{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap}
.kpi-range>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.kpi-range>span+span{padding-left:28px;border-left:1px solid var(--line)}
.kpi-range i{font-style:normal;font-size:11px;color:var(--quiet);letter-spacing:.02em}
.kpi-range b{font:500 var(--fs-24)/1.2 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.kpi-range b.is-free{color:var(--good)}
.kpi-range small{font-size:var(--fs-12);color:var(--muted);max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* assumption chips */
.cost-main .assumption-stack{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 var(--sp-5);padding:0}
.cost-main .assumption-stack>strong{flex:none;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);margin:0 6px 0 0}
.assumption-stack .ac{display:inline-flex;align-items:baseline;gap:6px;height:26px;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-chip);background:var(--inset);white-space:nowrap}
.assumption-stack .ac i{font-style:normal;font-size:11px;color:var(--quiet)}
.assumption-stack .ac b{font:500 12px var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}
.cost-main .assumption-stack>em{flex:1 1 auto;min-width:max-content;text-align:right;font-style:normal;font-size:11px;color:var(--quiet)}
/* chart */
.cost-main .value-plot{padding:20px 20px 16px;margin:0 0 var(--sp-6);background:var(--panel)}
.cost-main .value-plot figcaption{display:block;margin-bottom:12px}
.cost-main .value-plot figcaption strong{display:block;font:600 var(--fs-15)/1.3 var(--sans);letter-spacing:-.01em;margin-bottom:4px}
.cost-main .value-plot figcaption span{display:block;font-size:var(--fs-12);line-height:1.5;color:var(--quiet);max-width:78ch}
.plot-scroll{overflow-x:auto;margin:0 -4px;padding:0 4px}
.value-plot svg{min-width:0}
.value-plot svg text{font-family:var(--sans)}
.value-plot .plot-tick{font:400 11px var(--mono);fill:var(--quiet)}
.value-plot .plot-axis-label{font:600 11px var(--sans);letter-spacing:.02em;fill:var(--muted)}
.value-plot .plot-grid{stroke:var(--line);stroke-dasharray:none;opacity:1}
.value-plot .plot-grid-x{opacity:.6}
.value-plot .plot-axis{stroke:var(--line-strong)}
.plot-frontier-line{fill:none;stroke:var(--accent);stroke-width:1.25;stroke-opacity:.55;stroke-dasharray:4 4}
.value-plot .plot-point{fill:var(--panel);stroke:var(--quiet);stroke-width:1.5;opacity:1}
.value-plot .plot-point.frontier{fill:var(--accent);stroke:var(--panel);stroke-width:2}
.value-plot a{cursor:pointer;outline:none}
.value-plot a:hover .plot-point,.value-plot a:focus-visible .plot-point{stroke:var(--ink);stroke-width:2}
.value-plot .plot-label{font:500 11.5px var(--sans);fill:var(--ink);stroke:var(--panel);stroke-width:4px}
.value-plot .plot-label.is-hover{opacity:0;transition:opacity var(--t-state) var(--ease)}
.value-plot .plot-label.is-hover.is-linked{opacity:1}
.value-plot .plot-mark.is-linked .plot-point{r:7;fill:var(--accent);stroke:var(--ink);stroke-width:2}
.plot-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--line);font-size:var(--fs-12);color:var(--muted)}
.plot-legend li{display:flex;align-items:center;gap:8px}
.plot-swatch{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--quiet);background:var(--panel);flex:none}
.plot-swatch.frontier{background:var(--accent);border-color:var(--accent)}
.cost-main .value-plot p{font-size:11px;line-height:1.6;color:var(--quiet);margin:8px 0 0}
/* table section */
.cost-main .results-bar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 var(--sp-3)}
.cost-main .results-bar h2{font:600 var(--fs-18)/1.2 var(--sans);letter-spacing:-.01em;margin:0}
.cost-main .results-bar h2 span{font:400 var(--fs-12) var(--mono);color:var(--quiet);margin-left:8px}
.cost-main .results-bar .quiet{font-size:var(--fs-12)}
.cost-search{display:flex;align-items:center;gap:8px;margin:0 0 var(--sp-3)}
.cost-search .search-bar{flex:1;min-width:0}
.cost-search .cs-provider{flex:none;min-width:0}
.cost-search select{min-height:40px;font-size:var(--fs-13);max-width:200px;min-width:150px}
.cost-table{min-width:720px}
.cost-table th{padding:0 14px;height:40px;font-size:11px;white-space:nowrap}
.cost-table td{padding:10px 14px;height:56px;vertical-align:middle;font-size:var(--fs-13)}
.cost-table th.num{font-family:var(--sans);text-align:right;white-space:nowrap}
.cost-table td.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.cost-table td.num strong{font-weight:600;color:var(--ink)}
.cost-table td.num:not(:nth-child(3)){color:var(--muted)}
.cost-table td.is-na{color:var(--quiet)}
.cost-table .entity-avatar{display:grid}
.cost-table .entity-link strong{font-size:var(--fs-13);font-weight:600}
.cost-table td.basis{white-space:nowrap}
.cost-table td.basis small{display:inline;margin:0 0 0 8px;font:400 11px var(--mono);color:var(--quiet)}
.cost-table .compare-button span{display:none}
.cost-table .row-actions{justify-content:flex-end}
.cost-table .row-actions .icon-button{display:none}
.cost-table tr.is-linked td{background:var(--raised)}
.cost-table tr.is-linked .entity-link strong{color:var(--accent)}
.cost-table td:last-child{width:56px;text-align:right}
.cost-table th{position:relative}
.cost-table td:first-child{min-width:210px}
.cost-table .entity-link{min-width:0}
.cost-table .entity-link strong{white-space:nowrap}
@media (max-width:1200px){
  .cost-layout{grid-template-columns:288px minmax(0,1fr);gap:var(--sp-5)}
  .cost-kpis{grid-template-columns:1fr 1fr 1fr}
  .cost-kpis .kpi-lead{grid-column:1/-1}
}
@media (max-width:960px){
  .cost-layout{grid-template-columns:minmax(0,1fr)}
  .cost-assumptions{position:static;max-height:none;overflow:visible}
  .cost-form .cf-group{grid-template-columns:1fr 1fr}
  .cost-form .cf-group>legend{grid-column:1/-1}
  .cost-form .cf-group .cf-pair{display:contents}
  .cost-form .cf-group:first-child .cf-field{grid-column:auto}
  .cost-assumptions>.button{width:auto}
}
@media (max-width:700px){
  .cost-kpis{grid-template-columns:1fr 1fr}
  .cost-kpis .kpi-lead{grid-column:1/-1}
  .cost-kpis .stat{padding:14px 16px}
  .cost-kpis .stat-value{font-size:20px}
  .kpi-range{gap:18px}.kpi-range>span+span{padding-left:18px}
  .kpi-range b{font-size:20px}
  .cost-main .assumption-stack{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
  .cost-main .assumption-stack>em{display:none}
  .cost-main .value-plot{padding:16px 14px 14px}
  .value-plot svg{min-width:600px}
  .cost-main .results-bar{flex-direction:column;align-items:flex-start;gap:2px}
  .cost-search{flex-wrap:wrap}
  .cost-search select{max-width:none;min-width:0;width:100%}
  .cost-search .cs-provider{display:block;width:100%}
  .cost-search .cs-provider{flex:1 1 100%}
  .cost-table{min-width:640px}
}
/* polish round 1 */
.cost-assumptions .ca-head .eyebrow{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cost-assumptions .ca-head{padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.cost-form .cf-group{padding:16px 0}
.cost-form .cf-group:first-child{padding-top:0;border-top:0}
.cost-form legend{margin:0 0 4px}
.cost-form .cf-label{justify-content:flex-start;gap:8px}
.cost-form .cf-label em{margin-left:0;font-size:11px}
.cost-form .cf-label em::before{content:"\00b7";margin-right:8px;color:var(--faint)}
.cost-form input[type=number]{text-align:left;min-height:38px}
.cost-form select{min-height:38px}
.cost-form .cf-field small{min-height:0}
@media(min-width:1201px){.cost-kpis{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}}
.cost-kpis{align-items:stretch}
.cost-kpis .stat{justify-content:flex-start}
.cost-kpis .stat-note{margin-top:auto}
.cost-kpis .stat .stat-label{white-space:nowrap}
.cost-main .assumption-stack{margin-bottom:var(--sp-4)}
.cost-table td.num.is-na{font-family:var(--sans);font-weight:400;color:var(--quiet)}
.cost-form input[type=number]{font-weight:500}
.cost-form .cf-group{border-radius:0}
@media(max-width:700px){
  .cost-form .cf-group{grid-template-columns:1fr}
  .cost-form .cf-group:nth-child(2){grid-template-columns:1fr 1fr}
  .cost-form .cf-group>legend{grid-column:1/-1}
}
/* round 3: workload disclosure; mobile reorders so results lead */
.ca-summary{display:none;list-style:none;cursor:pointer}
.ca-summary::-webkit-details-marker{display:none}
@media(max-width:960px){
  .cost-layout{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-3)}
  .cost-main{display:contents}
  .cost-main>*{order:5}
  .cost-layout>*,.cost-main>*{min-width:0;max-width:100%}
  .cost-assumptions{align-self:stretch;width:100%}
  .cost-main>.cost-kpis{order:1;margin-bottom:0}
  .cost-main>.assumption-stack{order:2;margin-bottom:0}
  .cost-assumptions{order:3;padding:0}
  .cost-main>.value-plot{order:4;margin-bottom:0}
  .ca-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:48px;padding:0 var(--sp-4);font-size:var(--fs-13);font-weight:600;color:var(--ink)}
  .ca-summary::after{content:"+";font:500 18px/1 var(--mono);color:var(--quiet)}
  .ca-details[open]>.ca-summary::after{content:"\2212"}
  .ca-details[open]>.ca-summary{border-bottom:1px solid var(--line)}
  .ca-details>:not(summary){margin-left:var(--sp-4);margin-right:var(--sp-4)}
  .ca-details>.ca-head{margin-top:var(--sp-4)}
  .ca-details>.button{margin-bottom:var(--sp-4);width:calc(100% - 2 * var(--sp-4))}
  .cost-main>.value-plot,.cost-main>.cost-kpis{margin-top:0}
}
@media(max-width:700px){.cost-kpis .stat:last-child{grid-column:1/-1}}
/* ==== end page:costs ==== */

/* ==== page:find-myai ==== */
.find-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:var(--sp-6);align-items:start;margin-top:var(--sp-2)}
.find-aside{position:sticky;top:calc(var(--nav-h) + 16px);max-height:calc(100vh - var(--nav-h) - 32px);overflow:auto;scrollbar-width:thin;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--rim)}
.find-form{display:flex;flex-direction:column;gap:0}
.find-group{border:0;border-radius:0;margin:0;padding:14px 20px;display:grid;gap:12px;border-bottom:1px solid var(--line);min-width:0}
.find-group legend{float:left;width:100%;padding:0;margin:0 0 -2px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet)}
.find-group legend+*{clear:both}
.find-group label{font-size:12px}
.find-group select,.find-group input[type=number]{width:100%;min-height:36px;font-size:13px}
.find-group .checkbox{font-size:13px;color:var(--muted);line-height:1.5}
.find-form>.button{margin:16px 20px 0;justify-content:center}
.find-form>.disclosure{margin:12px 20px 18px;font-size:12px;line-height:1.55;color:var(--quiet)}
.find-results{min-width:0}
.find-quiet{font-size:13px;color:var(--quiet)}
.find-label{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);margin-bottom:6px}
.find-preview{position:relative;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--rim);overflow:hidden}
.find-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}
.find-ghost{padding:6px 20px 0;-webkit-mask-image:linear-gradient(#000 20%,transparent 100%);mask-image:linear-gradient(#000 20%,transparent 100%)}
.find-ghost-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto 90px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.find-ghost-row i{display:block;background:var(--hover);border-radius:6px}
.g-av{width:36px;height:36px;border-radius:9px!important}
.g-lines{display:grid;gap:8px}.g-lines i{height:9px}.g-lines i:first-child{height:11px;background:var(--line-strong)}
.g-pills{display:flex;gap:6px}.g-pills i{width:64px;height:20px}
.g-cost{height:14px}
.find-preview-cta{padding:0 28px 32px;margin-top:-56px;position:relative;max-width:540px}
.find-preview-cta h2{font:600 var(--fs-18)/1.3 var(--sans);letter-spacing:-.01em;margin:0 0 8px}
.find-preview-cta p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
.find-steps{list-style:none;margin:var(--sp-4) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}
.find-steps li{animation:none!important;transform:none!important;display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--inset)}
.find-steps b{font-size:12px;color:var(--accent);font-weight:500;padding-top:2px}
.find-steps span{display:block;font-size:13px;line-height:1.5;color:var(--quiet)}
.find-steps strong{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
.find-alt{margin:var(--sp-3) 0 0;font-size:13px}.find-alt a{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:500}
.find-summary{display:flex;flex-direction:column;gap:12px;margin:0 0 var(--sp-3)}
.find-count{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.find-count strong{font-size:var(--fs-32);line-height:1;font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.find-count>span:nth-child(2){font-size:15px;color:var(--ink);font-weight:500}
.find-count .find-quiet{margin-left:auto}
.find-chips{display:flex;flex-wrap:wrap;gap:6px}
.find-chips .chip{height:26px;font-size:12px;cursor:default}
.find-list{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--rim);overflow:hidden}
.find-row{display:grid;grid-template-columns:minmax(150px,200px) minmax(0,1fr) 112px auto;gap:12px 24px;align-items:start;padding:20px 24px;border-top:1px solid var(--line);animation:rise var(--t-reveal) var(--ease) both;animation-delay:calc(var(--i)*40ms);transition:background var(--t-state)}
.find-row:first-child{border-top:0}
.find-row:hover{background:var(--hover)}
.find-row-id{display:grid;gap:10px;min-width:0}
.find-row-badges{display:flex;gap:6px;flex-wrap:wrap}
.find-row-why ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.find-row-why li{font-size:13px;line-height:1.5;color:var(--ink);padding-left:16px;position:relative}
.find-row-why li:before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--good);opacity:.8}
.find-caveat{margin:8px 0 0;font-size:12px;line-height:1.55;color:var(--quiet)}
.find-row-cost{display:grid;gap:2px;justify-items:end;text-align:right}
.find-row-cost strong{font-size:var(--fs-18);font-weight:500;letter-spacing:-.01em}
.find-row-cost strong.is-na{font-size:13px;color:var(--quiet);font-weight:400}
.find-fit{font-size:12px;color:var(--muted)}.find-fit small{color:var(--quiet);font-size:12px;margin-left:3px}
.find-row .row-actions{align-self:center}
.find-more{margin:12px 2px 0;font-size:13px;color:var(--quiet)}
.find-excluded{margin-top:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-panel);background:var(--panel)}
.find-excluded summary{padding:14px 20px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px}
.find-excluded>div{padding:0 20px 14px;max-height:420px;overflow:auto}
.find-excluded p{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;margin:0;padding:9px 0;border-top:1px solid var(--line);font-size:13px}
.find-excluded p span{color:var(--quiet)}
@media(max-width:1100px){.find-row{grid-template-columns:minmax(0,1fr) 112px auto}.find-row-why{grid-column:1/-1;order:3}.find-row-cost{order:1}.find-row-id{order:0}.find-row .row-actions{order:2}}
@media(max-width:960px){.find-layout{grid-template-columns:1fr}.find-aside{position:static;max-height:none}.find-steps{grid-template-columns:1fr}}
@media(max-width:700px){.find-row{grid-template-columns:minmax(0,1fr) auto;padding:16px}.find-row-cost{justify-items:start;text-align:left;grid-column:1}.find-row .row-actions{grid-column:2;grid-row:2}.find-ghost-row{grid-template-columns:36px minmax(0,1fr) 60px}.g-pills{display:none}.find-excluded p{grid-template-columns:1fr;gap:2px}.find-group{padding:16px}.find-form>.button{margin:16px}.find-form>.disclosure{margin:12px 16px 16px}.find-count .find-quiet{margin-left:0;width:100%}}
/* My AI */
.my-status{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--inset);width:fit-content;max-width:100%;margin:0 0 var(--sp-2)}
.my-status .icon{width:16px;height:16px;flex:none;color:var(--good)}
.workspace-tabs{margin:var(--sp-3) 0 var(--sp-5)}
.workspace-tabs a{padding:12px 14px 14px}
.workspace-tabs a[aria-current=page]{border-color:var(--accent)}
.workspace-tabs a span{display:inline-block;min-width:20px;text-align:center;padding:1px 6px;border-radius:999px;background:var(--accent-soft);font-family:var(--mono);font-weight:500}
.saved-grid.my-grid,.saved-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}
.my-card{display:flex;flex-direction:column;gap:12px;padding:20px;margin:0}
.my-card h2{font:600 var(--fs-18)/1.3 var(--sans);letter-spacing:-.01em;margin:0}
.my-card .eyebrow{margin:0}
.saved-grid .panel>p.my-card-job,.my-card-job{margin:0;font-size:13px;line-height:1.6;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.my-meta{display:flex;gap:6px;flex-wrap:wrap}
.my-actions{display:flex;gap:8px;margin-top:auto;padding-top:8px;align-items:center}
.my-card .row-actions{margin-top:auto;justify-content:flex-start;padding-top:12px;border-top:1px solid var(--line)}
.my-note{margin:0;font-size:13px;padding:10px 12px;border-radius:var(--r-control);background:var(--inset)}
.my-note summary{font-weight:600;color:var(--muted)}
.my-note p{margin:8px 0 0;font-size:13px;color:var(--muted);white-space:pre-wrap}
.button.danger-text{color:var(--warning);border-color:transparent}
.button.danger-text:hover{background:var(--warning-soft)}
.backup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);align-items:stretch}
.my-panel{padding:0;display:flex;flex-direction:column}
.my-panel .panel-header{padding:20px 24px 0;margin:0;border:0;min-height:0}
.my-panel .panel-header h2{font:600 var(--fs-18)/1.3 var(--sans);margin:0;letter-spacing:-.01em}
.my-lede{margin:8px 24px 20px;font-size:13px;line-height:1.6;color:var(--muted)}
.my-step{padding:20px 24px;border-top:1px solid var(--line);display:grid;gap:12px;justify-items:start}
.my-step>*{margin:0}
.my-step h3{font:600 14px/1.4 var(--sans);margin:0}
.my-step p{font-size:13px;line-height:1.6;color:var(--muted)}
.my-step label,.my-step input[type=file],.my-step .sync-input input{width:100%}
.backup-grid p{font-size:13px;line-height:1.6}
.my-step .disclosure{color:var(--quiet);font-size:12px}
.my-danger{background:var(--warning-soft);border-radius:0 0 var(--r-card) var(--r-card);margin-top:auto}
.my-danger h3{color:var(--warning)}
.backup-grid .sync-input{margin:0}
.request-panel{max-width:none}
.request-panel form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px}
.request-panel form>label:nth-of-type(n+3),.request-panel form>button,.request-panel form>output{grid-column:1/-1}
.request-panel form>button{justify-self:start}
.request-panel>p{max-width:68ch;font-size:14px}
@media(max-width:960px){.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-grid{grid-template-columns:1fr}}
@media(max-width:700px){.saved-grid{grid-template-columns:1fr}.request-panel form{grid-template-columns:1fr}.my-step{padding:18px 16px}.my-lede{margin:8px 16px 16px}.my-panel .panel-header{padding:16px 16px 0}}
.find-row-cost strong.is-na{font-family:var(--sans);font-size:var(--fs-13);font-weight:400;letter-spacing:0}
/* round 2: lighter empty state */
.find-ghost{opacity:.55;-webkit-mask-image:linear-gradient(#000 0,transparent 100%);mask-image:linear-gradient(#000 0,transparent 100%)}
.find-ghost-row:nth-child(n+3){display:none}
.find-ghost-row{padding:14px 0}
.find-ghost-row i{background:var(--inset)}
.g-lines i:first-child{background:var(--hover)}
.find-preview-cta{margin-top:var(--sp-2);padding-bottom:28px}
.find-ghost{padding-bottom:0}
.find-ghost-row:nth-child(2){border-bottom:0}
.find-steps{gap:0;border-top:1px solid var(--line);margin-top:var(--sp-5)}
.find-steps li{border:0;border-radius:0;background:none;padding:var(--sp-4) var(--sp-4) var(--sp-3) 0}
.find-steps li+li{padding-left:var(--sp-4);border-left:1px solid var(--line)}
@media(max-width:960px){.find-steps li+li{border-left:0;border-top:1px solid var(--line);padding-left:0}}
/* round 3: compact form on small screens */
.find-more-summary{display:none;list-style:none;cursor:pointer}
.find-more-summary::-webkit-details-marker{display:none}
@media(max-width:960px){
  .find-more-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:48px;padding:0 20px;font-size:var(--fs-13);font-weight:600;border-bottom:1px solid var(--line)}
  .find-more-summary::after{content:"+";font:500 18px/1 var(--mono);color:var(--quiet)}
  .find-more[open]>.find-more-summary::after{content:"\2212"}
  .find-more-summary .quiet{margin-left:auto;margin-right:var(--sp-3);font-weight:400;font-size:12px}
  .find-form .find-group:first-child{border-bottom:1px solid var(--line)}
  .find-form>.button{margin-top:var(--sp-4)}
}
/* round 4: backup tab is one flat surface with a hairline between the two columns */
.backup-grid{gap:0;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--rim);overflow:hidden}
.backup-grid>.my-panel{border:0;border-radius:0;box-shadow:none;background:none}
.backup-grid>.my-panel:first-child{border-right:1px solid var(--line)}
.backup-grid{align-items:stretch}
.my-step .file-picker{width:auto;max-width:100%;justify-content:flex-start}
.my-danger{background:none;border-radius:0}
.my-danger h3{color:var(--warning)}
.my-panel .panel-header .badge.accent{color:var(--muted);border-color:var(--line-strong);background:var(--inset)}
.file-field{display:grid;gap:8px;width:100%}
.file-field-label{font-size:var(--fs-12);font-weight:500;color:var(--muted)}
.file-picker{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0}
.file-native{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none}
.file-picker .file-button{cursor:pointer;flex:none}
.file-picker:focus-within .file-button{outline:2px solid var(--accent);outline-offset:2px}
.file-name{font:400 var(--fs-12) var(--mono);color:var(--quiet);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@media(max-width:960px){.backup-grid>.my-panel:first-child{border-right:0;border-bottom:1px solid var(--line)}}
/* round 5: Tests and Requests tabs join the flat surface language */
.my-tests{padding:var(--sp-5) var(--sp-5) var(--sp-5)}
.my-tests h2{font:600 var(--fs-18)/1.3 var(--sans);letter-spacing:-.01em;margin:0 0 var(--sp-2)}
.my-tests>p{margin:0 0 var(--sp-4);color:var(--muted)}
.my-tests form{display:grid;gap:var(--sp-4)}
.my-tests form>label+label{margin-top:0}
.my-tests form>button{justify-self:start}
.my-tests .disclosure{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--line);font-size:12px;color:var(--quiet)}
.my-empty{display:grid;gap:6px;padding:var(--sp-5);border:1px dashed var(--line-strong);border-radius:var(--r-panel);justify-items:start}
.my-empty strong{font-size:var(--fs-13);font-weight:600;color:var(--ink)}
.my-empty span{font-size:var(--fs-13);line-height:1.6;color:var(--muted);max-width:52ch}
.request-panel{padding:var(--sp-5)}
.request-panel h2{font:600 var(--fs-18)/1.3 var(--sans);letter-spacing:-.01em;margin:0 0 var(--sp-2)}
.request-panel>p{margin:0 0 var(--sp-2);font-size:13px;line-height:1.6;color:var(--muted);max-width:68ch}
.request-panel>p:nth-of-type(2){padding-bottom:var(--sp-4);margin-bottom:var(--sp-4);border-bottom:1px solid var(--line)}
.request-panel form{max-width:760px;align-items:start;gap:var(--sp-4)}
.request-panel form>label+label{margin-top:0}
.request-panel form>label{min-width:0}
.request-panel form select,.request-panel form input:not([type=checkbox]){min-height:40px}
.request-panel form>button{margin-top:var(--sp-1)}
@media(max-width:700px){.my-tests,.request-panel{padding:var(--sp-4)}}
/* ==== end page:find-myai ==== */

/* ==== page:guides-method ==== */
/* Editorial layout: on-page contents + reading column (guides, methodology, policy, changelog) */
.doc-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--sp-7);align-items:start;margin-top:var(--sp-4)}
.doc-toc{position:sticky;top:calc(var(--nav-h) + 24px);align-self:start}
.doc-toc nav{border-left:1px solid var(--line);padding-left:var(--sp-4)}
.doc-toc-title{margin:0 0 var(--sp-2);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet)}
.doc-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.doc-toc a{display:block;padding:5px 0;font-size:var(--fs-13);line-height:1.4;color:var(--muted);text-decoration:none;transition:color var(--t-state) var(--ease)}
.doc-toc a:hover{color:var(--ink)}
.doc-toc a[aria-current=location]{color:var(--ink);font-weight:600}
.doc-main{min-width:0}
.doc-main>.prose:first-child,.doc-main>.guide-cohort:first-child{border-top:0;padding-top:0;margin-top:0}
.doc-section{scroll-margin-top:calc(var(--nav-h) + 16px)}
.doc-main>.prose.doc-section{padding-top:var(--sp-5);padding-bottom:var(--sp-3)}
.doc-main .prose h2{font-size:var(--h2);line-height:1.15}
.doc-main .prose h2+p{margin-top:0}
.doc-main .prose h2{margin-bottom:var(--sp-3)}
.doc-main .prose h2+p+p,.doc-main .prose p+p{margin-top:var(--sp-3)}
.doc-foot{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line)}

/* single concise disclaimer */
.guide-tldr{margin:0 0 var(--sp-5);padding:20px 24px 18px;border-radius:var(--r-panel)}
.guide-tldr .eyebrow{margin:0 0 8px}
.guide-tldr p.guide-lead{font-size:17px;line-height:1.55;letter-spacing:-.01em;color:var(--ink);max-width:68ch;margin:0 0 var(--sp-3)}
.guide-tldr p.guide-trust{font-size:var(--fs-13);line-height:1.6;color:var(--muted);max-width:72ch;margin:0;padding-top:var(--sp-3);border-top:1px solid var(--line)}
.guide-tldr p.guide-trust a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px}

/* guide cohorts + comparison tables */
.guide-cohort{margin:0;padding:var(--sp-6) 0 var(--sp-2);border-top:1px solid var(--line)}
.guide-cohort>.section-heading{justify-content:flex-start;align-items:center;gap:12px;margin:0 0 var(--sp-2)}
.guide-cohort>.section-heading h2{font-family:var(--serif);font-weight:400;font-size:var(--h2);letter-spacing:-.005em;line-height:1.15;margin:0}
.guide-count{margin-left:auto;font-size:12px;color:var(--quiet)}
.guide-cohort>p.guide-job{max-width:68ch;margin:0 0 var(--sp-4);font-size:var(--fs-15);line-height:1.6;color:var(--muted)}
.guide-table-scroll{margin:0;max-height:none}
.guide-table{min-width:780px;margin:0}
.guide-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.guide-table thead th{position:static}
.guide-table tbody th,.guide-table tbody td{vertical-align:top;padding:14px 16px}
.guide-table tbody tr:last-child>*{border-bottom:0}
.guide-table tbody th{width:22%;font-weight:600;text-align:left}
.guide-table tbody th a{color:var(--ink);font-weight:600;text-decoration:none}
.guide-table tbody th a:hover{color:var(--accent)}
.guide-table tbody th small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--quiet)}
.guide-table td{color:var(--muted)}
.guide-table td.is-na{color:var(--quiet);font-style:normal}
.guide-table .badge{white-space:nowrap}
.guide-row-links{white-space:nowrap;text-align:right}
.guide-row-links a{color:var(--ink);font-size:var(--fs-13);font-weight:500;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.guide-row-links a:first-child{color:var(--accent)}
.guide-row-links a+a{margin-left:16px}
.guide-row-links a:hover{color:var(--accent);text-decoration-color:currentColor}
@media (max-width:1100px){.guide-row-links a{display:block}.guide-row-links a+a{margin:6px 0 0}.guide-table tbody th{width:19%}.guide-table td:nth-child(2){min-width:150px}}
.guide-note{max-width:68ch;margin:var(--sp-4) 0 0}
.doc-main>.guide-note{margin:var(--sp-5) 0 0}

/* tracked entries: compact list */
.guide-list{border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--rim);overflow:hidden}
.guide-entry{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,1.6fr) auto auto;gap:var(--sp-4);align-items:center;padding:12px 16px;border-top:1px solid var(--line)}
.guide-entry:first-child{border-top:0}
.guide-copy p{margin:0;font-size:var(--fs-13);line-height:1.55;color:var(--muted)}
.guide-copy p strong{color:var(--quiet);font-weight:500}
.guide-actions{display:flex;gap:16px;white-space:nowrap}
.guide-actions a{min-height:0;font-size:var(--fs-13)}
.guide-actions .icon{display:none}
.guide-status{white-space:nowrap}

/* FAQ accordion */
.guide-faq details{margin:0;border-top:1px solid var(--line);padding:0}
.guide-faq h2+details{border-top:1px solid var(--line);margin-top:var(--sp-3)}
.guide-faq details:last-of-type{border-bottom:1px solid var(--line)}
.guide-faq details>summary{min-height:56px;font-size:var(--fs-15);font-weight:600;letter-spacing:-.01em;padding:10px 0;max-width:var(--measure)}
.guide-faq details>summary:hover{color:var(--accent)}
.guide-faq details p{margin:0 0 var(--sp-4);color:var(--muted)}

/* related links */
.guide-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:var(--sp-5) 0 0;padding:var(--sp-5) 0 0;border-top:1px solid var(--line)}
.guide-links .doc-toc-title{grid-column:1/-1;margin:0}
.guide-links a.text-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--panel);box-shadow:var(--rim);color:var(--ink);font-size:var(--fs-13);font-weight:600;text-decoration:none;transition:border-color var(--t-state) var(--ease)}
.guide-links a.text-link:hover{border-color:var(--line-strong);color:var(--accent)}
.guide-links a .icon{width:14px;flex:none}

/* methodology + policy */
.method-spec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:var(--sp-4) 0;background:var(--line);border:1px solid var(--line);border-radius:var(--r-panel);overflow:hidden;max-width:none}
.prose .method-spec{padding:0;max-width:none}
.method-spec>div{background:var(--panel);padding:12px 16px;min-width:0}
.method-spec dt{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);margin-bottom:4px}
.method-spec dd{margin:0;font-size:var(--fs-13);color:var(--ink);overflow-wrap:anywhere}
.method-spec dd.mono{font-family:var(--mono)}
.prose .method-outputs{list-style:none;padding:0;margin:var(--sp-3) 0 0;border-top:1px solid var(--line);max-width:none}
.method-outputs li{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr) auto;gap:var(--sp-4);align-items:baseline;margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:var(--fs-13)}
.method-outputs li+li{margin-top:0}
.method-outputs strong{font-weight:600}
.method-outputs span{color:var(--muted)}
.method-outputs code{background:none;padding:0;font-family:var(--mono);color:var(--quiet);font-size:12px}
.method-boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:var(--sp-3) 0 var(--sp-4)}
.method-boards .method-board{max-width:none;margin:0;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--rim);display:flex;flex-direction:column;gap:6px}
.method-boards .method-board h4{margin:0;font-size:var(--fs-15);font-weight:600;display:flex;flex-wrap:wrap;align-items:center;gap:8px;letter-spacing:-.01em}
.prose .method-boards .method-board p{margin:0;font-size:var(--fs-13);line-height:1.55;color:var(--muted);max-width:none}
.prose .method-boards .method-board p.method-members{color:var(--quiet);font-size:12.5px}
.prose .method-boards .method-board p.peer-evidence{margin-top:4px;display:flex;flex-wrap:wrap;gap:6px}
.method-boards .method-board .peer-evidence b{flex-basis:100%;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet)}
.method-boards .method-board .peer-evidence span{border:1px solid var(--line);border-radius:var(--r-chip);padding:2px 9px;font-size:12px;color:var(--muted);background:var(--inset)}
.prose .scope-notes{max-width:var(--measure);color:var(--muted)}
.prose .scope-notes li{font-size:var(--fs-13);line-height:1.65}
.prose .method-kinds,.prose .policy-checks{list-style:none;padding:0;margin:var(--sp-5) 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5) var(--sp-6);max-width:none}
.prose .policy-checks{grid-template-columns:repeat(3,minmax(0,1fr))}
.method-kinds>article,.policy-checks>li{border-top:1px solid var(--line-strong);padding-top:var(--sp-3);margin:0}
.prose .method-kinds h3,.prose .policy-checks h3{margin:8px 0 6px;font-size:var(--fs-18)}
.prose .method-kinds p,.prose .policy-checks p{font-size:var(--fs-13);line-height:1.65;color:var(--muted)}
.method-number{font:500 12px var(--mono);color:var(--quiet);letter-spacing:.06em}
.prose .rule-statement{font-size:20px;line-height:1.5;letter-spacing:-.012em;font-weight:500;color:var(--ink);padding-left:var(--sp-4);border-left:2px solid var(--accent);margin-bottom:var(--sp-4)}
.doc-main>#corrections{background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:var(--sp-5) 0 var(--sp-3);margin:0;scroll-margin-top:calc(var(--nav-h) + 16px)}
.doc-main>#corrections h2{font-family:var(--serif);font-weight:400;font-size:var(--h2);letter-spacing:-.005em;line-height:1.15}
.doc-main>#corrections>p{max-width:var(--measure);font-size:var(--fs-15);line-height:1.7}
.doc-main>#corrections .section-heading{justify-content:flex-start;gap:12px}

/* changelog timeline */
.changelog-stamp{margin:0 0 var(--sp-6)}
.changelog-stamp a{text-decoration:none}
.changelog-month{margin:0 0 var(--sp-6);scroll-margin-top:calc(var(--nav-h) + 16px)}
.changelog-month>h2{font-family:var(--serif);font-weight:400;font-size:var(--h2);letter-spacing:-.005em;line-height:1.15;margin:0 0 var(--sp-4)}
.changelog{list-style:none;margin:0;padding:0;border-top:0}
.changelog-entry{display:grid;grid-template-columns:76px minmax(0,1fr);gap:0;padding:0;border:0}
.changelog-entry time{padding-top:3px;font:500 12.5px/1.6 var(--mono);color:var(--quiet);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.04em}
.changelog-body{position:relative;padding:0 0 var(--sp-6) var(--sp-5);border-left:1px solid var(--line-strong);min-width:0}
.changelog-entry:last-child .changelog-body{padding-bottom:var(--sp-2)}
.changelog-body::before{content:"";position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--line-strong);box-shadow:0 0 0 4px var(--bg)}
.changelog-entry[data-kind=site] .changelog-body::before,.changelog-entry[data-kind=method] .changelog-body::before{background:var(--accent)}
.changelog-entry[data-kind=catalogue] .changelog-body::before{background:var(--good)}
.changelog-entry[data-kind=policy] .changelog-body::before,.changelog-entry[data-kind=correction] .changelog-body::before{background:var(--warning)}
.changelog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.changelog-kind{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--inset);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0}
.changelog-entry[data-kind=site] .changelog-kind{color:var(--muted)}
.edition-stamp{font:500 12px var(--mono);color:var(--quiet);background:none;padding:0}
.changelog-entry h3{font:600 var(--fs-18)/1.35 var(--sans);letter-spacing:-.015em;margin:0 0 6px}
.changelog-entry h3 a{color:var(--ink);text-decoration:none}
.changelog-entry h3 a:hover{color:var(--accent)}
.changelog-entry p{margin:0;font-size:var(--fs-15);line-height:1.65;color:var(--muted);max-width:var(--measure)}

/* specificity bumps over foundation.css */
.doc-main .guide-links{display:grid;gap:12px;align-items:stretch}
.guide-links a.text-link{line-height:1.35}
.page-shell .guide-tldr{max-width:none;border-left:2px solid var(--accent)}
.page-shell .guide-tldr p.guide-lead{font-size:16px;margin-bottom:var(--sp-2)}
.page-shell .guide-tldr p.guide-trust{max-width:none;padding-top:var(--sp-2)}
.doc-main .guide-cohort{margin:0}
.doc-main .guide-entry{padding:10px 16px;grid-template-columns:minmax(200px,1fr) minmax(0,1.7fr) auto auto}
.doc-main .guide-entry .guide-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1200px){
  .doc-layout{grid-template-columns:176px minmax(0,1fr);gap:var(--sp-6)}
}
@media (max-width:960px){
  .doc-layout{grid-template-columns:1fr;gap:var(--sp-4)}
  .doc-toc{position:static}
  .doc-toc nav{border-left:0;padding-left:0}
  .doc-toc-title{display:none}
  .guide-links .doc-toc-title{display:block}
  .doc-toc ol{display:flex;flex-wrap:wrap;gap:8px}
  .doc-toc a{padding:6px 12px;border:1px solid var(--control-line,var(--line-strong));border-radius:var(--r-chip);font-size:12.5px;background:var(--panel);color:var(--muted)}
  .method-spec{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prose .policy-checks{grid-template-columns:1fr}
  .doc-main .guide-entry,.guide-entry{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}
  .guide-copy{grid-column:1/-1;order:3}
}
@media (max-width:700px){
  .guide-tldr{padding:16px 18px}
  .guide-tldr p.guide-lead{font-size:16px}
  .guide-cohort>.section-heading{flex-wrap:wrap;gap:8px 10px}
  .guide-count{margin-left:0}
  .guide-table,.table-wrap .guide-table{min-width:0;width:100%}
  .guide-table td:nth-child(2),.guide-table tbody th{min-width:0}
  .guide-table td .badge{justify-self:start;width:fit-content}
  .guide-row-links a{display:inline}
  .guide-row-links a+a{margin:0 0 0 16px}
  .guide-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .guide-table,.guide-table tbody,.guide-table tr,.guide-table tbody th,.guide-table tbody td{display:block;width:auto}
  .guide-table tbody tr{padding:14px 16px;border-bottom:1px solid var(--line)}
  .guide-table tbody tr:last-child{border-bottom:0}
  .guide-table tbody th,.guide-table tbody td{padding:0;border:0}
  .guide-table tbody th{width:auto;margin-bottom:8px;font-size:var(--fs-15)}
  .guide-table tbody td[data-label]{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:5px 0;font-size:var(--fs-13)}
  .guide-table tbody td[data-label]::before{content:attr(data-label);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet);padding-top:2px}
  .guide-row-links{text-align:left;padding-top:8px!important}
  .method-boards{grid-template-columns:1fr}
  .prose .method-kinds{grid-template-columns:1fr}
  .method-outputs li{grid-template-columns:1fr auto;gap:2px 12px}
  .method-outputs span{grid-column:1/-1;order:3}
  .changelog-entry{grid-template-columns:1fr}
  .changelog-entry time{padding:0 0 6px var(--sp-5)}
  .changelog-body{margin-left:4px;padding-left:var(--sp-4)}
  .prose .rule-statement{font-size:18px}
}

/* changelog: kind summary + single-month layout */
.changelog-kinds{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 var(--sp-5);padding:0 2px;font-size:var(--fs-13);color:var(--muted)}
.changelog-kinds-total{color:var(--ink);font-weight:600;padding-right:18px;border-right:1px solid var(--line-strong)}
.changelog-kinds-item{display:inline-flex;align-items:center;gap:8px}
.changelog-kinds-item i{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}
.changelog-kinds-item b{font-weight:500;color:var(--ink)}
.changelog-kinds-item[data-kind=site] i,.changelog-kinds-item[data-kind=method] i{background:var(--accent)}
.changelog-kinds-item[data-kind=catalogue] i{background:var(--good)}
.changelog-kinds-item[data-kind=policy] i,.changelog-kinds-item[data-kind=correction] i{background:var(--warning)}
.changelog-solo{max-width:860px}
.changelog-solo .changelog-month{margin-bottom:var(--sp-5)}
@media (max-width:700px){.changelog-kinds-total{border-right:0;padding-right:0;flex-basis:100%}}
.changelog-stamp{overflow:hidden}
.changelog-stamp>article{border-radius:0;box-shadow:none;background:none}
.changelog-kinds{margin-top:calc(-1*var(--sp-2))}
.prose .policy-checks>li,.prose .policy-checks>li+li{margin:0}
.doc-foot .mono{font-weight:400;color:var(--muted)}
.doc-foot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.doc-foot a:hover{color:var(--accent)}
.guide-list .guide-status{background:transparent;border-color:var(--line-strong);color:var(--muted)}
.guide-list .guide-status::before{background:var(--quiet)}
.guide-more{border-top:1px solid var(--line)}
.guide-more>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;font-size:var(--fs-13);font-weight:600;color:var(--ink);cursor:pointer;list-style:none}
.guide-more>summary::-webkit-details-marker{display:none}
.guide-more>summary::after{content:"+";font-size:18px;font-weight:400;color:var(--muted)}
.guide-more[open]>summary::after{content:"\2212"}
.guide-more>summary:hover{color:var(--accent)}
.guide-more[open]>summary{border-bottom:1px solid var(--line)}

/* providers list (tracked catalogue) */
.guide-shared{max-width:none;margin:0 0 var(--sp-5);padding:12px 16px;border-left:2px solid var(--line-strong);font-size:var(--fs-13);line-height:1.6;color:var(--muted)}
.guide-shared strong{color:var(--ink);font-weight:600}
.guide-providers{columns:2;column-gap:var(--sp-4)}
.guide-provider{break-inside:avoid;margin:0 0 var(--sp-5)}
.guide-provider h3{display:flex;align-items:center;gap:8px;margin:0 0 var(--sp-2);font:600 var(--fs-15)/1.3 var(--sans);letter-spacing:-.01em}
.guide-provider h3 .mono{font-size:12px;font-weight:500;color:var(--quiet)}
.doc-main .guide-entry.is-compact{grid-template-columns:minmax(0,1fr) auto;padding:9px 14px}
.guide-entry.is-compact .guide-copy{grid-column:1/-1;order:3}
.guide-entry.is-compact .guide-actions{gap:14px}
@media (max-width:1100px){.guide-providers{columns:1}}
@media (max-width:520px){.doc-main .guide-entry.is-compact{grid-template-columns:1fr}.guide-entry.is-compact .guide-actions{grid-column:1}}
/* policy at a glance */
.prose .policy-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:var(--sp-5) 0;max-width:none;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--panel);box-shadow:var(--rim);overflow:hidden}
.policy-glance>div{padding:18px 20px;min-width:0}
.policy-glance>div+div{border-left:1px solid var(--line)}
.policy-glance .eyebrow{display:block;margin:0 0 10px}
.prose .policy-glance ul{list-style:none;margin:0;padding:0;max-width:none;display:grid;gap:6px}
.prose .policy-glance li{margin:0;font-size:var(--fs-13);line-height:1.5;color:var(--ink);padding-left:16px;position:relative}
.policy-glance li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--line-strong)}
.policy-glance>div:nth-child(1) li::before{background:var(--warning)}
.policy-glance>div:nth-child(2) li::before,.policy-glance>div:nth-child(3) li::before{background:var(--good)}
@media (max-width:760px){.prose .policy-glance{grid-template-columns:1fr}.policy-glance>div+div{border-left:0;border-top:1px solid var(--line)}}

/* methodology: 60-second summary + folded sub-detail */
.method-glance{margin:0 0 var(--sp-5);padding:20px 22px 18px;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--panel);box-shadow:var(--rim)}
.method-glance .eyebrow{display:block;margin:0 0 12px}
.method-glance ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.method-glance li{display:flex;flex-direction:column;gap:4px;padding:0 16px;min-width:0;border-left:1px solid var(--line)}
.method-glance li:first-child{padding-left:0;border-left:0}
.method-glance li:last-child{padding-right:0}
.method-glance b{font:500 12px var(--mono);color:var(--quiet);letter-spacing:.06em}
.method-glance strong{font-size:var(--fs-15);font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--ink)}
.method-glance span{font-size:var(--fs-13);line-height:1.55;color:var(--muted)}
.doc-main>.method-glance:first-child{margin-top:0}
.doc-main>.method-glance+.prose{border-top:0}
@media (max-width:1200px){.method-glance ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4) 0}.method-glance li:nth-child(odd){padding-left:0;border-left:0}.method-glance li:last-child{grid-column:1/-1;padding-left:0;border-left:0}}
@media (max-width:560px){.method-glance ol{grid-template-columns:1fr}.method-glance li,.method-glance li:last-child{padding:12px 0 0;border-left:0;border-top:1px solid var(--line)}.method-glance li:first-child{border-top:0;padding-top:0}}
.prose .method-fold{margin:var(--sp-5) 0 0;max-width:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.method-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;font-size:var(--fs-18);font-weight:600;letter-spacing:-.015em;cursor:pointer;list-style:none}
.method-fold>summary::-webkit-details-marker{display:none}
.method-fold-meta{margin-left:auto;font-size:12px;font-weight:400;color:var(--quiet);letter-spacing:0}
.method-fold>summary::after{content:"+";font-size:20px;font-weight:400;color:var(--muted)}
.method-fold[open]>summary::after{content:"\2212"}
.method-fold>summary:hover{color:var(--accent)}
.method-fold[open]{padding-bottom:var(--sp-4)}
.method-fold[open]>summary{border-bottom:1px solid var(--line);margin-bottom:var(--sp-3)}
.doc-main .prose.doc-section{padding-top:var(--sp-5);padding-bottom:var(--sp-2)}
.method-glance ol>li,.method-glance ol>li+li{margin:0}

/* coding guide tables: calmer rows, clearer hierarchy */
.guide-table tbody th,.guide-table tbody td{padding:18px 16px}
.guide-table tbody th a,.guide-table tbody th>strong{font-size:var(--fs-15);font-weight:700;letter-spacing:-.01em}
.guide-table tbody th small{margin-top:3px;font-size:12px;color:var(--quiet);font-weight:400}
@media (min-width:701px){
  .guide-table{table-layout:fixed}
  .guide-table thead th:nth-child(1){width:18%}
  .guide-table thead th:nth-child(2){width:25%}
  .guide-table thead th:nth-child(3){width:28%}
  .guide-table thead th:nth-child(4){width:12%}
  .guide-table thead th:nth-child(5){width:17%}
  .guide-row-links a{display:block}
  .guide-row-links a+a{margin:6px 0 0}
}
.guide-table td .badge{background:none;border-color:transparent;padding-left:0;color:var(--muted);font-weight:500}
.guide-cohort>.section-heading{padding-bottom:var(--sp-1)}
.guide-cohort>.section-heading .guide-count{padding:2px 10px;border:1px solid var(--line);border-radius:var(--r-chip)}
/* ==== end page:guides-method ==== */

/* ==== page:prompts-offers ==== */
/* Prompts, /pro/, /developers/, /alerts/, /submit/, 404. Prompt CSS lives here (not next/prompts.css) so client-side navigation to /prompts/ is styled too. */
.page-meta b{font-weight:500;color:var(--ink)}
.page-meta code{font:var(--fs-12) var(--mono);color:var(--muted);background:var(--inset);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.page-meta .mono{font-family:var(--mono)}

/* --- Prompt library index --- */
.prompt-index{display:grid;grid-template-columns:232px minmax(0,1fr);gap:var(--sp-6);align-items:start;margin-top:var(--sp-2)}
.prompt-index>*{min-width:0}
.prompt-aside{position:sticky;top:calc(var(--nav-h) + 20px)}
.prompt-aside>.eyebrow{display:block;margin:0 0 var(--sp-2) 12px}
.prompt-filters{display:flex;flex-direction:column;gap:2px;margin:0}
.prompt-filters .chip{width:100%;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:6px 12px;border:0;border-radius:var(--r-control);background:transparent;color:var(--muted);font-size:var(--fs-13);font-weight:500;text-align:left;line-height:1.35}
.prompt-filters .chip .chip-label{flex:1;min-width:0}
.prompt-filters .chip>span:last-child{margin:0;font:400 var(--fs-12) var(--mono);color:var(--quiet);font-variant-numeric:tabular-nums}
.prompt-filters .chip:hover{background:var(--raised);color:var(--ink);border-color:transparent}
.prompt-filters .chip.is-active,.prompt-filters .chip[aria-pressed=true]{background:var(--hover);color:var(--ink);box-shadow:inset 2px 0 0 var(--accent)}
.prompt-filters .chip.is-active>span:last-child{color:var(--muted)}
.prompt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}
@media (max-width:1240px){.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.prompt-card.panel{position:relative;display:flex;flex-direction:column;gap:6px;min-height:112px;margin:0;padding:16px 16px 14px;border-color:var(--line);box-shadow:var(--rim);transition:background-color var(--t-state) var(--ease),border-color var(--t-state) var(--ease)}
.prompt-card.panel:hover{background:var(--raised);border-color:var(--line-strong)}
.prompt-card.panel:has(.prompt-card-link:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.prompt-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}
.prompt-group{font-size:var(--fs-12);font-weight:500;color:var(--quiet)}
.prompt-card h3{margin:0;font:600 15px/1.35 var(--sans);letter-spacing:-.01em}
.prompt-card h3 a,.prompt-card-link{color:var(--ink)}
.prompt-card-link::after{content:'';position:absolute;inset:0;border-radius:inherit}
.prompt-card .prompt-reason{margin:0;font-size:var(--fs-13);line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prompt-card-foot{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:10px;font-size:var(--fs-12);color:var(--quiet)}
.prompt-meta{font-family:var(--mono);font-variant-numeric:tabular-nums}
.prompt-variant{position:relative;z-index:2;font-size:var(--fs-12);font-weight:500;color:var(--muted)}
.prompt-variant:hover{color:var(--accent)}
.prompt-go{margin-left:auto;display:inline-flex;color:var(--faint);transition:transform var(--t-state) var(--ease),color var(--t-state) var(--ease)}
.prompt-go .icon{width:16px;height:16px}
.prompt-card:hover .prompt-go{color:var(--ink);transform:translateX(2px)}
.prompt-trust{max-width:var(--measure);margin:var(--sp-7) 0 var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--line)}
.prompt-trust h2{font:600 var(--fs-18)/1.3 var(--sans);letter-spacing:-.015em;margin:8px 0 10px}
.prompt-trust p{margin:0 0 10px;font-size:14px;line-height:1.65;color:var(--muted)}
.prompt-trust a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px}

/* --- Prompt detail --- */
.prompt-head h1{max-width:26ch}
.prompt-head .prompt-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:var(--sp-4)}
.prompt-head .prompt-tags .chip{min-height:26px;padding:2px 10px}
.prompt-variant-switch{width:auto;margin:0}
.prompt-detail{margin-top:var(--sp-2)}
.prompt-doc.panel{padding:0;margin-bottom:var(--sp-4)}
.prompt-doc-bar{position:sticky;top:var(--nav-h);z-index:5;display:flex;align-items:center;gap:var(--sp-3);padding:8px 8px 8px 16px;background:var(--raised);border-bottom:1px solid var(--line);border-radius:var(--r-card) var(--r-card) 0 0}
.prompt-doc-name{display:inline-flex;align-items:center;gap:8px;min-width:0;font:500 var(--fs-12) var(--mono);color:var(--muted)}
.prompt-doc-name .icon{flex:none;color:var(--quiet)}
.prompt-doc-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prompt-doc-meta{margin-left:auto;font-size:var(--fs-12);color:var(--quiet);white-space:nowrap}
.prompt-copy{flex:none}
pre.prompt-body{margin:0;max-height:min(70vh,46rem);padding:20px 24px 24px;border:0;border-radius:0 0 var(--r-card) var(--r-card);background:var(--bg);font:13px/1.75 var(--mono);color:var(--muted);tab-size:2}
.prompt-body code,.code-block code{background:none;border:0;padding:0;font:inherit;color:inherit;white-space:inherit}
.prompt-body .ph{color:var(--ink);font-weight:500}
.prompt-companion.panel{padding:0;margin-bottom:var(--sp-4)}
.prompt-companion summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;cursor:pointer;font-size:14px;font-weight:600;list-style:none}
.prompt-companion summary::-webkit-details-marker{display:none}
.prompt-companion summary::after{content:'';width:8px;height:8px;border-right:1.6px solid var(--quiet);border-bottom:1.6px solid var(--quiet);transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--t-state) var(--ease)}
.prompt-companion[open] summary::after{transform:rotate(-135deg)}
.prompt-companion[open] summary{border-bottom:1px solid var(--line)}
.prompt-companion-body{margin:0;max-height:min(50vh,28rem);padding:16px 20px;border:0;border-radius:0 0 var(--r-card) var(--r-card);background:var(--bg);font:12.5px/1.7 var(--mono);color:var(--muted)}
.prompt-notes-panel h2{margin-bottom:var(--sp-4)}
.prompt-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.prompt-notes>div{padding:0 var(--sp-5)}
.prompt-notes>div:first-child{padding-left:0}
.prompt-notes>div:last-child{padding-right:0}
.prompt-notes>div+div{border-left:1px solid var(--line)}
.prompt-notes h3{margin:0 0 8px;font:600 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--quiet)}
.prompt-notes p{margin:0;font-size:14px;line-height:1.65;color:var(--muted)}
.prompt-detail-aside .panel{padding:16px 18px;margin-bottom:var(--sp-3)}
.prompt-detail-aside h2{font:600 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);margin:0 0 var(--sp-3)}
.prompt-facts dl{margin:0}
.prompt-facts dl>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:var(--fs-13)}
.prompt-facts dl>div:first-child{border-top:0;padding-top:0}
.prompt-facts dt{color:var(--quiet)}
.prompt-facts dd{margin:0;color:var(--ink)}
.prompt-facts dd a{color:var(--accent)}
.prompt-tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line)}
.prompt-tag-list span{font:var(--fs-12)/1 var(--mono);color:var(--quiet);border:1px solid var(--line-strong);border-radius:6px;padding:4px 7px}
.prompt-more ul,.prompt-related{list-style:none;margin:0;padding:0}
.prompt-more li a,.prompt-related li a{display:block;padding:8px 0;border-top:1px solid var(--line);font-size:var(--fs-13);line-height:1.4;color:var(--ink)}
.prompt-more li:first-child a,.prompt-related li:first-child a{border-top:0;padding-top:0}
.prompt-more li a:hover,.prompt-related li a:hover{color:var(--accent)}
.prompt-all{display:inline-flex;align-items:center;gap:6px;margin-top:var(--sp-3);font-size:var(--fs-13);font-weight:500;color:var(--accent)}
.prompt-all .icon{width:14px;height:14px}
.prompt-detail-aside .quiet{font-size:var(--fs-12);margin:var(--sp-3) 0 0}
.prompt-detail-main>.disclosure{margin:var(--sp-5) 0 0;max-width:none}

/* --- Code blocks (developers, alerts) --- */
.code-block{margin:var(--sp-3) 0 0;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--bg);overflow:hidden}
.code-block-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 4px 3px 14px;background:var(--raised);border-bottom:1px solid var(--line)}
.code-block-label{font:500 var(--fs-12) var(--mono);color:var(--quiet)}
.code-block pre,.code-block pre code{font-weight:400;font-synthesis:none}
.listing-layout aside .code-block pre{white-space:pre;overflow-x:auto}
.code-block pre{margin:0;max-height:none;padding:14px 16px;border:0;border-radius:0;background:transparent;font:400 12.5px/1.8 var(--mono);letter-spacing:-.005em;font-synthesis:none;color:color-mix(in srgb,var(--ink) 88%,var(--bg))}

/* --- Pro --- */
.pro-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);margin:var(--sp-2) 0 var(--sp-4);align-items:stretch}
.pro-card.panel{display:flex;flex-direction:column;gap:0;margin:0;padding:24px}
.pro-card .eyebrow{display:block;margin-bottom:8px}
.pro-card h2{font:600 var(--fs-18)/1.3 var(--sans);letter-spacing:-.015em;margin:0 0 8px}
.pro-card>p.pro-copy{margin:0 0 var(--sp-5);min-height:6.6em;font-size:14px;line-height:1.6;color:var(--muted)}
.pro-tiers{display:grid;grid-template-columns:1fr 1fr;margin-bottom:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-panel);background:var(--inset);overflow:hidden}
.pro-tier{display:flex;flex-direction:column;gap:2px;padding:14px 16px;min-width:0}
.pro-tier+.pro-tier{border-left:1px solid var(--line)}
.pro-tier-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet)}
.pro-tier-value{margin-top:6px;display:flex;align-items:center;height:30px;font-weight:500;font-size:var(--fs-24);line-height:1.1;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.pro-tier-value.is-word{font-family:var(--sans);font-weight:600;font-size:20px;letter-spacing:-.015em}
.pro-tier-unit{font-size:var(--fs-12);color:var(--muted)}
.pro-tier-note{margin-top:6px;font-size:var(--fs-12);line-height:1.4;color:var(--quiet)}
.pro-card>p.pro-paid{flex:1;margin:0 0 var(--sp-5);font-size:var(--fs-13);line-height:1.6;color:var(--muted)}
.pro-card .button{align-self:flex-start;margin-top:0}
.pro-note{max-width:none;margin:0 0 var(--sp-5)}
.never-panel.panel{padding:28px}
.never-list{list-style:none;margin:var(--sp-4) 0 var(--sp-3);padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--sp-6)}
.never-list li,.never-list li+li{display:flex;gap:14px;padding:16px 0;margin:0;border-top:1px solid var(--line)}
.never-mark{flex:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--inset);color:var(--muted)}
.never-mark .icon{width:16px;height:16px}
.never-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.never-body strong{font-size:15px;font-weight:600;color:var(--ink)}
.never-body span{font-size:14px;line-height:1.6;color:var(--muted)}
.never-foot{margin:0;padding-top:var(--sp-4);border-top:1px solid var(--line);font-size:var(--fs-13);color:var(--quiet)}
.never-foot a{color:var(--accent)}

/* --- Forms and API docs (alerts, submit, developers) --- */
.layout-split.listing-layout{grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-6);margin-top:var(--sp-2)}
.form-panel.panel{display:flex;flex-direction:column;gap:var(--sp-4);padding:28px;margin:0}
.form-head h2{margin:0 0 6px;font:600 var(--fs-18)/1.3 var(--sans)}
.form-head p{margin:0;font-size:14px;line-height:1.6;color:var(--quiet);max-width:60ch}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);align-items:start}
.field-row>label{min-width:0}
.form-panel input,.form-panel select,.form-panel textarea{width:100%;min-height:40px}
.form-panel input[type=checkbox]{width:18px;min-height:18px}
.form-group{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;border:0}
.form-group legend{padding:0;margin-bottom:12px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet)}
.option-row{align-items:center;gap:12px;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--inset);cursor:pointer;font-size:14px}
.option-row:hover{border-color:var(--line-strong)}
.option-row:has(input:checked){border-color:var(--control-line);background:var(--raised)}
.option-row input{margin:0}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4);margin-top:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--line)}
.form-foot output{font-size:var(--fs-13);color:var(--muted)}
.form-note{max-width:none;margin:var(--sp-4) 0 var(--sp-5);font-size:var(--fs-12)}
.form-switch{margin:0}
.listing-layout aside .panel{padding:20px 22px;margin:0}
.listing-layout aside h2{margin:0 0 var(--sp-3);font:600 var(--fs-18)/1.3 var(--sans)}
.listing-layout aside p{font-size:var(--fs-13);line-height:1.6}
.listing-layout aside .quiet{color:var(--quiet)}
.listing-status-list.status-steps{margin:0;padding:0;list-style:none}
.listing-status-list.status-steps li{display:flex;flex-direction:column;gap:2px;padding:11px 0;border-top:1px solid var(--line);font-size:var(--fs-13);line-height:1.55}
.listing-status-list.status-steps li:first-child{border-top:0;padding-top:0}
.listing-status-list.status-steps strong{display:block;min-width:0;font-weight:600;color:var(--ink)}
.listing-status-list.status-steps span{color:var(--muted)}
.receipt-form{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}
.receipt-form label{margin:0}
.receipt-form output,.receipt-form p{margin:0}
.receipt-form label{width:100%}
.receipt-form input{width:100%}
.paid-form .button{margin-top:4px}
.listing-layout .code-block{margin-top:0}
.listing-layout .code-block+.code-block{margin-top:var(--sp-3)}
.tier-table{width:100%;font-size:var(--fs-13)}
.table-wrap+p,.table-wrap+.quiet{margin-top:var(--sp-3)}
.tier-table tbody th,.endpoint-table tbody th{position:static;background:transparent;text-transform:none;letter-spacing:0;font:600 var(--fs-13) var(--sans);color:var(--ink);text-align:left}
.endpoint-table td code,.listing-layout section>p code{font:var(--fs-13) var(--mono);background:var(--inset);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--ink);overflow-wrap:anywhere}
.endpoint-table td code{background:none;border:0;padding:0}
.endpoint-table td code i{font-style:normal;color:var(--quiet)}
.endpoint-table td{vertical-align:top}
.endpoint-table td:nth-child(2){white-space:nowrap}
.endpoint-table td:last-child{color:var(--muted)}
.method-tag{display:inline-block;padding:2px 7px;border:1px solid var(--line-strong);border-radius:5px;font:600 11px/1.3 var(--mono);letter-spacing:.04em;color:var(--muted)}
.layout-split.listing-layout .panel>h2{margin-top:0}
.layout-split.listing-layout .panel>p{max-width:none}

/* --- 404 --- */
.not-found .page-header{padding-top:var(--sp-8)}
.not-found-routes{margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--line)}
.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-3)}
.route-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 40px 16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--rim);color:var(--ink)}
.route-card:hover{background:var(--raised);border-color:var(--line-strong)}
.route-card strong{font-size:14px;font-weight:600}
.route-card span{font-size:var(--fs-13);line-height:1.5;color:var(--muted)}
.route-card i{position:absolute;right:16px;top:16px;display:inline-flex;color:var(--faint);transition:transform var(--t-state) var(--ease),color var(--t-state) var(--ease)}
.route-card i .icon{width:16px;height:16px}
.route-card:hover i{color:var(--ink);transform:translateX(2px)}

@media (max-width:1200px){
  .pro-grid{grid-template-columns:1fr 1fr}
  .pro-card>p.pro-copy{min-height:0}
  .route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .prompt-index{grid-template-columns:minmax(0,1fr);gap:var(--sp-4)}
  .prompt-aside{position:static}
  .prompt-aside>.eyebrow{display:none}
  .prompt-filters{flex-direction:row;flex-wrap:nowrap;gap:6px;overflow-x:auto;margin:0 calc(var(--gutter) * -1);padding:2px var(--gutter) 6px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent)}
  .prompt-filters::-webkit-scrollbar{display:none}
  .prompt-filters .chip{flex:none;width:auto;min-height:32px;border:1px solid var(--line-strong);border-radius:var(--r-chip);padding:4px 12px;white-space:nowrap}
  .prompt-filters .chip.is-active,.prompt-filters .chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:none}
  .prompt-detail-aside.is-sticky{position:static}
  .layout-split.listing-layout{grid-template-columns:minmax(0,1fr)}
  .never-list{grid-template-columns:1fr}
}
@media (max-width:700px){
  .prompt-grid{grid-template-columns:minmax(0,1fr)}
  .prompt-card.panel{min-height:0}
  .prompt-notes{grid-template-columns:1fr}
  .prompt-notes>div,.prompt-notes>div:first-child,.prompt-notes>div:last-child{padding:var(--sp-3) 0 0;margin-top:var(--sp-3);border-left:0;border-top:1px solid var(--line)}
  .prompt-notes>div:first-child{border-top:0;margin-top:0;padding-top:0}
  pre.prompt-body{padding:16px;max-height:60vh}
  .prompt-doc-meta{display:none}
  .prompt-doc-name{flex:1}
  .pro-grid{grid-template-columns:1fr}
  .pro-card.panel,.never-panel.panel{padding:20px}
  .field-row{grid-template-columns:1fr}
  .form-panel.panel{padding:20px}
  .endpoint-table td:nth-child(2){white-space:normal;overflow-wrap:anywhere}
  .route-grid{grid-template-columns:1fr}
  .not-found .page-header{padding-top:var(--sp-6)}
  .prompt-variant-switch{width:100%}
}
html[data-theme=light] .form-panel input:not([type=checkbox]):not([type=radio]),html[data-theme=light] .form-panel select,html[data-theme=light] .form-panel textarea,html[data-theme=light] .listing-layout aside input{background-color:#fff}

/* flat sections: no frame inside a frame (listing, API and form pages) */
.listing-layout>div>.panel:not(.form-panel){background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:var(--sp-5) 0 var(--sp-2);margin:0}
.listing-layout>div>.panel:not(.form-panel):first-child{border-top:0;padding-top:var(--sp-1)}
.listing-layout .panel .table-wrap{border:0;border-radius:0;box-shadow:none;background:none;overflow:auto}
.listing-layout .panel .table-wrap table{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.listing-layout .panel .table-wrap th:first-child,.listing-layout .panel .table-wrap td:first-child{padding-left:0}
.listing-layout .panel .table-wrap th:last-child,.listing-layout .panel .table-wrap td:last-child{padding-right:0}
.listing-layout .panel .code-block{border:0;border-radius:var(--r-panel);background:var(--inset);box-shadow:none}
.listing-layout .panel .code-block-bar{background:transparent;border-bottom:1px solid var(--line)}
.listing-layout .panel code:not(pre code){background:var(--inset);border:0}
.listing-layout .panel .endpoint-table td code{background:none}
html[data-theme=light] .listing-layout .panel .code-block{background:#f1f1f5}

/* sidebar: one framed surface with divided sections */
.listing-layout>aside{border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--rim);overflow:hidden;align-self:start}
.listing-layout>aside>.panel,.listing-layout>aside>section,.listing-layout>aside>form{background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;margin:0;padding:20px 22px}
.listing-layout>aside>:first-child{border-top:0}
.listing-layout aside .panel .code-block{background:var(--inset)}

/* 404 */
.not-found-stamp{display:block;margin:0 0 var(--sp-3);font:400 clamp(72px,12vw,144px)/.9 var(--mono);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px var(--line-strong);user-select:none}
.not-found-search{max-width:520px;margin:var(--sp-5) 0 0}
.not-found-search .eyebrow{display:block;margin-bottom:8px}
.nf-row{display:flex;gap:8px}
.nf-row input{flex:1;min-width:0}
.nf-row .button{flex:none}

/* prompts: clearer card hierarchy, quieter code */
.prompt-card.panel{min-height:148px;gap:8px}
.prompt-card .prompt-group{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet)}
.prompt-card h3{font-size:16px;letter-spacing:-.015em}
.prompt-card .prompt-reason{min-height:calc(1.55em*2)}
.prompt-card.is-featured{background:var(--raised)}
.prompt-card-foot .prompt-meta{font-weight:500}
.prompt-card-foot{border-top:1px solid var(--line);margin:auto -16px -14px;padding:10px 16px}
.prompt-aside .chip{border-radius:var(--r-control);justify-content:space-between}
.prompt-aside .chip.is-active,.prompt-aside .chip[aria-pressed=true]{background:var(--raised);border-color:var(--line-strong);color:var(--ink);box-shadow:inset 2px 0 0 var(--accent)}
.prompt-body,.prompt-body code{font-weight:400;font-synthesis:none;font-size:12.5px;line-height:1.85;color:color-mix(in srgb,var(--ink) 82%,var(--bg))}
.prompt-body .ph{color:var(--ink);font-weight:500}

/* pro: offer hierarchy */
.pro-card h2{font-size:20px;letter-spacing:-.02em}
.pro-tier:not(.is-paid) .pro-tier-value{color:var(--muted)}
.pro-tier.is-paid{background:color-mix(in srgb,var(--accent) 5%,transparent)}
.pro-tier.is-paid .pro-tier-label{color:var(--ink)}
.pro-tier.is-paid .pro-tier-value{color:var(--ink);font-size:28px}
.pro-tier.is-paid .pro-tier-value.is-word{font-size:22px}
.pro-card>p.pro-copy{color:var(--ink);opacity:.86}

/* code tokens */
.tk-key{color:var(--ink)}
.tk-str{color:var(--muted)}
.tk-url{color:var(--ink);text-decoration:none}
.tk-flag{color:var(--quiet)}
.tk-cmd{color:var(--accent)}
.code-block pre,.code-block pre code{color:var(--muted)}
.code-block pre .tk-key,.code-block pre .tk-url{color:var(--ink)}

/* submit / claim: flat form, grouped fields */
.listing-layout .form-panel.is-flat.panel{background:none;border:0;box-shadow:none;padding:0;gap:var(--sp-5)}
.form-panel.is-flat .form-group{padding:var(--sp-4) 0 0;border:0;border-top:1px solid var(--line);border-radius:0;gap:14px}
.form-panel.is-flat .form-head{padding-bottom:0}
.form-panel.is-flat .form-group legend{float:left;width:100%;margin:0 0 4px}
.form-panel.is-flat .form-group legend+*{clear:both}
.form-panel.is-flat .form-foot{border-top:1px solid var(--line)}
.listing-layout .panel code:not(pre code),.listing-layout code,.endpoint-table td code,.code-block code{font-weight:400;font-size:12.5px;font-synthesis:none}
.listing-layout .endpoint-table td code{color:var(--ink)}
.pro-card>p.pro-copy{min-height:5.2em}

/* block code: system monospace stack, light and crisp */
.code-block pre,.code-block pre code,.prompt-body,.prompt-body code,pre.prompt-body,.prompt-companion-body,.code-block-label{font-family:var(--code)}
.code-block pre,.code-block pre code,.prompt-body,.prompt-body code{font-size:13px;line-height:1.8;font-weight:400;letter-spacing:0}
.prompt-body .ph{font-weight:600}

/* prompt library: group sections */
.prompt-main{display:grid;gap:var(--sp-6)}
.prompt-group-section{margin:0}
.prompt-group-head{display:flex;align-items:baseline;justify-content:flex-start;gap:12px;margin:0 0 var(--sp-3);padding:0 0 var(--sp-2);border-bottom:1px solid var(--line)}
.prompt-group-head h2{margin:0;font:600 var(--fs-18)/1.3 var(--sans);letter-spacing:-.015em}
.prompt-group-count{font-size:12px;color:var(--quiet)}
.prompt-group-section[hidden]{display:none}
.prompt-card .prompt-card-top{justify-content:flex-end;min-height:0}
.prompt-card .prompt-reason{flex:none}
.prompt-card .prompt-card-top{position:absolute;top:14px;right:14px;min-height:0}
.prompt-card.is-featured h3{padding-right:76px}
.listing-layout code,.listing-layout .panel code:not(pre code),.endpoint-table td code{font-family:var(--code)}
/* ==== end page:prompts-offers ==== */