/* 7IT design language: the Guard world templates (docs/redesign-plan.md, P4). Loaded after ds.css on every page.
   Everything here is scoped to body.w-guard (the Guard pages: /tools/guard/*, /plans/, /launch-review/, /fix/*,
   /incidents/*, /tools/supabase-check/, /tools/app-security/), except the Launch Review block (.lrc), which is shown
   on studio pages too and only uses the world variables.
   1. The gx-* kit of scripts/guard-marketing.mjs becomes the shared components: its own variables are pointed at the
      world's (no new colors), sections become chapters, cards become ledger rows, buttons become square.
   2. Guard templates: the hero and the watch log plate, ledgers, the help template, the plans ledger, fix guides. */

/* The kit re-declares --ink and --mute on .gx (and on light screens), so the world values are carried down
   under other names first and restored inside the kit. */
.w-guard{--g-ink:var(--ink);--g-mute:var(--mute);--g-paper:var(--paper)}
.w-guard .gx,.w-guard .gx .gx-stage,.w-guard .gx-stage,.w-guard .gx-a,.w-guard .gx-b{
  --ink:var(--g-ink);--mute:var(--g-mute);--dim:var(--g-mute);
  --a:var(--g-paper);--b:var(--g-paper);--on-a:var(--g-paper);--on-b:var(--g-paper);--card:var(--g-paper);
  --line:var(--rule);--acc:var(--sig);--btn:var(--sig);--btn-h:var(--sig);--glow:transparent;
  --ok:var(--live);--chk:var(--ink);--warn:var(--sig);--bad:var(--sig);color-scheme:dark}
.w-guard .gx{background:var(--paper);color:var(--ink);font-family:'Archivo',ui-sans-serif,system-ui,sans-serif}
.w-guard .gx-a,.w-guard .gx-b,.w-guard .gx-stage{background:var(--paper)!important}

