/* Viberschecklist — preflight card. Tokens from the brief, §5. */

/* Self-hosted from Google Fonts (SIL OFL 1.1, licences in /fonts/). */
@font-face { font-family:"Atkinson Hyperlegible Next"; font-style:normal; font-weight:400 800; font-display:swap; src:url("/fonts/atkinson-hyperlegible-next-latin-ext.woff2") format("woff2"); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family:"Atkinson Hyperlegible Next"; font-style:normal; font-weight:400 800; font-display:swap; src:url("/fonts/atkinson-hyperlegible-next-latin.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"B612"; font-style:normal; font-weight:400; font-display:swap; src:url("/fonts/b612-400-latin.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"B612"; font-style:normal; font-weight:700; font-display:swap; src:url("/fonts/b612-700-latin.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"B612 Mono"; font-style:normal; font-weight:400; font-display:swap; src:url("/fonts/b612-mono-400-latin.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --surface:#E9EEEC; --card:#F8FAF9; --ink:#14202B; --ink-2:#4A5964; --leader:#A3AFAB; --rule:#D3DBD8;
  --field-border:#5E6E78; --brand:#1F3A5F; --on-brand:#FFFFFF;
  --clear:#1A6E43; --clear-bg:#D7EEDF; --caution:#8A5300; --caution-bg:#FCE7B8;
  --warning:#B3261E; --warning-bg:#F8D8D4; --advisory:#0A5F80; --advisory-bg:#D3ECF5; --heavy:#14202B;
  --shadow:0 1px 2px rgb(20 32 43/.06), 0 10px 28px rgb(20 32 43/.08);
  --sans:"Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;
  --deck:"B612", system-ui, sans-serif;
  --mono:"B612 Mono", ui-monospace, monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
  --measure:30em;
  color-scheme:light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="day"]) {
    --surface:#0E151C; --card:#15202A; --ink:#E3EAE7; --ink-2:#9DAAB3; --leader:#3D4C57; --rule:#243340;
    --field-border:#71818C; --brand:#9CC0F0; --on-brand:#0E151C;
    --clear:#5BD08F; --clear-bg:#12301F; --caution:#F4B740; --caution-bg:#33260A;
    --warning:#FF7A6E; --warning-bg:#3A1512; --advisory:#6CCFF2; --advisory-bg:#0C2A36; --heavy:#9DAAB3;
    --shadow:0 1px 2px rgb(0 0 0/.35), 0 12px 32px rgb(0 0 0/.4);
    color-scheme:dark;
  }
}
:root[data-theme="night"] {
  --surface:#0E151C; --card:#15202A; --ink:#E3EAE7; --ink-2:#9DAAB3; --leader:#3D4C57; --rule:#243340;
  --field-border:#71818C; --brand:#9CC0F0; --on-brand:#0E151C;
  --clear:#5BD08F; --clear-bg:#12301F; --caution:#F4B740; --caution-bg:#33260A;
  --warning:#FF7A6E; --warning-bg:#3A1512; --advisory:#6CCFF2; --advisory-bg:#0C2A36; --heavy:#9DAAB3;
  --shadow:0 1px 2px rgb(0 0 0/.35), 0 12px 32px rgb(0 0 0/.4);
  color-scheme:dark;
}

