/* Accessibility refinements shared across the static site. */
:root{
  --amber-text:#8A4D20;
}

.skip-link{
  position:fixed;
  top:10px;
  left:10px;
  z-index:1000;
  padding:10px 14px;
  border-radius:8px;
  background:#FFFFFF;
  color:var(--ink);
  font-weight:600;
  transform:translateY(-160%);
  transition:transform .15s ease;
}
.skip-link:focus{transform:translateY(0);}

.eyebrow,
.chip,
.option-card .tag,
.option-card .badge,
.door .tag,
.img-card .img-label,
.compare thead th,
.footer-col .footer-heading{
  font-size:0.75rem;
}
body .footer-legal{color:var(--text-muted);}
body .hero-note,
body .hero-photo .caption,
body .option-card .price small,
body .opt-note,
body .price-status,
body .demo-eyebrow,
body .demo-label,
body .brain-visual span,
body .sensor-card .tag,
body .status-pill,
body .price-block .what,
body .formula small{
  font-size:0.78rem;
}
.mark.amber{background:var(--amber-text);}
.opt-cta.amber{color:var(--amber-text);}
.on-paper-accent{color:var(--amber-text) !important;}
body .sect:not(.on-ink) .step .num,
body .brain-footer-note a{color:var(--amber-text);}
.option-card h3{font-size:1.2rem;}
.footer-col .footer-heading{
  font-family:'IBM Plex Mono', 'SFMono-Regular', Consolas, Menlo, monospace;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--text-on-ink);
  margin-bottom:14px;
  line-height:1.5;
}
.nav-toggle{
  min-width:44px;
  min-height:44px;
  align-items:center;
  justify-content:center;
  border-radius:8px;
}
@media (max-width:880px){
  .nav-toggle{display:flex;}
}
@media (prefers-reduced-motion: reduce){
  .skip-link{transition:none;}
}
