.nav .brand-mark{flex:0 0 auto}
.urgent-first .askgrid button:active,.urgent-first .askgrid button:focus-visible{border-color:var(--g);outline:none;box-shadow:0 0 0 2px rgba(201,194,255,.35)}
.urgent-first .limits,.urgent-first .safety-note{margin:8px 0;padding:10px 12px;font-size:13px}
.urgent-first .limits h2{margin-bottom:6px}
.urgent-first .limits li{margin:3px 0}
@media(max-width:560px){
  .urgent-h{font-size:26px;margin-bottom:8px}
  .urgent-first .askgrid{margin-bottom:6px}
  .urgent-first .askgrid button{padding:14px 12px;font-size:14px}
}
.later .hero{position:relative;margin:0 0 12px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--card)}
.hero{position:relative;margin:0 0 12px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--card)}
.hero img{width:100%;height:auto;display:block}
.lock{position:relative;max-width:560px;margin:0 auto}
.lock-mask,.lock-words,.lock .iris-word,.lock .elg-word{display:none!important}
.cards{display:grid;gap:10px;margin:18px 0}
.cards .card p.q{margin-bottom:6px}
.addr{direction:ltr;unicode-bidi:isolate;margin-top:6px;color:var(--muted);font-size:13px}
#gate{display:none!important}
body.gated{overflow:auto!important}
.skip{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
  background:var(--gold);color:var(--gold-ink);font:700 13px var(--font,ui-sans-serif,system-ui,sans-serif);text-decoration:none}
.skip:focus{position:fixed;top:0;inset-inline-start:0;z-index:20;
  width:auto;height:auto;padding:10px 16px;overflow:visible;clip:auto;clip-path:none;
  border-end-end-radius:12px}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px;border-radius:8px}
.lang-btn:focus-visible,.lang-switch button:focus-visible,.tabs button:focus-visible,.ans button:focus-visible{outline-offset:3px}
.offline-bar{background:var(--warn);color:var(--gold-ink);margin:0;padding:10px 16px;
  font:600 13px var(--font,ui-sans-serif,system-ui,sans-serif);text-align:center}
.progress{color:var(--muted);font-size:12px;margin:2px 0 6px}
.bar{height:4px;border-radius:999px;background:color-mix(in srgb,var(--gold) 18%,transparent);overflow:hidden;margin-bottom:8px}
.bar span{display:block;height:100%;background:var(--gold);transition:width .25s ease}
@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{
  html,body{background:#fff!important;color:#000!important}
  .wrap{max-width:none;padding:0}
  .lang-switch,.nav,.tabs,.askgrid,.cta,.skip,.offline-bar,.status,.row,.bar,#install-row,.hero .lock{display:none!important}
  .panel{display:block!important;break-inside:avoid}
  .card{background:#fff!important;border:1px solid #999!important;color:#000!important;break-inside:avoid}
  .q,.rule,.lede,.hint,.love,.bullets,.how span,footer{color:#000!important}
  .path,h2{color:#444!important}
  .badge{border:1px solid #000!important;color:#000!important}
  a{color:#000!important;text-decoration:underline}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:11px}
}
.eye{margin:24px auto 8px;max-width:560px}
.eye img{width:100%;height:auto;display:block;border-radius:18px;
  border:1px solid var(--line);background:var(--card)}
@media print{.eye{display:none}}
.tagline{font-weight:500}
footer .made-by{font-weight:500}
footer .we-are a{color:var(--c);font-weight:600}
.hero .tagline{margin-top:4px}
.qr-card{text-align:center}
.qr{display:block;margin:12px auto;width:min(264px,70vw);height:auto;
  border-radius:12px;background:#fff;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent)}
.qr-card .rule{font-size:12px;color:var(--muted);word-break:break-all}
@media print{.qr-card{display:block!important;break-inside:avoid}.qr{border:1px solid #000!important}}
.addr-key{overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.5}
.addr-key a{overflow-wrap:anywhere}