/* Base */
*, *::before, *::after { box-sizing:border-box; }
[hidden] { display:none !important; }
html { -webkit-text-size-adjust:100%; scroll-padding-top:88px; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior:smooth; } }
body { margin:0; background:var(--surface); color:var(--ink); font:400 18px/1.6 var(--sans); caret-color:var(--brand); -webkit-font-smoothing:antialiased; }
::selection { background:color-mix(in srgb, var(--brand) 25%, transparent); }
a { color:var(--brand); text-underline-offset:.15em; text-decoration-thickness:1px; }
a:hover { text-decoration-thickness:2px; }
:focus-visible { outline:2px solid var(--brand); outline-offset:2px; }
h1, h2, h3, h4 { margin:0; text-wrap:balance; }
p { margin:0; text-wrap:pretty; }
ul, ol { margin:0; padding:0; }
code, .mono { font-family:var(--mono); font-size:15px; line-height:1.55; }
button { font-family:inherit; }
.wrap { max-width:1232px; margin:0 auto; padding:0 32px; }
.vh { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.sprite { position:absolute; width:0; height:0; overflow:hidden; }
.ico { width:16px; height:16px; flex:none; }

/* Skip link */
.skip { position:absolute; left:12px; top:-120px; z-index:100; padding:12px 16px; background:var(--card); color:var(--brand); font-weight:700; border-radius:6px; }
.skip:focus { top:12px; }

/* Header */
.site-head { position:sticky; top:0; z-index:20; background:var(--surface); border-bottom:1px solid var(--rule); }
.head-in { position:relative; display:flex; align-items:center; gap:16px; min-height:68px; }
.logo { display:inline-flex; align-items:center; gap:.38em; font:800 22px/1 var(--sans); letter-spacing:-.01em; color:var(--ink); text-decoration:none; min-height:44px; }
.logo svg { width:.74em; height:.74em; }
.logo:hover { text-decoration:none; }
.nav { margin-left:auto; }
.nav ul { display:flex; gap:4px; list-style:none; }
.nav a { display:inline-flex; align-items:center; min-height:44px; padding:0 12px; color:var(--ink); font-weight:700; font-size:16px; text-decoration:none; border-radius:6px; }
.nav a:hover { text-decoration:underline; }
.icon-btn { display:inline-grid; place-items:center; width:44px; height:44px; padding:0; background:transparent; color:var(--ink); border:1px solid var(--field-border); border-radius:6px; cursor:pointer; }
.icon-btn svg { width:20px; height:20px; }
.theme-btn .ti { display:none; }
html[data-theme-pref="system"] .ti-system, html[data-theme-pref="day"] .ti-day, html[data-theme-pref="night"] .ti-night { display:block; }
.menu-btn { display:none; min-height:44px; padding:0 14px; background:transparent; color:var(--ink); border:1px solid var(--field-border); border-radius:6px; font:700 16px var(--sans); cursor:pointer; }
@media (max-width: 760px) {
  .nav ul { flex-wrap:wrap; }
  .js .menu-btn { display:inline-flex; align-items:center; margin-left:auto; }
  .js .nav { display:none; position:absolute; left:0; right:0; top:100%; margin:0; padding:8px 32px 16px; background:var(--surface); border-bottom:1px solid var(--rule); }
  .js .nav.is-open { display:block; }
  .js .nav ul { flex-direction:column; }
  .js .nav a { width:100%; padding:0; }
}
@media (max-width: 360px) {
  .head-in { gap:10px; }
  .logo { font-size:19px; }
  .js .menu-btn { padding:0 10px; }
}

/* Buttons and fields */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 20px; border:1px solid transparent; border-radius:6px; font:700 17px/1.2 var(--sans); text-decoration:none; cursor:pointer; text-align:center; }
.btn-primary { background:var(--brand); color:var(--on-brand); }
.btn-primary:hover { background:color-mix(in srgb, var(--brand) 86%, var(--ink)); }
.btn-secondary { background:var(--card); color:var(--ink); border-color:var(--field-border); }
.btn-secondary:hover { background:var(--surface); }
.btn[disabled], .btn[aria-disabled="true"] { cursor:progress; }
.btn-sm { min-height:44px; padding:0 14px; font-size:16px; }
.text-btn { display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 4px; background:none; border:0; color:var(--brand); font:700 16px var(--sans); text-decoration:underline; text-underline-offset:.15em; text-decoration-thickness:1px; cursor:pointer; }
.text-btn:hover { text-decoration-thickness:2px; }
.field-label { display:block; margin-bottom:8px; font-weight:700; font-size:17px; }
.field-row { display:flex; gap:10px; }
.field { flex:1; min-width:0; height:52px; padding:0 14px; background:var(--card); color:var(--ink); border:1px solid var(--field-border); border-radius:6px; font:400 16px var(--mono); }
.field::placeholder { color:var(--ink-2); opacity:1; }
.field[aria-invalid="true"] { border-color:var(--warning); box-shadow:inset 0 0 0 1px var(--warning); }
.field[readonly] { background:var(--surface); }
.field-error { display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin-top:12px; color:var(--warning); font-weight:700; font-size:17px; line-height:1.4; }
.field-error .ico { align-self:flex-start; margin-top:3px; }
.field-error span { flex:1 1 220px; }
.noscript { margin-top:10px; font-size:16px; }
.js noscript { display:none; }
.check-btn { flex:none; min-height:52px; }
.check-btn .spin { display:none; width:16px; height:16px; }
.is-busy .check-btn .spin { display:block; }
@media (max-width: 640px) {
  .field-row { flex-direction:column; }
  .field, .check-btn { height:48px; min-height:48px; width:100%; }
}