/* ---------- sections become chapters ---------- */
.w-guard .gx-sec{padding:56px 32px;border-top:1.5px solid var(--ink)}
.w-guard .gx-in{max-width:1376px;margin:0 auto}
.w-guard .gx-eye{display:none}
.w-guard .gx-h1{font-stretch:var(--wd);font-weight:760;letter-spacing:-.03em;line-height:.98;font-size:clamp(40px,5.4vw,78px);color:var(--ink);margin:0;text-wrap:balance}
.w-guard .gx-h2{font-stretch:var(--wd);font-size:30px;line-height:1.05;font-weight:760;letter-spacing:-.02em;margin:0;color:var(--ink);text-wrap:balance}
.w-guard .gx-h3{font-stretch:var(--wd);font-size:19px;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.w-guard .gx-lead{color:var(--mute);font-size:clamp(17px,1.5vw,20px);line-height:1.5;max-width:720px}
.w-guard .gx-p{color:var(--mute);font-size:16px;line-height:1.6}
.w-guard .gx-note{color:var(--mute);font-size:13.5px;line-height:1.55}
.w-guard .gx-center{text-align:left}
.w-guard .gx-center .gx-cta{justify-content:flex-start}
/* A kit section the template did not lay out by hand: its title and lead go to the narrow left column, the rest to
   the wide right one (floats, so the order of the markup stays as it is). */
@media (min-width:901px){
  .w-guard .gx-sec>.gx-in{display:flow-root}
  .w-guard .gx-sec>.gx-in>*{margin-left:356px}
  .w-guard .gx-sec>.gx-in>:is(table,svg){width:calc(100% - 356px)}
  .w-guard .gx-sec>.gx-in>.gx-h2{float:left;clear:left;width:300px;margin-left:0}
  .w-guard .gx-sec>.gx-in>.gx-h2+.gx-lead{float:left;clear:left;width:300px;margin:12px 0 0;font-size:15px;line-height:1.55}
  .w-guard .gx-sec>.gx-in>.gx-h2+.gx-lead+*{margin-top:0}
}
@media (max-width:900px){.w-guard .gx-sec{padding:40px 16px}.w-guard .gx-sec>.gx-in>.gx-lead{margin-top:12px}}

/* ---------- links, buttons, tags ---------- */
.w-guard .gx a:where(:not(.gx-btn,.gx-card-link,.ds-btn,.pt-req,.pt-choose,.ds-tx)){color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--sig)!important;text-decoration-thickness:2px;text-underline-offset:4px}
.w-guard .gx a:focus-visible,.w-guard .gx button:focus-visible,.w-guard .gx summary:focus-visible{outline:2px solid var(--sig);outline-offset:3px;border-radius:0}
.w-guard .gx-cta{gap:12px 24px;margin-top:28px}
.w-guard.ds .gx-btn{border-radius:0!important;background:var(--sig)!important;color:var(--paper)!important;border:1.5px solid var(--sig)!important;font-weight:700;font-size:15px;min-height:46px;padding:12px 22px;transition:transform .2s cubic-bezier(.23,1,.32,1)}
.w-guard.ds .gx-btn:hover{transform:translateY(-1px)}
.w-guard.ds .gx-btn.o{background:transparent!important;color:var(--ink)!important;border-color:var(--ink)!important}
.w-guard.ds .gx-btn.sm{font-size:14px;min-height:40px;padding:8px 16px}
.w-guard .gx-soon{border-radius:0;border:1.5px dashed var(--rule);color:var(--mute);font-size:14px}
.w-guard .gx-soon i{border-radius:50%;background:var(--sig)}
.w-guard .gx-pill,.w-guard .gx-tag,.w-guard .pt-soon{border-radius:0;background:transparent;border:1px solid var(--sig);color:var(--sig);font:600 11px/1.5 'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px}
.w-guard .gx code.inl,.w-guard code.inl{font-family:'JetBrains Mono',monospace;background:var(--paper-2);color:var(--ink);border-radius:0;padding:1px 6px}

/* ---------- cards become ledger rows ---------- */
.w-guard .gx-card{border-radius:0!important;background:transparent!important;border:0!important;border-top:1px solid var(--rule)!important;padding:20px 0!important;box-shadow:none!important;transform:none}
.w-guard .gx-grid{display:block;margin-top:28px;border-bottom:1px solid var(--rule)}
.w-guard .gx-grid>.gx-card:first-child{border-top:1.5px solid var(--ink)!important}
@media (min-width:901px){
  .w-guard .gx-grid>.gx-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:32px;align-content:start}
  .w-guard .gx-grid>.gx-card>*{grid-column:2;margin-top:0}
  .w-guard .gx-grid>.gx-card>*+*{margin-top:8px}
  .w-guard .gx-grid>.gx-card>:is(b,h3,.gx-h3):first-of-type{grid-column:1;grid-row:1/span 30;margin-top:0}
}
.w-guard .gx-card .fear-ic,.w-guard .gx-plan-ic,.w-guard .gx .pi{display:none!important}
/* the plan icons sit in table heads and rows; the ledger shows the names only */
.w-guard .pt-rl{gap:0}

/* ---------- code, FAQ, reveal ---------- */
.w-guard .gx-code{border-radius:0;background:var(--code-bg);border:1.5px solid var(--ink);color-scheme:dark}
.w-guard .gx-code code{color:var(--code-ink);font-family:'JetBrains Mono',monospace}
.w-guard .gx-code button{border-radius:0;background:transparent;border:1.5px solid var(--ink);color:var(--ink);font:600 12px 'JetBrains Mono',monospace}
.w-guard .gx-faq{border-top:1.5px solid var(--ink);margin-top:0;max-width:none}
.w-guard .gx-faq details{border-bottom:1px solid var(--rule)}
.w-guard .gx-faq summary{font-size:17px;font-weight:600;padding:16px 0}
.w-guard .gx-faq summary::after{border:0;border-radius:0;color:var(--sig);transition:transform .2s cubic-bezier(.23,1,.32,1)}
.w-guard .gx-faq details p{color:var(--mute)}
.js .w-guard .gx-rv,.w-guard.ds .gx-rv{transition:opacity .28s cubic-bezier(.23,1,.32,1),transform .28s cubic-bezier(.23,1,.32,1)}
.js .w-guard .gx-rv:not(.in){transform:translateY(8px)}

