/* MarathonBet.games — pace stylesheet | brand metaphor: track / race */
:root{
  --mb-red:#d8121a; --mb-red-dk:#a60d14; --mb-navy:#1a2440; --mb-navy-dk:#121a30;
  --mb-ink:#1d2330; --mb-mute:#5d6577; --mb-line:#e4e7ee; --mb-paper:#ffffff;
  --mb-sand:#f5f6fa; --mb-gold:#f4b41a; --mb-ok:#1f9d57;
  --mb-rad:14px; --mb-shadow:0 6px 22px rgba(26,36,64,.10); --mb-wrap:1140px;
  --mb-font:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--mb-font);color:var(--mb-ink);background:var(--mb-sand);line-height:1.65;font-size:17px}
img{max-width:100%;height:auto;display:block}
a{color:var(--mb-red);text-decoration:none}
a:hover{text-decoration:underline}
.lane{max-width:var(--mb-wrap);margin:0 auto;padding:0 20px}

/* startline = header */
.startline{background:var(--mb-navy);position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.startline .lane{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:14px}
.crest{display:flex;align-items:center;gap:10px}
.crest img{height:40px;width:auto}
.crest b{color:#fff;font-size:18px;letter-spacing:.3px}
.pacer{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.pacer a{color:#cfd6e8;font-size:14px;font-weight:600}
.pacer a:hover{color:#fff;text-decoration:none}
.flag-btn{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}

/* trackboard = hero */
.trackboard{background:linear-gradient(135deg,var(--mb-navy) 0%,var(--mb-navy-dk) 100%);color:#fff;padding:54px 0 60px}
.trackboard h1{font-size:38px;line-height:1.18;margin-bottom:14px}
.trackboard p.lead{font-size:19px;color:#cdd4e6;max-width:760px;margin-bottom:26px}
.scorecard{display:inline-flex;align-items:center;gap:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:var(--mb-rad);padding:14px 20px;margin-bottom:26px}
.scorecard .big{font-size:40px;font-weight:800;color:var(--mb-gold);line-height:1}
.scorecard small{display:block;color:#aeb7d0;font-size:13px}
.stars{color:var(--mb-gold);font-size:20px;letter-spacing:2px}

/* sprint-go = primary CTA (uniqueness #3) */
.sprint-go{display:inline-block;background:var(--mb-red);color:#fff;font-weight:700;font-size:17px;
  padding:15px 34px;border-radius:40px;border:0;cursor:pointer;transition:transform .12s,background .12s;box-shadow:0 6px 16px rgba(216,18,26,.32)}
.sprint-go:hover{background:var(--mb-red-dk);transform:translateY(-2px);text-decoration:none;color:#fff}
.sprint-go.ghost{background:transparent;border:2px solid #fff;box-shadow:none}
.sprint-go.ghost:hover{background:#fff;color:var(--mb-navy)}

/* content */
.field{background:var(--mb-paper);margin:26px auto;border-radius:var(--mb-rad);box-shadow:var(--mb-shadow);padding:34px 38px;max-width:var(--mb-wrap)}
.field h2{font-size:27px;color:var(--mb-navy);margin:8px 0 14px;border-left:5px solid var(--mb-red);padding-left:14px}
.field h3{font-size:20px;color:var(--mb-navy-dk);margin:22px 0 8px}
.field p{margin-bottom:14px}
.field ul,.field ol{margin:0 0 16px 22px}
.field li{margin-bottom:7px}
.marker{color:var(--mb-red);font-weight:700}

/* lanegrid = card grid */
.lanegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:18px 0}
.milestone{background:var(--mb-sand);border:1px solid var(--mb-line);border-radius:var(--mb-rad);padding:20px}
.milestone h4{color:var(--mb-navy);font-size:17px;margin-bottom:6px}
.milestone p{font-size:15px;color:var(--mb-mute);margin:0}

/* split table */
.splitwrap{overflow-x:auto;margin:16px 0}
table.split{width:100%;border-collapse:collapse;font-size:15px}
table.split th{background:var(--mb-navy);color:#fff;text-align:left;padding:11px 13px}
table.split td{padding:10px 13px;border-bottom:1px solid var(--mb-line)}
table.split tr:nth-child(even) td{background:var(--mb-sand)}

/* checkpoint = FAQ accordion */
.checkpoint{border:1px solid var(--mb-line);border-radius:10px;margin-bottom:10px;overflow:hidden;background:var(--mb-paper)}
.checkpoint .ask{width:100%;text-align:left;background:none;border:0;padding:16px 18px;font-size:16px;font-weight:600;
  color:var(--mb-navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.checkpoint .ask .glyph{color:var(--mb-red);font-size:18px;flex:none}
.checkpoint .reply{max-height:0;overflow:hidden;transition:max-height .28s ease;padding:0 18px}
.checkpoint .reply p{margin:0 0 14px}
.checkpoint.is-crossed .reply{max-height:640px;padding-top:2px}

/* notes */
.note{background:#fff7e6;border-left:4px solid var(--mb-gold);padding:14px 18px;border-radius:8px;margin:16px 0;font-size:15px}
.warn{background:#fdeaea;border-left:4px solid var(--mb-red);padding:14px 18px;border-radius:8px;margin:16px 0;font-size:15px}

/* breadcrumb */
.relay-trail{font-size:13px;color:var(--mb-mute);padding:14px 20px;max-width:var(--mb-wrap);margin:0 auto}
.relay-trail a{color:var(--mb-mute)}

/* finishrail = footer */
.finishrail{background:var(--mb-navy-dk);color:#aeb7d0;margin-top:40px;padding:42px 0 26px;font-size:14px}
.finishrail .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px}
.finishrail h5{color:#fff;font-size:15px;margin-bottom:12px}
.finishrail a{color:#aeb7d0;display:block;margin-bottom:7px}
.finishrail a:hover{color:#fff}
.finishrail .badges{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0}
.finishrail .badges span{border:1px solid #39456b;border-radius:6px;padding:5px 10px;font-size:12px;color:#cfd6e8}
.finishrail .crest img{height:34px;filter:brightness(0) invert(1)}
.legal-strip{border-top:1px solid #2a3556;margin-top:26px;padding-top:18px;font-size:12.5px;color:#8b95b4}
.legal-strip .age{display:inline-block;border:2px solid var(--mb-red);color:#fff;border-radius:50%;width:34px;height:34px;
  line-height:30px;text-align:center;font-weight:700;margin-right:10px;vertical-align:middle}

@media(max-width:820px){
  .pacer{display:none;position:absolute;top:66px;left:0;right:0;background:var(--mb-navy);flex-direction:column;padding:14px 20px;gap:12px}
  .pacer.unrolled{display:flex}
  .flag-btn{display:block}
  .trackboard h1{font-size:29px}
  .field{padding:24px 20px;border-radius:10px}
  body{font-size:16px}
}