/* AI Visibility Checker stylesheet v8 (2026-11-09): the E2 skin.
   The checker joins the KOLLAZ Software E2 system (owner approval
   2026-11-09): safety-yellow field, black structure, condensed caps
   signage type, white reading sheet with a black frame and offset
   shadow. Presentation only: every class, id hook and state the
   page, app.js and the consent component use is carried over from
   styles.v1.css; no functional selector changed meaning.
   Floors carried from the v6/v7 bible waves: no informational text
   below 1rem, 48px targets (56px critical controls and inputs),
   visible focus everywhere, reduced-motion, forced-colors,
   prefers-contrast and print provisions. Deliberate exception,
   recorded: no prefers-color-scheme dark remap. E2 is a fixed
   high-vis identity, the same in both schemes, like safety signage;
   the v7 dark token set belonged to the retired navy system. */

@font-face{font-family:"Carlito";src:url("carlito-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Carlito";src:url("carlito-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans";src:url("noto-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans";src:url("noto-sans-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url("atkinson-hyperlegible-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url("atkinson-hyperlegible-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

@property --a { syntax: "<angle>"; initial-value: 0deg; inherits: false; }

:root{
  color-scheme:light;
  --yellow:#FFD21A; --yellow-deep:#F5C400; --yellow-soft:#FFF3B0;
  --yellow-pale:#FFF6C9;
  --black:#101010; --ink:#161616; --ink-soft:#3D3D3D;
  --white:#FFFFFF; --off-white:#F2F2F2;
  --red:#E8321E; --danger:#B3261E; --red-tint:#FBEBEA;
  --line:#101010;
  --sign:"Arial Narrow","Liberation Sans Narrow","Noto Sans",sans-serif;
  --font-ui:"Noto Sans","Carlito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-display:"Noto Sans","Carlito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --radius:6px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background:var(--yellow);
  font-family:var(--font-ui);font-size:1.125rem;line-height:1.7}
.wrap{max-width:1120px;margin:0 auto;padding-left:16px;padding-right:16px}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-decoration-color:var(--black)}
a:hover{color:#000}
:focus-visible{outline:3px solid var(--black);outline-offset:2px}
.site-header :focus-visible,.site-footer :focus-visible,
.guides-bridge :focus-visible,.consent-card :focus-visible,
.menu-panel :focus-visible,.verdict :focus-visible{outline-color:var(--yellow)}

.skip-link{position:absolute;left:-9999px;top:0;z-index:99;
  background:var(--black);color:var(--yellow);font-weight:700;
  padding:12px 16px;text-decoration:none}
.skip-link:focus{left:0;color:var(--yellow)}

/* E2 chrome shared with the Software pages: progress hairline,
   drifting hazard strip, rescue edge tab. */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:70;pointer-events:none}
.scroll-progress span{display:block;height:100%;background:var(--yellow);
  box-shadow:0 1px 0 rgba(16,16,16,.45);
  transform:scaleX(0);transform-origin:left center}
.hazard{height:14px;
  background:repeating-linear-gradient(45deg,var(--black) 0 16px,var(--yellow) 16px 32px);
  background-size:45.25px 45.25px;
  border-top:3px solid var(--black);border-bottom:3px solid var(--black);
  animation:hazard-drift 26s linear infinite}
@keyframes hazard-drift{from{background-position:0 0}to{background-position:45.25px 0}}
.hazard.paused{animation-play-state:paused}
.edge-tab{position:fixed;right:0;top:42%;z-index:40;
  background:var(--black);color:var(--yellow);
  font-family:var(--sign);font-weight:700;letter-spacing:.22em;
  font-size:17px;text-decoration:none;
  writing-mode:vertical-rl;padding:20px 11px;
  border-radius:6px 0 0 6px;border:2px solid var(--black);
  box-shadow:-3px 3px 0 rgba(16,16,16,.25);
  animation:tab-pulse 2.8s ease-in-out infinite}
@keyframes tab-pulse{
  0%{box-shadow:-3px 3px 0 rgba(16,16,16,.25),0 0 0 0 rgba(255,210,26,.50)}
  70%{box-shadow:-3px 3px 0 rgba(16,16,16,.25),0 0 0 13px rgba(255,210,26,0)}
  100%{box-shadow:-3px 3px 0 rgba(16,16,16,.25),0 0 0 0 rgba(255,210,26,0)}}
.edge-tab:hover{background:#2A2A2A;color:var(--yellow)}
.edge-tab:focus-visible{outline:3px solid var(--black);outline-offset:-3px}
@media (max-width:640px){.edge-tab{top:auto;bottom:88px;font-size:15px;padding:16px 9px}}

/* Header: black band, approved reversed (light) wordmark, matched
   sizes (222px desktop, 120px phone, owner order 2026-10-30). */
.site-header{position:sticky;top:0;z-index:50;background:var(--black);
  border-bottom:3px solid var(--black)}
.header-inner{display:flex;align-items:center;gap:16px;min-height:64px}
.brand-glow{display:inline-block;flex:none;padding:8px 28px}
.brand-mark{width:222px}
.brand{display:flex;align-items:center;gap:16px;min-width:0;
  text-decoration:none;color:inherit}
@media (max-width:560px){
  .header-inner{gap:8px;padding-left:12px;padding-right:12px}
  .brand-glow{padding:4px 12px}
  .brand-mark{width:120px}
  .brand{gap:8px}
}

/* Burger menu: zero-JS details/summary in the sticky header. */
.menu{position:relative;flex:none;margin-left:auto}
.menu-btn{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;
  min-height:48px;padding:12px 16px;border:2px solid var(--yellow);border-radius:4px;line-height:1.2;
  color:var(--yellow);font-weight:700;font-size:1rem;background:transparent;
  font-family:var(--sign);text-transform:uppercase;letter-spacing:.05em}
.menu-btn::-webkit-details-marker{display:none}
.menu-btn:hover{background:var(--yellow);color:var(--black)}
.menu-btn{-webkit-tap-highlight-color:transparent}
.menu-btn:focus:not(:focus-visible){outline:none}
.menu-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--black),0 0 0 5px var(--yellow)}
.menu-btn:active{background:var(--yellow-deep);color:var(--black)}
.menu[open ] .menu-btn{background:var(--yellow);color:var(--black)}
.menu-bars{display:inline-flex;flex-direction:column;gap:4px}
.menu-bars span{display:block;width:20px;height:3px;background:currentColor}
.menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:60;
  width:min(320px,calc(100vw - 24px));max-height:calc(100vh - 96px);overflow-y:auto;
  background:var(--black);border:3px solid var(--yellow);
  border-radius:6px;box-shadow:8px 8px 0 rgba(16,16,16,.35);padding:8px}
.menu-panel a{display:flex;align-items:center;min-height:48px;padding:10px 16px;border-radius:4px;
  color:var(--off-white);text-decoration:none;font-weight:600}
.menu-panel a:hover{background:#2A2A2A;color:var(--yellow)}
.menu-panel a.menu-shop{color:var(--yellow)}
.menu-panel a.menu-sub{padding-left:32px;font-weight:500;font-size:1rem;min-height:48px}
.menu-group{margin:12px 16px 4px;font-size:1rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#BDBDBD}
.menu-foot{border-top:1px solid #3A3A3A;margin-top:8px;padding-top:8px}
.menu-foot a{min-height:48px;font-size:1rem;font-weight:500;color:#BDBDBD}
.menu-foot a:hover{color:var(--yellow)}
@media (max-width:560px){.menu-btn{padding:12px 14px}}

/* Reading sheet: the white card every tool surface lives on. */
main.wrap{max-width:840px;background:var(--white);
  border:4px solid var(--black);border-radius:var(--radius);
  margin-top:24px;margin-bottom:32px;padding:32px 40px 40px;
  box-shadow:10px 10px 0 rgba(16,16,16,.9)}
@media (max-width:560px){main.wrap{padding:24px 16px 32px;margin-top:16px;box-shadow:6px 6px 0 rgba(16,16,16,.9)}}

h1{font-family:var(--sign);font-weight:700;text-transform:uppercase;
  font-size:clamp(2rem,5.2vw,2.9rem);line-height:1;margin:8px 0;letter-spacing:.005em}
h2{font-family:var(--sign);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.6rem,3.8vw,2.1rem);line-height:1.05;margin:32px 0 8px}
h3{font-size:1.25rem;line-height:1.3;margin:24px 0 8px}
p{margin:0 0 16px}
ul,ol{margin:0 0 16px;padding-left:24px}
li{margin-bottom:8px}

/* Page title block: "Kollaz Tools" heads every tool page. */
.tools-head{border-bottom:4px solid var(--black);padding-bottom:16px;margin-bottom:24px}
.tools-tag{font-size:1.125rem;line-height:1.5;color:var(--ink-soft);margin:0}
.calc-name{font-size:clamp(1.8rem,4.6vw,2.5rem);line-height:1.02;letter-spacing:.005em;margin:8px 0}

.hero{margin-bottom:8px}
.lede{font-size:1.1875rem;line-height:1.6}
.updated{color:var(--ink-soft);font-size:1rem;margin-top:-8px}
.definition{background:var(--yellow-pale);border:2px solid var(--black);
  border-left:8px solid var(--black);border-radius:6px;padding:16px 24px}
.disclaimer{color:var(--ink-soft);font-size:1rem}

/* Checker and content panels. */
.calc{background:var(--yellow-pale);border:3px solid var(--black);
  border-radius:var(--radius);padding:24px;margin-top:24px;scroll-margin-top:88px}
.calc>h2{margin-top:0}
@media (max-width:560px){.calc{padding:16px}}

/* Input panels: fieldsets as designed panels, black-chip legends. */
fieldset{background:var(--white);border:3px solid var(--black);border-radius:6px;
  padding:16px;margin:0 0 16px;min-width:0}
legend{background:var(--black);color:var(--yellow);
  font-family:var(--sign);font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 10px;margin-left:8px}
.field{margin-bottom:16px}
.field:last-child{margin-bottom:0}
.field label{display:block;font-weight:600;font-size:1rem;margin-bottom:8px}
.hint{color:var(--ink-soft);font-size:1rem;margin:8px 0 0}
input[type="text"],input[type="email"],input[type="number"],select{width:100%;min-height:56px;
  font-size:1rem;font-family:inherit;color:var(--ink);
  padding:10px 12px;background:#fff;
  border:2px solid var(--black);border-radius:4px}
input[type="text"]:focus,input[type="email"]:focus,
input[type="number"]:focus,select:focus{border-color:var(--black);
  outline:3px solid var(--yellow-deep);outline-offset:1px}
.field.check{display:flex;align-items:center;gap:12px;
  background:var(--yellow-pale);border:2px solid var(--black);
  border-radius:6px;padding:12px 16px}
.field.check input{width:26px;height:26px;flex:none;accent-color:var(--black);margin:0}
.field.check label{margin:0;font-weight:600}
.row{display:grid;gap:16px}
@media (min-width:560px){
  .row.cols2{grid-template-columns:1fr 1fr}
  .row.cols2 .field{margin-bottom:0}
}

/* Buttons: E2 signage. Solid black with yellow label on light
   grounds; yellow with black label on black grounds (the inverted
   and consent variants, and any button inside the black bands). */
.btn{position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:56px;padding:12px 24px;border-radius:4px;border:3px solid var(--black);
  font-family:var(--sign);font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  font-size:1.125rem;line-height:1.15;
  text-decoration:none;cursor:pointer;
  background:var(--black);color:var(--yellow);
  transition:background 180ms ease,color 180ms ease,transform 120ms ease;
  -webkit-tap-highlight-color:transparent}
.btn::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);
  transform:translateX(-120%)}
@media (hover:hover) and (pointer:fine){
  .btn:hover{background:#2A2A2A;color:var(--yellow)}
  .btn:hover::after{transform:translateX(120%);transition:transform 550ms ease}
  .btn:hover{border-color:transparent;
    background:linear-gradient(#2A2A2A,#2A2A2A) padding-box,
    conic-gradient(from var(--a),rgba(255,210,26,0) 0 68%,var(--yellow) 86%,rgba(255,210,26,0) 100%) border-box;
    animation:border-run 1.6s linear infinite}
  .btn.secondary:hover{background:var(--black);color:var(--yellow)}
  .btn.inverted:hover,.guides-bridge .btn:hover,.consent-card .btn-gold:hover{
    background:linear-gradient(var(--yellow-deep),var(--yellow-deep)) padding-box,
    conic-gradient(from var(--a),rgba(16,16,16,0) 0 68%,var(--black) 86%,rgba(16,16,16,0) 100%) border-box;
    color:var(--black)}
}
@keyframes border-run{to{--a:360deg}}
.btn:active{transform:scale(.97)}
.btn:active::after{transform:translateX(-120%);transition:none}
.btn.secondary{background:transparent;border-color:var(--black);color:var(--ink)}
.btn.inverted,.guides-bridge .btn{background:var(--yellow);color:var(--black)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}

/* Results */
#results{margin-top:24px}
.verdict{border:3px solid var(--black);border-radius:6px;padding:24px;margin-bottom:16px;color:var(--off-white);background:var(--black)}
.verdict h3{margin:0 0 8px;font-size:1.375rem;color:inherit}
.verdict p{margin:0}
.verdict.worth-it{background:var(--black)}
.verdict.marginal{background:#2A2A2A}
.verdict.not-worth-it{background:var(--danger);color:#fff}
.result-label{display:block;color:var(--yellow);
  font-family:var(--sign);font-size:1rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;margin-bottom:4px}
.result-date{display:block;font-family:var(--font-display);font-weight:700;
  font-size:clamp(2.25rem,7vw,3.25rem);line-height:1.1;letter-spacing:-.01em}
.verdict .result-sub{margin-top:8px}
.threat{background:var(--red-tint);border:3px solid var(--danger);
  border-radius:6px;padding:16px 24px;margin-bottom:16px}
.threat h3{margin-top:0;color:var(--danger)}
.q-block{background:var(--white);border:3px solid var(--black);
  border-radius:6px;padding:16px;margin-bottom:16px}
.q-block h3{margin-top:0}
.answers{margin-top:8px}
.answers summary{cursor:pointer;font-weight:700;
  font-family:var(--sign);text-transform:uppercase;letter-spacing:.04em;
  min-height:48px;display:flex;align-items:center}
.answer-text{white-space:pre-wrap;background:var(--yellow-pale);
  border:2px solid var(--black);border-radius:4px;
  padding:12px 16px;margin:8px 0;
  font-family:"Atkinson Hyperlegible","Noto Sans",system-ui,sans-serif;
  font-size:1.125rem;line-height:1.7}
.sources-list{font-size:1rem;margin:8px 0 16px}
.sources a{word-break:break-word}
.progress-note{font-weight:600}

/* Offer doors: frontal pricing strip, offer panel, full offers. */
.pricing-strip{background:var(--white);border:3px solid var(--black);
  border-radius:6px;padding:24px;margin-bottom:24px;
  box-shadow:6px 6px 0 rgba(16,16,16,.9)}
.pricing-strip h2{margin-top:0}
.strip-doors,.doors{display:grid;gap:16px;margin-top:16px}
@media (min-width:760px){.strip-doors,.doors{grid-template-columns:1fr 1fr}}
.strip-door,.door{background:var(--white);border:3px solid var(--black);
  border-radius:6px;padding:24px}
.strip-door h3,.door h3{margin-top:0;
  font-family:var(--sign);text-transform:uppercase;font-size:1.4rem}
.strip-price,.price-line{font-family:var(--sign);font-size:1.6rem;font-weight:700;line-height:1.1;margin:8px 0}
.once-line{font-size:1.125rem;margin:0 0 8px}
#offerPanel{background:var(--yellow);border:3px solid var(--black);
  border-radius:6px;padding:24px;margin-top:16px}
#offerPanel h3{margin-top:0;font-size:1.5rem;line-height:1.2}
#offerPanel .strip-door{background:var(--white)}
#alreadyBox{margin-top:16px}
.used-up{background:var(--white);border:3px solid var(--black);
  border-radius:6px;padding:24px}
.check-list{margin:8px 0;padding-left:24px}
.check-list li{margin-bottom:8px}

/* Email capture card: in the page flow, never a popup. */
.capture{background:var(--yellow);border:3px solid var(--black);
  border-radius:6px;padding:24px;margin-top:32px}
.capture h2{margin-top:0}
.capture .consent-line{font-size:1rem;color:var(--ink);margin:8px 0 0}
.capture form .field{max-width:480px}
.nl-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:16px}
.nl-form .field{flex:1 1 260px;margin-bottom:0}
.nl-error{color:var(--danger);font-weight:600}

/* Guide and FAQ. */
.guide,.faq{margin-top:8px}
.guide p,.faq p,.qa p{margin-bottom:1em}
.qa{margin-bottom:16px}
.qa+.qa{border-top:2px solid rgba(16,16,16,.16);padding-top:8px}
.qa h3{margin-bottom:4px}

/* Guides bridge: black band back to the content site. */
.guides-bridge{border:3px solid var(--black);border-radius:6px;padding:32px;margin-top:32px;
  color:var(--off-white);background:var(--black)}
.guides-bridge h2{color:var(--yellow);margin-top:0}
.guides-bridge p{color:var(--off-white)}
.guides-bridge a{color:var(--yellow)}
@media (max-width:560px){.guides-bridge{padding:24px}}

/* Footer: full-bleed black, yellow links. */
.site-footer{margin-top:16px;color:#BDBDBD;background:var(--black)}
.site-footer .wrap{padding-top:32px;padding-bottom:40px}
.site-footer hr{border:none;border-top:1px solid #3A3A3A;margin:0 0 16px}
.site-footer a{color:var(--yellow)}
.site-footer a:hover{color:var(--yellow-deep)}
.site-footer .fine{color:#BDBDBD;font-size:1rem}
.foot-nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 16px}
.foot-nav a{display:inline-flex;align-items:center;min-height:48px;
  font-weight:600;text-decoration:none}
.foot-contact{margin-bottom:8px}
.kollaz-sites{margin:0 0 16px}
.kollaz-sites-title{font-family:var(--sign);font-weight:700;text-transform:uppercase;
  font-size:1rem;color:var(--yellow);margin:0 0 8px}
.kollaz-sites-list{list-style:none;margin:0;padding:0}
.kollaz-sites-list li{margin:0 0 4px}
.kollaz-sites .ks-self{color:var(--yellow);font-weight:600}
.kollaz-sites-plugins{margin:8px 0 0}

/* Inline error states: text beside the field, never colour alone. */
.field-error{color:var(--danger);font-weight:600;font-size:1rem;margin:8px 0 0}
input[aria-invalid="true"],select[aria-invalid="true"]{border:3px solid var(--danger)}
.calc-error{background:var(--red-tint);border:2px solid var(--danger);
  border-left:8px solid var(--danger);border-radius:6px;
  padding:16px 24px;margin:16px 0;font-weight:600}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Consent banner: fixed bottom sheet on phone, bottom-left card on
   desktop, zero layout shift (the banner script pads the page). */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:80;padding:12px}
.consent[hidden]{display:none}
.consent-card{background:var(--black);color:var(--off-white);
  border:3px solid var(--yellow);border-radius:6px;padding:20px 24px;
  box-shadow:10px 10px 0 rgba(16,16,16,.45)}
.consent-card h2{color:var(--yellow);font-size:1.1875rem;margin:0 0 8px;line-height:1.25}
.consent-card p{margin:0 0 8px;font-size:1rem;color:var(--off-white)}
.consent-btns{display:flex;gap:16px 12px;flex-wrap:wrap;align-items:center;margin-top:16px}
.consent-card .btn-gold{background:var(--yellow);color:var(--black)}
.consent-card .btn-ghost{background:transparent;border:3px solid var(--yellow);box-shadow:none;color:var(--yellow)}
.consent-card .btn-ghost:hover{color:var(--black);background:var(--yellow);box-shadow:none}
.consent-card .btn-ghost:active{background:var(--yellow-deep);color:var(--black)}
.consent-link{background:none;border:none;cursor:pointer;color:var(--yellow);
  font-weight:600;font-size:1rem;text-decoration:underline;min-height:48px;padding:12px 8px}
.consent-link{-webkit-tap-highlight-color:transparent;
  transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}
.consent-link:hover{text-decoration-thickness:2px}
.consent-link:focus:not(:focus-visible){outline:none}
.consent-link:focus-visible{outline:none;border-radius:4px;box-shadow:0 0 0 2px var(--black),0 0 0 5px var(--yellow)}
.consent-link:active{background:#2A2A2A}
.consent-settings{border-top:1px solid #3A3A3A;margin-top:16px;padding-top:8px}
.consent-settings[hidden]{display:none}
.consent-settings-title{font-size:1rem;font-weight:700;margin:4px 0 8px;color:var(--yellow)}
.consent-toggle{display:flex;gap:12px;align-items:center;min-height:48px;font-weight:600;cursor:pointer}
.consent-toggle input{width:24px;height:24px;flex:none;accent-color:var(--yellow);margin:0}
.consent-note{font-size:1rem;color:#BDBDBD}
.consent-settings .consent-btns{margin-top:16px}
.consent-settings:not([hidden]) + .consent-btns{margin-top:16px}
.consent.expanded #consent-customize{display:none}
@media (min-width:641px){
  .consent{right:auto;width:400px;padding:16px}
}
@media (max-width:640px){
  .consent{padding:8px}
  .consent-card{padding:12px 16px 16px}
  .consent-card h2{font-size:1.0625rem;margin-bottom:8px}
  .consent-body{display:none}
  .consent.expanded .consent-body{display:block}
  .consent-btns{margin-top:0;gap:16px 12px}
  .consent-btns .btn{flex:1 1 0;justify-content:center;padding-left:12px;padding-right:12px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none !important;animation:none !important}
}
@media (prefers-contrast:more){
  :root{--ink-soft:#2E4053}
  input[type="text"],input[type="email"],input[type="number"],select,
  .btn,.menu-btn,fieldset,.verdict,.q-block{border-width:3px}
}
@media (forced-colors:active){
  .btn,.menu-btn,.consent-link,input,select,fieldset,.verdict,
  .q-block,.threat,.calc-error,.definition,.capture,.strip-door,.door,
  .used-up,#offerPanel,.pricing-strip,.guides-bridge{
    border:1px solid CanvasText}
  .btn,.menu-btn{border-color:ButtonText}
  :focus-visible{outline:3px solid Highlight;outline-offset:2px}
  .menu-btn:focus-visible,.btn:focus-visible,.consent-link:focus-visible{
    outline:3px solid Highlight;box-shadow:none}
  input[aria-invalid="true"],select[aria-invalid="true"]{
    border:2px solid Mark;outline:2px solid Mark;outline-offset:1px}
}
@media print{
  .site-header,.site-footer,.menu,.consent,.skip-link,.edge-tab,
  .scroll-progress,.hazard{display:none !important}
  body{background:#fff;color:#000;font-size:12pt}
  main.wrap{box-shadow:none;border:none;border-radius:0;max-width:none;
    margin:0;padding:0;background:#fff}
  .calc,.guides-bridge,.capture,.pricing-strip,#offerPanel{
    background:#fff;color:#000;border:1px solid #000}
  .guides-bridge h2,.guides-bridge p,.guides-bridge a{color:#000}
  .verdict{background:#fff !important;color:#000;border:2px solid #000}
  .verdict h3,.result-date,.result-label{color:#000}
  a{color:#000;text-decoration:underline}
  fieldset,.strip-door,.door,.q-block,.used-up{border:1px solid #000;background:#fff}
  h2,h3{break-after:avoid}
  .q-block,.strip-door,.door{break-inside:avoid}
}