/* ---------- plans table: one ledger ---------- */
.w-guard .pt-wrap{margin-top:0;border:0;border-radius:0;background:transparent;border-top:1.5px solid var(--ink)}
.w-guard .pt{font-size:14.5px}
.w-guard .pt th,.w-guard .pt td{border-bottom:1px solid var(--rule);padding:12px 10px}
.w-guard .pt thead th{background:var(--paper);color:var(--ink);font-weight:700;font-size:14.5px;font-stretch:var(--wd);border-bottom:1.5px solid var(--ink)}
.w-guard .pt thead th small{color:var(--mute);font-weight:400;font-stretch:100%}
.w-guard .pt thead th.hl{color:var(--sig)}
.w-guard .pt td.hl,.w-guard .pt thead th.hl{background:var(--paper-2)}
.w-guard .pt th[scope=row]{background:var(--paper);color:var(--ink)}
.w-guard .pt td{color:var(--mute)}
.w-guard .pt tr.pt-g th{background:var(--paper);color:var(--ink);font:600 12px/1.3 'JetBrains Mono',monospace;border-bottom:1.5px solid var(--ink);padding-top:28px}
.w-guard .pt .ck{padding:0!important;margin:0!important;max-width:none!important;text-align:center;align-items:center;justify-content:center;vertical-align:middle;background:transparent!important;color:var(--ink);border-radius:0;border:0!important;box-shadow:none!important;width:22px;height:22px;position:static}
.w-guard .pt .ck svg{width:14px!important;height:14px}
.w-guard .pt .ck::before,.w-guard .pt .ck::after{content:none!important}
.w-guard .pt .no{color:var(--faint)}
.w-guard .pt tr.pt-price th,.w-guard .pt tr.pt-price td{color:var(--ink);font-family:'JetBrains Mono',monospace;font-size:13px}
.w-guard .pt .pt-req,.w-guard .pt .pt-choose{border-radius:0;border:1.5px solid var(--ink);color:var(--ink)!important;font-family:'Archivo',sans-serif}
.w-guard .pt th[scope=row] code{color:var(--mute);font-family:'JetBrains Mono',monospace}
@media (min-width:900px){.w-guard .pt thead th{top:104px}}

/* ---------- works with ---------- */
.w-guard .ww{margin-top:0;gap:0;border-top:1.5px solid var(--ink)}
@media (min-width:860px){.w-guard .ww{grid-template-columns:1fr;}}
.w-guard .ww>.gx-card:first-child{border-top:0!important}
.w-guard .ww-g h4{font:600 12px 'JetBrains Mono',monospace;color:var(--mute)}
.w-guard .ww-list li,.w-guard .ww-list li a.gx-card-link{border-radius:0;background:transparent;border:1px solid var(--rule);color:var(--ink);font-weight:600;min-height:38px}
.w-guard .ww-list li:has(a){border:0}
.w-guard .ww-list li a.gx-card-link::after{content:none}
.w-guard .ww-list li a.gx-card-link:hover{border-color:var(--ink);transform:none}
.w-guard .ww-list li .lt{display:none!important}
.w-guard .ww-list li .dk{display:block!important}
.w-guard .ww-tm{color:var(--mute)}

/* ---------- the trial block ---------- */
.w-guard .gx-trial{border-top:1.5px solid var(--ink)!important;box-shadow:none!important}
.w-guard .gx-trial h3{font-stretch:var(--wd);font-weight:760;font-size:24px}
.w-guard .gt-segs i{border-radius:0;background:var(--sig)}
.w-guard .gt-segs i.nc{background:var(--mute)}
.w-guard .gt-lab{color:var(--mute);font-family:'JetBrains Mono',monospace}
@media (prefers-reduced-motion:reduce){.w-guard .gt-segs i{animation:none;opacity:1}}

/* ---------- shared guard templates ---------- */
.g-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:56px;align-items:start}
.g-hero h1{font-size:clamp(40px,4.6vw,66px)}
.g-hero .ds-lede{max-width:600px}
.g-crumb{font:500 13px 'JetBrains Mono',monospace;color:var(--mute);margin:0 0 22px}
.w-guard .g-crumb a{color:var(--mute)!important;text-decoration-color:var(--rule)!important}
.w-guard .g-crumb a:hover{color:var(--ink)!important}
.g-acts{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:32px}
.g-acts .gx-note,.g-acts+.gx-note{margin-top:0}
.g-note{color:var(--mute);font-size:13.5px;line-height:1.55;margin-top:14px;max-width:720px}
.g-sub{color:var(--mute);font-size:15px;line-height:1.55;margin-top:12px}
.g-r>*+*{margin-top:28px}
.g-r>.ds-lede:first-child,.g-r>p:first-child{margin-top:0}
.g-r .ds-lede{margin-top:0;color:var(--mute)}
.g-h3{font-stretch:var(--wd);font-size:20px;font-weight:760;letter-spacing:-.01em;line-height:1.2;color:var(--ink);margin:0}
@media (max-width:1100px){.g-hero{grid-template-columns:1fr;gap:40px}}

