/* PlayReview — base.css : reset, tokens, typography */
:root{
  --bg-dark:#122A2E;
  --surface-dark:#1B3B40;
  --accent:#D98E3A;
  --bg-light:#F5F1E8;
  --text-dark-bg:#EEF3F1;
  --text-light-bg:#171C1D;
  --match-partial:#8A6D1E;
  --match-full:#2E6E52;
  --border-light:#D8D0BE;
  --border-dark:#2C4B4F;
  --focus-ring:#D98E3A;
  --fs-12:.75rem;--fs-14:.875rem;--fs-16:1rem;--fs-18:1.125rem;
  --fs-22:1.375rem;--fs-28:1.75rem;--fs-36:2.25rem;--fs-48:3rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg-light);
  color:var(--text-light-bg);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:var(--fs-16);
  line-height:1.55;
}
h1,h2,h3,h4{
  font-family:'Fraunces',Georgia,serif;
  font-weight:600;
  line-height:1.15;
  margin:0 0 .6em;
  color:var(--text-light-bg);
}
h1{font-size:var(--fs-36)}
h2{font-size:var(--fs-28)}
h3{font-size:var(--fs-22)}
p,li{max-width:68ch}
p{margin:0 0 1em}
a{color:var(--match-full)}
a:hover{text-decoration-thickness:2px}
img{max-width:100%;height:auto;display:block}
button,input{font-family:inherit;font-size:1rem}
[hidden]{display:none!important}
.tabular{font-variant-numeric:tabular-nums}

/* focus visibility */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{
  outline:2px solid var(--focus-ring);
  outline-offset:2px;
}

/* skip link */
.skip-link{
  position:absolute;left:-9999px;top:0;background:var(--accent);
  color:var(--text-light-bg);padding:.6em 1em;z-index:1000;
  border-radius:0 0 6px 0;
}
.skip-link:focus{left:0}

/* headings brass rule */
h2{position:relative;padding-bottom:.35em}
h2::after{
  content:"";display:block;width:64px;height:1px;background:var(--accent);
  margin-top:.4em;
}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

@media (prefers-color-scheme: dark){
  :root{--border-light:#3a3527}
  .card,.fact-row,.faq-item{border-color:var(--border-dark)!important;background:#20302f}
}