/* Card */
.card { background:var(--card); border-radius:8px; box-shadow:var(--shadow); padding:28px 32px; }
@media (max-width: 640px) { .card { padding:20px 16px; } }
.card-title { font:700 21px/1.3 var(--sans); margin-bottom:10px; }
.card-title .mono { font-size:16px; font-weight:400; }

/* Hero */
.hero { border-bottom:2px solid var(--heavy); }
.hero:focus { outline:none; }
.h1 { font:800 60px/1.05 var(--sans); letter-spacing:-.02em; text-wrap:balance; max-width:13ch; }
.lede { margin-top:24px; max-width:56ch; }
.hero-a .lede { max-width:50ch; font-size:21px; line-height:1.5; color:var(--ink-2); }
.hero-a-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,540px); gap:72px; align-items:end; padding-top:96px; }
.hero-a-text { padding-bottom:112px; }
.hero-a .check-form { margin-top:40px; max-width:600px; }
.hero-a .field, .hero-a .check-btn { height:56px; min-height:56px; }
.hero-a .field { font-size:17px; }
.trust-list { display:flex; flex-wrap:wrap; gap:6px 24px; margin-top:18px; list-style:none; color:var(--ink-2); font-size:16px; line-height:1.45; }
.trust-list li { display:flex; align-items:flex-start; gap:8px; }
.trust-list .ico { margin-top:2px; }

/* The laminated sample card */
.hero-card { position:relative; z-index:1; margin-bottom:-104px; padding:30px 32px 18px; transform:rotate(-1deg); transform-origin:50% 30%; }
.punch { position:absolute; top:24px; right:26px; width:18px; height:18px; border-radius:50%; background:var(--surface); border:1px solid var(--leader); }
.hc-head { padding:0 44px 16px 0; border-bottom:2px solid var(--heavy); }
.hc-title { font:700 21px/1.3 var(--sans); }
.hc-title .mono { font-size:16px; font-weight:400; }
.hc-group { padding:14px 0 6px; }
.hc-group + .hc-group { border-top:1px solid var(--rule); }
.hc-gh { margin-bottom:2px; color:var(--ink-2); font:700 16px/1.3 var(--sans); }
.hero-card .claim { font-size:16px; }
.hc-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0 16px; margin-top:8px; padding-top:6px; border-top:2px solid var(--heavy); color:var(--ink-2); font-size:15px; }
.hc-foot .see { display:inline-flex; align-items:center; min-height:44px; font-weight:700; font-size:16px; }
.hero-card [data-i="1"] { --i:1; } .hero-card [data-i="2"] { --i:2; } .hero-card [data-i="4"] { --i:4; }
.hero-card [data-i="5"] { --i:5; } .hero-card [data-i="6"] { --i:6; } .hero-card [data-i="8"] { --i:8; }
@media (prefers-reduced-motion: no-preference) {
  .js .hero-card .leader { animation:draw 240ms var(--ease) both; animation-delay:calc(450ms + var(--i, 0) * 30ms); }
  .js .hero-card .resp { animation:chip 120ms linear both; animation-delay:calc(690ms + var(--i, 0) * 30ms); }
}
.has-results .hero-a-grid { grid-template-columns:minmax(0,1fr); }
.has-results .hero-card { display:none; }
#checker.has-results ~ #sample { display:none; }
.has-results .hero-a-text { padding-bottom:40px; }
.results-a { padding-bottom:72px; }
@media (max-width: 1000px) {
  .hero-a-grid { grid-template-columns:minmax(0,1fr); gap:48px; padding-top:64px; }
  .hero-a-text { padding-bottom:0; }
  .hero-card { max-width:600px; margin-bottom:-64px; transform:none; }
}
@media (max-width: 640px) {
  .h1 { font-size:40px; }
  .hero-a .lede { font-size:18px; line-height:1.6; }
  .hero-a-grid { padding-top:40px; gap:40px; }
  .hero-a .field, .hero-a .check-btn { height:48px; min-height:48px; }
  .trust-list { flex-direction:column; }
  .hero-card { padding:22px 16px 10px; }
  .punch { top:18px; right:16px; }
  .hc-g3, .hero-card [data-i="5"] { display:none; }
}