/* the ledger with a bold first column and a muted body */
.g-led td{color:var(--mute);font-size:15.5px;line-height:1.55}
.g-led td:first-child{color:var(--ink);font-weight:600;width:30%;padding-right:24px}
.g-led td.m,.g-led .m{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--mute);white-space:nowrap}
.g-led td b,.g-led td strong{color:var(--ink)}
.g-led td p+p{margin-top:8px}
.g-led td .gx-cta{margin-top:12px}
.g-led td details{margin-top:8px}
.g-led td summary{cursor:pointer;color:var(--ink);font-size:13.5px;text-decoration:underline;text-decoration-color:var(--sig);text-decoration-thickness:2px;text-underline-offset:4px;width:max-content}
.g-led td details p{font-size:14px;margin-top:6px}
.g-led tr:last-child td{border-bottom:1px solid var(--rule)}
.g-led thead th{border-top:1.5px solid var(--ink)}
.g-led thead+tbody tr:first-child td{border-top:1px solid var(--rule)}
@media (max-width:700px){
  .g-led,.g-led tbody,.g-led tr,.g-led td{display:block;width:auto!important}
  .g-led thead{display:none}
  .g-led tr{border-top:1px solid var(--rule);padding:12px 0}
  .g-led tr:first-child{border-top:1.5px solid var(--ink)}
  .g-led td{border:0!important;padding:3px 0}
  .g-led tr:last-child{border-bottom:1px solid var(--rule)}
  .g-led td[data-k]::before{content:attr(data-k);display:block;font:600 11px 'JetBrains Mono',monospace;color:var(--mute);text-transform:uppercase;margin-top:6px}
}

/* the night watch log plate (the landing's hero figure; sample entries only) */
.g-log .h{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;font:600 12px 'JetBrains Mono',monospace;color:var(--mute);border-bottom:1.5px solid var(--ink);text-transform:uppercase}
.g-log ol{list-style:none;margin:0;padding:0}
.g-log li{display:grid;grid-template-columns:52px 10px minmax(0,1fr);gap:14px;padding:13px 18px;border-top:1px solid var(--rule);font-size:15.5px;line-height:1.45;color:var(--ink)}
.g-log li:first-child{border-top:0}
.g-log .t{font:500 12.5px 'JetBrains Mono',monospace;color:var(--mute);padding-top:2px}
.g-log i{width:9px;height:9px;border-radius:50%;margin-top:6px;background:var(--live)}
.g-log i.am{background:var(--sig)}
.g-log small{display:block;font:400 12.5px 'JetBrains Mono',monospace;color:var(--mute);margin-top:3px}
.js .g-log li{animation:g-in .28s cubic-bezier(.23,1,.32,1) both}
.js .g-log li:nth-child(2){animation-delay:.08s}.js .g-log li:nth-child(3){animation-delay:.16s}.js .g-log li:nth-child(4){animation-delay:.24s}.js .g-log li:nth-child(5){animation-delay:.32s}
@keyframes g-in{from{opacity:0;transform:translateY(4px)}}

/* plates around the product illustrations kept from before */
.g-plate{margin-top:28px}
.g-plate>.g-fig{padding:28px 24px;overflow:hidden}
.g-sc{list-style:none;margin:0;padding:0}
.g-sc li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:12px;padding:10px 18px;border-top:1px solid var(--rule);font-size:15px}
.g-sc li:first-child{border-top:0}
.g-sc li i{font-style:normal;font:600 13px 'JetBrains Mono',monospace;color:var(--live)}
.g-sc li.warn i{color:var(--sig)}
.g-sc li span{font:500 13px 'JetBrains Mono',monospace;color:var(--mute)}
.g-sc .v{padding:12px 18px;border-top:1.5px solid var(--ink);font-weight:600}

