/* SpinReport base.css — reset, tokens, typography */
:root{
  --bg:#F6F5EC;
  --text:#12211F;
  --dark-bg:#0A3D3E;
  --dark-surface:#11504F;
  --text-on-dark:#EAF6F3;
  --accent:#3FBFA6;
  --casino:#B4531F;
  --poi:#2C6E5B;
  --border:#d8d5c4;
  --max-w:1160px;
  --col:68ch;
  --radius:10px;
  --ff-head:'Fraunces',Georgia,serif;
  --ff-body:'Nunito Sans',system-ui,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --border:#2c5453;
  }
}
:root[data-theme="dark"]{
  --border:#2c5453;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--ff-body);
  font-size:16px;
  line-height:1.55;
  font-variant-numeric:tabular-nums;
}
h1,h2,h3,h4{
  font-family:var(--ff-head);
  font-weight:600;
  line-height:1.15;
  color:var(--text);
  margin:0 0 .6em;
}
h1{font-size:36px;}
h2{font-size:28px; position:relative; padding-bottom:.35em; margin-top:1.6em;}
h2::after{
  content:"";
  display:block;
  width:64px;
  height:4px;
  margin-top:.35em;
  background:linear-gradient(90deg,var(--casino),var(--accent));
  border-radius:2px;
}
h3{font-size:22px;}
h4{font-size:18px;}
p,li{font-size:16px;}
small,.small{font-size:14px;}
.eyebrow{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--poi); font-weight:600;}
@media (min-width:900px){
  h1{font-size:48px;}
}
p{max-width:var(--col);}
a{color:var(--poi);}
a:hover{color:var(--casino);}
img,svg{max-width:100%;}
.container{max-width:var(--max-w); margin:0 auto; padding:0 16px;}
@media (min-width:600px){
  .container{padding:0 24px;}
}
[hidden]{display:none!important;}
.skip-link{
  position:absolute;
  left:-999px;
  top:0;
  background:var(--accent);
  color:#06201f;
  padding:10px 16px;
  z-index:1000;
  border-radius:0 0 8px 0;
  font-weight:600;
}
.skip-link:focus{left:0;}
button{font-family:inherit;}
table{border-collapse:collapse; width:100%; font-variant-numeric:tabular-nums;}
th,td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--border);}
thead th{font-family:var(--ff-head); font-weight:600;}
.badge-18{
  display:inline-flex;
  align-items:center;
  gap:.35em;
  background:var(--casino);
  color:#fff;
  font-weight:700;
  font-size:12px;
  padding:.25em .6em;
  border-radius:999px;
  letter-spacing:.03em;
}
.fact-row{
  background:var(--dark-surface);
  color:var(--text-on-dark);
  border-radius:var(--radius);
  padding:16px 20px;
  margin:1.2em 0;
  border-left:4px solid var(--accent);
}
.fact-row p{max-width:none; margin:0; color:var(--text-on-dark);}
:focus-visible{outline:3px solid var(--casino); outline-offset:2px;}