/* Checklist lines */
.lines { list-style:none; container-type:inline-size; }
.line-row { display:flex; align-items:flex-start; gap:12px; width:100%; padding:8px 0; }
.line-btn { width:calc(100% + 16px); min-height:44px; margin:0 -8px; padding:8px; background:none; border:0; border-radius:4px; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.line-btn:hover { background:var(--surface); }
.line-btn[aria-expanded="true"] .claim { text-decoration:underline; text-decoration-color:var(--leader); text-underline-offset:.2em; }
.claim { flex:0 1 auto; min-width:0; padding-top:2px; font:400 17px/1.45 var(--deck); overflow-wrap:break-word; }
.leader { flex:1 1 24px; min-width:24px; height:21px; background-image:radial-gradient(circle at 1.5px 1.5px, var(--leader) 1.25px, transparent 1.6px); background-size:6px 3px; background-repeat:repeat-x; background-position:0 100%; transform-origin:left center; }
.resp { flex:none; display:inline-flex; align-items:center; gap:6px; padding:3px 8px; border-radius:4px; font:700 15px/1.3 var(--deck); white-space:nowrap; font-variant-numeric:tabular-nums; }
.resp-fail { color:var(--warning); background:var(--warning-bg); }
.resp-warn { color:var(--caution); background:var(--caution-bg); }
.resp-check, .resp-optional { color:var(--advisory); background:var(--advisory-bg); }
.resp-pass { color:var(--clear); background:var(--clear-bg); }
.resp-wait, .resp-empty { color:var(--ink-2); font-weight:400; background:none; padding-inline:0; }
@container (max-width: 330px) { .leader { display:none; } .claim { flex:1 1 auto; } }
@media (max-width: 640px) { .claim { font-size:16px; } }
.line-panel { padding:4px 0 18px; }
.detail { max-width:var(--measure); font-size:17px; }
.also { margin-bottom:6px; color:var(--ink-2); font-size:15px; }
.prompt { display:grid; gap:10px; justify-items:start; margin-top:14px; padding:16px; background:var(--surface); border-radius:6px; }
.prompt-label { color:var(--ink-2); font-size:15px; font-weight:700; }
.prompt-text { max-width:76ch; font:400 15px/1.55 var(--mono); white-space:pre-wrap; overflow-wrap:anywhere; }
@media (max-width: 640px) { .prompt .btn { width:100%; } }
.note p { padding:10px 0; max-width:var(--measure); font-size:17px; }
.note .text-btn { display:inline; min-height:0; padding:0; font-size:17px; }
.note-link { font-weight:700; }
.group-note { padding:6px 0; color:var(--ink-2); font-size:16px; }

/* Skeleton */
.skel { padding:14px 0; }
.skel-bar { display:block; height:3px; width:88%; background-image:radial-gradient(circle at 1.5px 1.5px, var(--leader) 1.25px, transparent 1.6px); background-size:6px 3px; background-repeat:repeat-x; }
.skel:nth-child(2) .skel-bar { width:72%; }
.skel:nth-child(3) .skel-bar { width:80%; }

/* Report */
.report { transition:none; }
.addr { display:flex; flex-wrap:wrap; align-items:center; gap:0 14px; color:var(--ink-2); font-size:16px; }
.addr .mono { color:var(--ink); }
.addr .text-btn { margin-left:auto; }
.strip { list-style:none; margin-top:12px; padding:10px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); container-type:inline-size; }
.strip li { display:flex; align-items:flex-start; gap:12px; padding:5px 0; }
.strip-resp { flex:0 1 auto; display:inline-flex; align-items:flex-start; gap:6px; max-width:58%; padding-top:3px; font:700 15px/1.35 var(--deck); text-align:right; }
.strip-resp .ico { margin-top:1px; }
.strip-resp.is-checking { color:var(--ink-2); font-weight:400; }
.strip-resp.is-done { color:var(--clear); }
.strip-resp.is-failed { color:var(--warning); }
.strip-resp.is-unavailable { color:var(--advisory); }
.spin-sm { width:14px; height:14px; margin-top:2px; }
@container (max-width: 420px) {
  .strip li { flex-wrap:wrap; gap:2px 12px; padding:6px 0; }
  .strip .leader { display:none; }
  .strip-resp { flex:1 1 100%; max-width:none; text-align:left; }
}
.verdict-box { margin-top:24px; }
.verdict { font:800 36px/1.12 var(--sans); letter-spacing:-.015em; }
.verdict-sub { margin-top:8px; max-width:var(--measure); }
.verdict-wait { padding:8px 0; color:var(--ink-2); font-size:17px; }
.verdict:empty, .verdict-sub:empty { display:none; }
.platform-note { margin-top:14px; max-width:var(--measure); color:var(--ink-2); font-size:16px; }
.actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:24px; }
.tip, .share-note, .same-note { margin-top:12px; max-width:var(--measure); color:var(--ink-2); font-size:16px; }
.copy-fallback { margin-top:12px; padding:16px; background:var(--surface); border-radius:6px; }
.sample-note { margin-bottom:20px; padding:14px 16px; max-width:var(--measure); background:var(--surface); border-radius:6px; font-size:17px; }
.report.is-dim .verdict-box, .report.is-dim .first, .report.is-dim .groups, .report.is-dim .platform-note { opacity:.6; }
.first { margin-top:32px; padding-top:20px; border-top:1px solid var(--warning); }
.first.is-advisory { border-top-color:var(--advisory); }
.first h3, .group h3 { font:700 21px/1.3 var(--sans); }
.first-list { list-style:none; margin-top:6px; container-type:inline-size; }
.first-item { padding:12px 0 20px; }
.first-item + .first-item { border-top:1px solid var(--rule); }
.first-item .detail { margin-top:4px; }
.howto { margin-top:10px; font-size:17px; }
.groups { margin-top:32px; }
.group { padding:24px 0 16px; border-top:1px solid var(--rule); }
.group-head { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 16px; margin-bottom:6px; }
.count { color:var(--ink-2); font-size:16px; font-variant-numeric:tabular-nums; }
.clear-toggle { margin-top:2px; margin-left:-4px; }
.js .group:not(.show-clear) .line[data-kind="pass"] { display:none; }
@media (max-width: 640px) {
  .verdict { font-size:28px; }
  .actions { flex-direction:column; align-items:stretch; }
  .addr .text-btn { margin-left:-4px; }
}

