@font-face{font-family:"Bricolage";src:url(fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"InterV";src:url(fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --bg:#fbf8f4;--card:#ffffff;--soft:#f3efe9;--ink:#17142b;--mut:#625e75;--line:#e9e3da;
  --v:#5b3df5;--v-soft:#ece8ff;--c:#ff6b4a;--c-soft:#ffe9e3;--m:#0fa97a;--m-soft:#ddf6ec;--s:#ffb81c;--s-soft:#fff3d4;
  --r:18px;--sh:0 1px 2px rgba(23,20,43,.04),0 12px 32px -16px rgba(23,20,43,.18);
  --body:"InterV",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--disp:"Bricolage","InterV",ui-sans-serif,system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0f0d1a;--card:#191629;--soft:#221e35;--ink:#f2f0fa;--mut:#a9a4c0;--line:#2c2842;
  --v:#8f7bff;--v-soft:#2a2350;--c:#ff8a6e;--c-soft:#3a2224;--m:#3fd6a4;--m-soft:#16332b;--s:#ffc94d;--s-soft:#3a2f14;
  --sh:0 12px 32px -16px rgba(0,0,0,.6);
}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;
  background:radial-gradient(900px 500px at 85% -10%,color-mix(in srgb,var(--v) 16%,transparent),transparent 70%),
             radial-gradient(700px 420px at -10% 20%,color-mix(in srgb,var(--c) 12%,transparent),transparent 70%),var(--bg);background-attachment:fixed}
a{color:var(--v)}
h1,h2,h3{font-family:var(--disp);line-height:1.1;letter-spacing:-.02em}
.wrap{max-width:1120px;margin:auto;padding:0 20px}
.narrow{max-width:680px;margin:auto}
.muted{color:var(--mut)}.small{font-size:14px}.center{text-align:center}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--card);padding:8px 12px}
:focus-visible{outline:3px solid color-mix(in srgb,var(--v) 55%,transparent);outline-offset:2px}
.view{animation:in .4s cubic-bezier(.2,.8,.2,1)}
@keyframes in{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Header */
.top{position:sticky;top:0;z-index:10;backdrop-filter:blur(14px) saturate(1.5);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.top .wrap{display:flex;justify-content:space-between;align-items:center;height:64px;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font:700 18px var(--disp);color:var(--ink);text-decoration:none;white-space:nowrap;letter-spacing:-.02em}
.mark{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--v),var(--c));position:relative;flex:none;box-shadow:0 6px 16px -6px var(--v)}
.mark::after{content:"";position:absolute;inset:7px 11px;background:#fff;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
nav{display:flex;align-items:center;gap:4px}
nav a:not(.btn){color:var(--ink);text-decoration:none;font-weight:550;font-size:15px;padding:8px 12px;border-radius:999px;white-space:nowrap}
nav a:not(.btn):hover{background:var(--card)}
@media (max-width:680px){nav a:not(.btn){display:none}.logo{font-size:16px}}

/* Buttons */
.btn{font:inherit;font-weight:650;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .2s,border-color .2s}
.btn:hover{border-color:var(--v);transform:translateY(-1px)}
.btn:active{transform:scale(.97)}
.btn.primary{background:var(--v);border-color:var(--v);color:#fff;box-shadow:0 10px 24px -10px var(--v)}
.btn.primary:hover{box-shadow:0 14px 30px -10px var(--v)}
@media (prefers-color-scheme:dark){.btn.primary{color:#100c24}}
.btn.sm{padding:7px 14px;font-size:14px}
.btn.lg{padding:15px 26px;font-size:17px}
.btn.link{border:0;background:none;color:var(--v);padding:8px 0}
.btn:disabled{opacity:.35;cursor:default;transform:none}

/* Home */
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;padding:clamp(36px,7vw,80px) 0 28px}
@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-demo{max-width:460px}}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:6px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);margin:0 0 20px;box-shadow:var(--sh)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--m);box-shadow:0 0 0 4px var(--m-soft)}
h1{font-size:clamp(40px,6.6vw,74px);margin:0 0 18px;font-weight:800}
.mark-hl{position:relative;white-space:nowrap;background:linear-gradient(100deg,var(--v),var(--c));-webkit-background-clip:text;background-clip:text;color:transparent}
.mark-hl::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.14em;border-radius:9px;background:linear-gradient(90deg,var(--s),var(--c));opacity:.55;z-index:-1}
.lead{font-size:clamp(17px,2.1vw,19px);color:var(--mut);margin:0 0 28px;max-width:560px}
.cta{display:flex;gap:10px;flex-wrap:wrap}
.trust{list-style:none;padding:0;margin:34px 0 0;display:flex;gap:30px;flex-wrap:wrap;color:var(--mut);font-size:14px}
.trust b{display:block;color:var(--ink);font:800 28px var(--disp);letter-spacing:-.02em}
.hero-demo{position:relative;padding:26px 10px}
.demo-card{background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:0 30px 60px -30px color-mix(in srgb,var(--v) 55%,transparent)}
.demo-k{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
#demo .job{margin-bottom:10px;cursor:default;box-shadow:none}
#demo .job:last-child{margin-bottom:0}
.float{position:absolute;font-size:13px;font-weight:650;padding:8px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);animation:bob 5s ease-in-out infinite alternate;white-space:nowrap}
.f1{top:0;right:6%}.f2{bottom:4px;left:-2%;animation-delay:-2s}.f3{top:46%;right:-3%;animation-delay:-3.5s}
@keyframes bob{to{transform:translateY(-8px)}}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:30px 0}
.features article{border-radius:var(--r);padding:22px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);transition:transform .2s}
.features article:hover{transform:translateY(-3px)}
.fi{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;margin-bottom:12px}
.fi svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.c1 .fi{background:var(--v-soft);color:var(--v)}.c2 .fi{background:var(--m-soft);color:var(--m)}.c3 .fi{background:var(--s-soft);color:#b77d00}.c4 .fi{background:var(--c-soft);color:var(--c)}
@media (prefers-color-scheme:dark){.c3 .fi{color:var(--s)}}
.features h3{margin:0 0 6px;font-size:19px}.features p{margin:0;color:var(--mut);font-size:15px}
.notice{background:var(--s-soft);border-radius:var(--r);padding:16px 20px;margin:8px 0 48px;font-size:15px}

/* Quiz */
#v-quiz{padding-top:28px}
.qtop{display:flex;justify-content:space-between;align-items:center}
#qnum{font-weight:650;font-variant-numeric:tabular-nums}
.bar{height:10px;border-radius:10px;background:var(--soft);overflow:hidden;margin:14px 0 0}
#prog{height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,var(--v),var(--c));transition:width .3s cubic-bezier(.2,.8,.2,1)}
.qtext{font-size:clamp(26px,4.8vw,38px);min-height:3.3em;display:flex;align-items:center;justify-content:center;text-align:center;margin:22px 0 18px;padding:28px 22px;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);font-weight:750}
.qtext.go{animation:card .35s cubic-bezier(.2,.8,.2,1)}
@keyframes card{from{opacity:0;transform:translateX(30px) rotate(1.5deg)}}
.scale{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
@media (max-width:520px){.scale{grid-template-columns:1fr}}
.ans{font:inherit;font-size:17px;font-weight:650;text-align:left;padding:16px 18px 16px 46px;border-radius:16px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;position:relative;transition:transform .12s,border-color .15s,background .15s}
.ans::before{content:"";position:absolute;left:18px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--k)}
.ans:hover{transform:translateY(-2px)}
.ans[data-v="2"]{--k:var(--m)}.ans[data-v="1"]{--k:var(--v)}.ans[data-v="0"]{--k:#b9b4c6}.ans[data-v="-1"]{--k:var(--c)}
.ans:hover,.ans.on{border-color:var(--k);background:color-mix(in srgb,var(--k) 10%,var(--card))}

/* Results */
.res-head{margin:28px 0 8px;padding:clamp(22px,4vw,36px);border-radius:28px;color:#fff;background:linear-gradient(125deg,#4b2ee8,#8b3df5 45%,#ff6b4a);box-shadow:0 30px 60px -30px #5b3df5;position:relative;overflow:hidden}
.res-head::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12)}
.res-head h1{font-size:clamp(32px,5vw,50px);margin:0 0 10px;color:#fff}
.res-head p{margin:0 0 10px;opacity:.95}
.res-head.plain{color:var(--ink);background:none;box-shadow:none;padding:28px 0 0}
.res-head.plain h1{color:var(--ink)}.res-head.plain::after{display:none}
.ints{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.int{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);font-weight:600;font-size:14px;padding:6px 12px;border-radius:999px}
.actions{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.res-head .btn{background:rgba(255,255,255,.95);color:#2b1a8f;border-color:transparent}
.res-head .btn.ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.4)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 10px}
.toolbar p{margin:0;font-weight:600}
.tb-right{display:flex;gap:8px}
select,input{font:inherit;font-size:15px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;width:100%}
.tb-right select{width:auto;border-radius:999px;padding:9px 14px}
#fcount:not(:empty){background:var(--c);color:#fff;border-radius:99px;padding:0 7px;font-size:12px}
.filters{border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:14px;background:var(--card);box-shadow:var(--sh);animation:in .25s}
.frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.frow label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:650;color:var(--mut)}
.frow select,.frow input{background:var(--bg)}
.flabel{font-size:12px;font-weight:750;color:var(--mut);margin:16px 0 8px;text-transform:uppercase;letter-spacing:.06em}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font:inherit;font-size:14px;font-weight:550;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.chip.on{background:var(--v);color:#fff;border-color:var(--v)}
.group{display:flex;align-items:center;gap:10px;font-size:20px;margin:20px 0 2px;grid-column:1/-1}
.group::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--gc,var(--m));box-shadow:0 0 0 5px color-mix(in srgb,var(--gc,var(--m)) 18%,transparent)}
.group span{font:500 15px var(--body);color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.job{font:inherit;text-align:left;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:12px;box-shadow:var(--sh);transition:transform .2s,border-color .2s}
.job:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--v) 45%,var(--line))}
.jh{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.job h3{margin:0;font-size:18px;line-height:1.2}
.ring{--gc:var(--m);flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:800 13px var(--body);background:conic-gradient(var(--gc) calc(var(--p)*1%),var(--soft) 0);position:relative}
.ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--card)}
.ring b{position:relative}
.g2{--gc:var(--v)}.g3{--gc:#b9b4c6}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:12px}
.facts div{border-radius:12px;padding:7px 9px}
.facts div:nth-child(1){background:var(--m-soft)}.facts div:nth-child(2){background:var(--v-soft)}.facts div:nth-child(3){background:var(--s-soft)}
.facts b{display:block;font-size:14px}
.facts span{color:var(--mut)}
.why{margin:0;font-size:14px;color:var(--mut)}

/* Detail */
dialog{border:0;padding:0;background:transparent;color:var(--ink);width:min(740px,calc(100% - 20px));max-height:90vh}
dialog::backdrop{background:rgba(15,10,40,.5);backdrop-filter:blur(4px)}
dialog[open]{animation:pop .3s cubic-bezier(.2,.8,.2,1)}
@keyframes pop{from{opacity:0;transform:translateY(24px) scale(.98)}}
.sheet-in{position:relative;background:var(--card);border-radius:26px;padding:clamp(20px,4vw,32px);max-height:90vh;overflow:auto}
.sheet-in h2{font-size:clamp(24px,4vw,32px);margin:0 52px 6px 0}
.close{position:absolute;top:16px;right:16px;width:40px;height:40px;padding:0}
.lvl{display:inline-block;font-size:12px;font-weight:750;padding:3px 9px;border-radius:999px;background:var(--m-soft);color:var(--m)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:16px 0}
.kpi{border-radius:16px;padding:14px}
.kpi:nth-child(1){background:var(--m-soft)}.kpi:nth-child(2){background:var(--v-soft)}.kpi:nth-child(3){background:var(--c-soft)}.kpi:nth-child(4){background:var(--s-soft)}
.kpi b{display:block;font:800 24px var(--disp);letter-spacing:-.02em}
.kpi span{font-size:13px;color:var(--mut)}
.sheet-in h3{font:750 12px var(--body);text-transform:uppercase;letter-spacing:.07em;color:var(--mut);margin:22px 0 6px}
.sheet-in p{margin:0 0 8px}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{font-size:13px;background:var(--soft);border-radius:999px;padding:4px 10px}
.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.links a{display:block;border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-decoration:none;color:var(--ink);font-weight:650;transition:border-color .15s,transform .15s}
.links a:hover{border-color:var(--v);transform:translateY(-2px)}
.links small{display:block;color:var(--mut);font-weight:500}
.note{font-size:12px;color:var(--mut);margin-top:16px}

.prose{max-width:780px;padding:32px 0 40px}
.prose h1{font-size:clamp(32px,5vw,46px)}
.prose h2{font-size:22px;margin:30px 0 8px}
.prose li{margin:6px 0}

.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:11px 20px;border-radius:999px;font-weight:650;z-index:50;box-shadow:var(--sh)}
footer{border-top:1px solid var(--line);margin-top:48px;padding:26px 0 44px;color:var(--mut);font-size:14px}
footer p{margin:4px 0}footer a{color:var(--mut)}
.steps{list-style:none;padding:0;margin:20px 0 26px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:760px){.steps{grid-template-columns:1fr}}
.steps li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--sh)}
.steps b{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;font:800 17px var(--disp);margin-bottom:10px}
.steps .c1 b{background:var(--v-soft);color:var(--v)}.steps .c2 b{background:var(--m-soft);color:var(--m)}.steps .c4 b{background:var(--c-soft);color:var(--c)}
.steps h3{margin:0 0 4px;font-size:20px}.steps p{margin:0;color:var(--mut)}
.ai{margin:0;font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px}
.ai i,.ai-box i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--k)}
.ai1{--k:var(--m)}.ai2{--k:var(--s)}.ai3{--k:var(--c)}
.ai-box{border-radius:16px;padding:14px 16px;background:color-mix(in srgb,var(--k) 12%,var(--card));border:1px solid color-mix(in srgb,var(--k) 35%,transparent);margin-bottom:6px}
.ai-box b{display:flex;align-items:center;gap:8px}.ai-box p{margin:4px 0 0;font-size:14px;color:var(--mut)}
.crumbs{font-size:14px;color:var(--mut);margin:0 0 10px}.crumbs a{color:var(--mut)}
.job-page h1{font-size:clamp(30px,5vw,44px);margin-bottom:6px}
.job-page ul{padding-left:20px}
.near{display:flex;flex-wrap:wrap;gap:8px}
.near a{text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-weight:600;font-size:14px}
.near a:hover{border-color:var(--v)}
.cta-box{margin:30px 0;padding:24px;border-radius:24px;color:#fff;background:linear-gradient(125deg,#4b2ee8,#8b3df5 45%,#ff6b4a)}
.cta-box h2{color:#fff;margin:0 0 6px}.cta-box p{opacity:.95}
.cta-box .btn.primary{background:#fff;color:#2b1a8f;border-color:#fff;margin-top:8px}
.az{display:flex;flex-wrap:wrap;gap:6px}.az a{font-weight:700;text-decoration:none;padding:4px 9px;border-radius:8px;background:var(--card);border:1px solid var(--line)}
.az-list{columns:2 280px;padding-left:18px}.az-list li{margin:4px 0;break-inside:avoid}
.scale.many{grid-template-columns:1fr}
.scale.many .ans{padding:13px 16px 13px 46px;font-size:16px}
.scale.many .ans::before{--k:var(--v)}
/* v12: readable fixes */
.scale.many .ans[data-v]{--k:var(--v)}
#regq{margin-bottom:4px;border-radius:14px;padding:13px 16px;font-size:16px}
.res-head{background:linear-gradient(135deg,#2e1aa8,#5424c4 55%,#93285f)}
.res-head p{opacity:1}
.res-head .int{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.45);white-space:normal;line-height:1.3}
#tsize{min-width:44px}
html[data-size="1"] body{zoom:1.15}
html[data-size="2"] body{zoom:1.3}
/* Accessibility panel */
.a11yp{position:fixed;top:70px;right:12px;z-index:30;width:min(340px,calc(100% - 24px));background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 20px 50px -20px rgba(0,0,0,.4)}
.a11y-t{font:800 20px var(--disp);margin:0 0 4px}
.a11y-size{display:flex;gap:6px;margin-bottom:10px}
.a11y-opt{display:flex;align-items:center;gap:10px;padding:10px 0;font-weight:600;border-top:1px solid var(--line);cursor:pointer}
.a11y-opt input{width:22px;height:22px;accent-color:var(--v)}
#a11yclose{margin-top:10px}
/* Strong contrast: plain white background, black text, solid dark panels, underlined links */
html.a11y-contrast{--bg:#fff;--card:#fff;--soft:#f0f0f0;--ink:#000;--mut:#1f1f1f;--line:#000;--v:#2a00b8;--v-soft:#e6e0ff;--c:#a3200a;--c-soft:#fde3dc;--m:#00613f;--m-soft:#ddf3e9;--s:#6b4700;--s-soft:#fff0cc}
html.a11y-contrast body{background:#fff}
html.a11y-contrast .res-head,html.a11y-contrast .cta-box{background:#1b0f6b}
html.a11y-contrast a{text-decoration:underline}
html.a11y-contrast .btn,html.a11y-contrast .ans,html.a11y-contrast .job,html.a11y-contrast .chip{border-width:2px}
html.a11y-contrast .grad,html.a11y-contrast .mark-hl{background:none;color:var(--v);-webkit-text-fill-color:var(--v)}
/* Colour-blind friendly palette (Okabe-Ito): blue / orange / vermilion instead of green / yellow / red */
html.a11y-cb{--m:#0072b2;--m-soft:#dcebf7;--s:#e69f00;--s-soft:#fdf0d4;--c:#d55e00;--c-soft:#fbe4d4}
/* More spacing for easier reading (dyslexia, low vision) */
html.a11y-spacing body{letter-spacing:.04em;word-spacing:.14em;line-height:1.85}
/* No animation */
html.a11y-motion *,html.a11y-motion *::before{animation:none!important;transition:none!important}
.top .wrap{min-width:0}
.logo{min-width:0;flex:1 1 auto;white-space:normal;line-height:1.15}
nav{flex:none}
@media (max-width:420px){.logo{font-size:14px}.top .btn.sm{padding:7px 10px}}
@media (max-width:420px){html[data-size="1"] .logo,html[data-size="2"] .logo{font-size:0;gap:0}}
.grid{grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr))}
.tb-right{flex-wrap:wrap;max-width:100%}
.tb-right select{max-width:100%}
.features,.steps,.frow,.kpis,.links{min-width:0}
.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}}
h1,.lead{overflow-wrap:break-word}
.mark-hl{white-space:normal}
.facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.facts div{min-width:0;overflow-wrap:anywhere}
#a11y{gap:6px}
.a11y-ico{width:20px;height:20px;flex:none}
@media (max-width:420px){.a11y-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}#a11y{padding:7px 9px}}
/* Phones: logo mark only, so the accessibility button keeps its label */
@media (max-width:420px){.logo{font-size:0;gap:0;flex:0 0 auto}.a11y-lbl{position:static;width:auto;height:auto;overflow:visible;clip:auto}#a11y{padding:7px 10px}}
.qtop{gap:10px}
#qnum{flex:1;text-align:right}
.snd{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;flex:none}
.snd svg{width:22px;height:22px}
.snd[aria-pressed="true"]{color:var(--mut)}