/* the platform picker and other link rows */
.g-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:14px;font-size:16px}
.g-links a{color:var(--ink)!important;text-decoration:underline!important;text-decoration-color:var(--sig)!important;text-decoration-thickness:2px!important;text-underline-offset:4px}
.g-num{font:500 clamp(34px,3.6vw,48px)/1 'JetBrains Mono',monospace;color:var(--ink);letter-spacing:-.03em;white-space:nowrap}

/* the doc list (dots: green for in, amber for out) */
.w-guard .doc-list li::before{border-radius:50%;background:var(--live)}
.w-guard .doc-list.no li::before{background:var(--sig)}

/* ---------- the help center: a chapter list on the left, the article on the right ---------- */
.g-help{max-width:1440px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;border-top:1.5px solid var(--ink)}
.g-toc{padding:40px 0 56px;position:sticky;top:104px;align-self:start;max-height:calc(100vh - 104px);overflow:auto}
.g-toc h2{font:600 12px 'JetBrains Mono',monospace;color:var(--mute);text-transform:uppercase;letter-spacing:.04em;margin:22px 0 6px}
.g-toc h2:first-child{margin-top:0}
.w-guard .g-toc a{display:block;padding:5px 0 5px 12px;border-left:1.5px solid var(--rule);color:var(--mute)!important;text-decoration:none!important;font-size:14.5px;line-height:1.35}
.w-guard .g-toc a:hover{color:var(--ink)!important}
.w-guard .g-toc a[aria-current]{color:var(--ink)!important;border-left-color:var(--sig);font-weight:600}
.gh-article{padding:40px 0 64px;max-width:860px;min-width:0}
.gh-article h1{font-size:clamp(34px,4vw,56px);line-height:1;font-weight:760;letter-spacing:-.03em;margin:0}
.gh-article .ds-lede{margin-top:18px}
.gh-article section{border-top:1.5px solid var(--ink);margin-top:44px;padding-top:22px}
.gh-article section h2{font-size:24px;line-height:1.15;font-weight:760;margin:0}
.gh-article section>p{color:var(--mute);font-size:17px;line-height:1.65;margin-top:10px}
.g-steps{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--rule)}
.g-steps li{position:relative;padding:12px 0 12px 40px;border-bottom:1px solid var(--rule);color:var(--ink);font-size:16px;line-height:1.55}
.g-steps li::before{content:attr(data-n);position:absolute;left:0;top:12px;font:500 13px/1.9 'JetBrains Mono',monospace;color:var(--mute)}
.g-steps.ul li{padding-left:22px}
.g-steps.ul li::before{content:'';width:7px;height:7px;background:var(--sig);top:22px}
.g-tip{margin-top:14px;padding:12px 0 0 16px;border-left:3px solid var(--sig);color:var(--mute);font-size:15px;line-height:1.55}
.g-tip b{color:var(--ink)}
.g-shot{margin:22px 0 0;display:grid;gap:12px;align-items:start}
.g-shot.two{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}
.g-shot a{display:block;border:1.5px solid var(--ink);background:var(--paper-2)}
.g-shot img{display:block;width:100%;height:auto}
.g-shot figcaption{grid-column:1/-1;font:500 12px 'JetBrains Mono',monospace;color:var(--mute);text-transform:uppercase;letter-spacing:.03em}
.g-search{display:flex;border:1.5px solid var(--ink);max-width:640px;margin-top:28px}
.g-search input{flex:1;min-width:0;background:transparent!important;border:0!important;padding:15px 16px;font:400 15px 'JetBrains Mono',monospace;color:var(--ink);outline:none}
.g-search:focus-within{outline:2px solid var(--sig);outline-offset:3px}
.g-count{margin-top:10px;font:500 13px 'JetBrains Mono',monospace;color:var(--mute);min-height:20px}
.w-guard .g-help-led a{font-weight:600}
.g-help-led td{vertical-align:top}
[data-gh-hide]{display:none!important}
@media (max-width:900px){
  .g-help{grid-template-columns:1fr;gap:0;padding:0 16px}
  .g-toc{position:static;max-height:none;padding:24px 0 8px;border-bottom:1px solid var(--rule)}
  .g-toc details summary{cursor:pointer;font:600 13px 'JetBrains Mono',monospace;color:var(--ink);text-transform:uppercase}
  .g-shot.two{grid-template-columns:1fr}
  .g-shot.two a.wide{display:none}
  .g-shot.two a.phone{max-width:300px}
  .gh-article{padding-top:28px}
}
@media (min-width:901px){.g-toc details>summary{display:none}}