/* Motion: the line lands */
@media (prefers-reduced-motion: no-preference) {
  .line.is-landing .leader { animation:draw 240ms var(--ease) both; animation-delay:var(--d, 0ms); }
  .line.is-landing .resp { animation:chip 120ms linear both; animation-delay:calc(var(--d, 0ms) + 240ms); }
  .skel-bar { animation:pulse 1.6s ease-in-out infinite; }
  .is-busy .check-btn .spin, .spin-sm { animation:spin 1.2s linear infinite; }
}
@keyframes draw { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes chip { from { opacity:0; } to { opacity:1; } }
@keyframes pulse { 50% { opacity:.35; } }
@keyframes spin { to { transform:rotate(360deg); } }

/* Sections: printed-document grid, heavy rule on top of each */
.wrap.sec { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:28px 64px; max-width:none; margin:96px max(32px, calc((100% - 1168px) / 2)) 0; padding:36px 0 0; border-top:2px solid var(--heavy); }
.sec-head { align-self:start; position:sticky; top:100px; }
.sec-body { min-width:0; }
.sec-wide { grid-column:1 / -1; }
.section-h { font:800 36px/1.12 var(--sans); letter-spacing:-.015em; }
.section-intro { margin-top:12px; max-width:var(--measure); color:var(--ink-2); }
.sec-body.section-intro { margin-top:4px; }
.hero:not(.has-results) + .how .sec { margin-top:200px; }
.steps { list-style:none; }
.steps li { display:grid; grid-template-columns:44px minmax(0,5fr) minmax(0,7fr); gap:6px 24px; padding:22px 0 26px; border-bottom:1px solid var(--rule); }
.steps li:first-child { padding-top:4px; }
.steps li:last-child { border-bottom:0; }
.step-n { display:inline-grid; place-items:center; width:30px; height:30px; border:2px solid var(--ink); border-radius:3px; font:700 15px/1 var(--deck); font-variant-numeric:tabular-nums; }
.steps h3 { padding-top:1px; font:700 21px/1.3 var(--sans); }
.printed { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:0 48px; }
.pgroup { padding:28px 0 8px; border-top:1px solid var(--rule); }
.pgroup:nth-child(-n+2) { padding-top:4px; border-top:0; }
.pgroup h3 { font:700 21px/1.3 var(--sans); }
.why { margin-top:4px; color:var(--ink-2); font-size:16px; }
.pgroup .lines { margin-top:10px; }
.pgroup .line-row { padding:6px 0; }
.box { flex:none; width:18px; height:18px; margin-top:3px; border:1.5px solid var(--field-border); border-radius:2px; }
.annot { color:var(--ink-2); }
.pnote { margin-top:8px; color:var(--ink-2); font-size:16px; }
.cant { margin-top:40px; padding-top:24px; max-width:var(--measure); border-top:1px solid var(--rule); }
.cant h3 { font:700 21px/1.3 var(--sans); }
.cant p { margin-top:8px; }
.faq details { border-bottom:1px solid var(--rule); }
.faq details:first-child summary { padding-top:2px; }
.faq summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:18px 0; font:700 19px/1.4 var(--sans); list-style:none; cursor:pointer; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:""; flex:none; width:9px; height:9px; margin-right:6px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-3px) rotate(45deg); }
.faq details[open] summary { color:var(--brand); }
.faq details[open] summary::after { transform:translateY(2px) rotate(-135deg); }
.faq details p { max-width:var(--measure); padding:0 0 24px; }
.soon-list { list-style:none; display:grid; gap:24px; max-width:720px; }
.soon-list h3 { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 12px; font:700 21px/1.3 var(--sans); }
.soon-list p { margin-top:6px; }
.tag { font:700 15px var(--deck); color:var(--advisory); }
.wl-form { max-width:580px; margin-top:36px; padding-top:28px; border-top:1px solid var(--rule); }
.wl-help { margin-top:10px; color:var(--ink-2); font-size:16px; }
.wl-ok { display:flex; gap:10px; align-items:flex-start; max-width:580px; margin-top:36px; font-weight:700; }
.wl-ok .ico { margin-top:5px; color:var(--clear); }
.bot .sec-body p { max-width:var(--measure); }
.bot .sec-body p + p { margin-top:14px; }
.ua { overflow-wrap:anywhere; }
@media (max-width: 1100px) { .printed { grid-template-columns:minmax(0,1fr); } .pgroup:nth-child(2) { padding-top:28px; border-top:1px solid var(--rule); } }
@media (max-width: 1000px) {
  .wrap.sec { grid-template-columns:minmax(0,1fr); gap:20px; }
  .sec-head { position:static; }
  .hero:not(.has-results) + .how .sec { margin-top:152px; }
}
@media (max-width: 640px) {
  .wrap.sec { margin:72px 20px 0; padding-top:28px; }
  .hero:not(.has-results) + .how .sec { margin-top:120px; }
  .section-h { font-size:28px; }
  .wrap { padding-inline:20px; }
  .js .nav { padding-inline:20px; }
  .steps li { grid-template-columns:44px minmax(0,1fr); }
  .steps li p { grid-column:2; }
}

/* Footer */
.site-foot { margin-top:120px; border-top:2px solid var(--heavy); padding:40px 0 72px; }
.foot-in { display:grid; gap:20px; }
.foot-line { color:var(--ink-2); font-size:16px; }
.foot-links ul { display:flex; flex-wrap:wrap; gap:0 20px; list-style:none; }
.foot-links a { display:inline-flex; align-items:center; min-height:44px; font-size:16px; }
.indep { max-width:40em; color:var(--ink-2); font-size:15px; }

/* Not-found page */
.nf { padding-top:96px; padding-bottom:96px; }
.nf-card { max-width:640px; }
.nf-line { display:flex; align-items:flex-start; gap:12px; padding-bottom:16px; border-bottom:2px solid var(--heavy); }
.nf-h { margin-top:24px; font:800 36px/1.12 var(--sans); letter-spacing:-.015em; }
.nf-p { margin-top:10px; color:var(--ink-2); }
.nf-actions { margin-top:28px; }
@media (max-width: 640px) { .nf { padding-top:48px; } .nf-h { font-size:28px; } }