/* WagerGuide - base.css : reset, tokens, typography */
:root{
  --bg-dark:#241B2F;
  --surface:#332644;
  --accent:#E85D6B;
  --bg-light:#F7F2ED;
  --text-on-light:#1B1620;
  --text-on-dark:#F3EEF7;
  --conflict:#B4531F;
  --free:#2C6E5B;
  --radius:10px;
  --maxw:1160px;
  --gutter:24px;
  --gutter-sm:16px;
  --ff-head:'Manrope',sans-serif;
  --ff-body:'Karla',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg-light);
  color:var(--text-on-light);
  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:700;
  line-height:1.15;
  margin:0 0 .6em;
}
h1{font-size:36px}
h2{font-size:28px;position:relative;padding-top:14px}
h2::before{
  content:"";
  position:absolute;top:0;left:0;
  width:64px;height:3px;
  background:linear-gradient(90deg,#C9A15A,#E8C77E);
}
h3{font-size:22px}
p{margin:0 0 1em;max-width:68ch}
small{font-size:12px}
.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:600}
a{color:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{
  outline:3px solid #1B1620;outline-offset:2px;
}
img{max-width:100%;display:block}
ul,ol{padding-left:1.2em}
table{border-collapse:collapse;width:100%}
[hidden]{display:none!important}
.skip-link{
  position:absolute;left:-999px;top:0;background:#fff;color:#1B1620;
  padding:10px 16px;z-index:1000;border-radius:0 0 8px 0;
}
.skip-link:focus{left:0}
.visually-hidden{
  position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0;margin:-1px;
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}