/* ---------- the Launch Review block (every world: only the world variables) ---------- */
.lrc-k{font-stretch:var(--wd);font-size:30px;line-height:1.05;font-weight:760;letter-spacing:-.02em;margin:0;color:var(--ink)}
.lrc-k+p{margin-top:12px;color:var(--mute);font-size:15px;line-height:1.55}
.lrc-h{font-stretch:var(--wd);font-size:clamp(24px,2.6vw,34px);line-height:1.1;font-weight:760;letter-spacing:-.02em;margin:0;color:var(--ink)!important}
.lrc-h em{font-style:normal;color:inherit}
.lrc-p{color:var(--mute)!important;font-size:17px;line-height:1.55;margin:14px 0 0;max-width:680px}
.lrc-row{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--rule);max-width:680px}
.lrc-row li{padding:10px 0;border-bottom:1px solid var(--rule);color:var(--ink);font-size:15px}
.lrc .ds-btn{margin-top:24px}

/* ---------- the fix guides and the incident library ---------- */
.g-fx-tl td:first-child{font:500 13px 'JetBrains Mono',monospace;color:var(--mute);font-weight:500;width:170px}
.g-src{display:block;margin-top:6px;font-size:13.5px;color:var(--mute)}
.g-src a,.g-docs a{color:var(--ink)!important;text-decoration-color:var(--sig)!important;text-decoration-thickness:2px!important;text-underline-offset:4px}
.g-docs{margin-top:14px;color:var(--mute);font-size:13.5px;line-height:1.6}
.g-mark{font:600 13px 'JetBrains Mono',monospace;width:28px}
.g-mark.ok{color:var(--live)}
.g-mark.you{color:var(--sig)}
.w-guard .g-rows a{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:18px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink)!important}
.g-rows li:first-child a{border-top:1.5px solid var(--ink)}
.g-rows{list-style:none;margin:0;padding:0}
.g-rows em{font:500 13px 'JetBrains Mono',monospace;font-style:normal;color:var(--mute)}
.g-rows b{font-size:17px;font-weight:600;line-height:1.35}
.g-rows a:hover b{text-decoration:underline;text-decoration-color:var(--sig);text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:700px){.w-guard .g-rows a{grid-template-columns:1fr;gap:4px}}
.g-faq{border-top:1.5px solid var(--ink)}
.g-faq details{border-bottom:1px solid var(--rule);padding:16px 0}
.g-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-weight:600;font-size:17px;color:var(--ink)}
.g-faq summary::-webkit-details-marker{display:none}
.g-faq summary::after{content:'+';color:var(--sig);font-size:20px;line-height:1;transition:transform .2s cubic-bezier(.23,1,.32,1)}
.g-faq details[open] summary::after{transform:rotate(45deg)}
.g-faq p{color:var(--mute);line-height:1.65;margin-top:10px;font-size:16px}
.g-scan .ds-field{margin-top:22px}
.g-scan .ds-field button{background:var(--sig);color:var(--paper);font-family:'Archivo',sans-serif;cursor:pointer}
.g-scan .ds-field input{border:0!important}

@media (max-width:900px){.lrc-k{font-size:26px}}
.g-led td:last-child>a.ds-tx:only-child{white-space:nowrap}
/* pages that still print the old dark band class */
.w-guard .lx-dark{background:var(--paper)!important;color:var(--ink)}
.w-guard .rp-btn:not(.ghost){color:var(--paper)!important}
/* grid columns never grow past the screen (long code lines scroll inside their own box) */
.w-guard .ds-ch>div,.w-guard .g-hero>*,.w-guard .g-help>*,.lrc-in>div{min-width:0}
.w-guard .g-led td{overflow-wrap:anywhere}
.w-guard .g-led .gx-code{max-width:100%}