/* Sports landing copy in the existing site design system. */
.sports-content { margin-top:40px; scroll-margin-top:96px; }
.sports-content h2 { line-height:1.25; margin-bottom:20px; }
.sports-content h3 { font-size:18px; line-height:1.4; margin:0 0 12px; }
.sports-content p,.sports-content li,.sports-content dd { color:var(--muted); line-height:1.8; }
.sports-content > p { max-width:900px; }
.sports-content .eyebrow { color:var(--green); }
.sports-content .button { margin-top:16px; }
.sports-copy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.sports-copy-grid article,.sports-example { background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:24px; }
.sports-example { margin:24px 0; }
.sports-example strong { color:var(--gold); font-size:24px; }
.sports-market-list { margin:24px 0; }
.sports-market-list > div { padding:20px 0; border-bottom:1px solid var(--line); }
.sports-market-list dt { font-weight:700; margin-bottom:8px; }
.sports-market-list dd { margin:0; max-width:900px; }
.sports-steps { padding-left:24px; }
.sports-steps li { padding-left:6px; margin:16px 0; }
.sports-steps strong { color:#fff; }
.sports-content-link,.sports-faq a { color:var(--green); font-weight:700; }
.sports-faq details { padding:20px 0; border-bottom:1px solid var(--line); }
.sports-faq summary { font-weight:700; line-height:1.6; }
.sports-faq details p { max-width:900px; }
.sports-preview-note { color:var(--muted); font-size:12px; margin-bottom:16px; }
@media(max-width:600px) { .sports-content { margin-top:30px; } .sports-copy-grid { grid-template-columns:1fr; gap:16px; } .sports-content h2 { font-size:21px; } .sports-copy-grid article,.sports-example { padding:20px; } .sports-example strong { font-size:21px; } }

.sports-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px 24px; margin-top:24px; }
.page-sports .sports-hero-actions .button { margin-top:0; }
.sports-hero-secondary { color:#e3e9e5; font-size:13px; font-weight:600; line-height:1.5; }
.sports-hero-secondary:hover { color:var(--green); }
#markets-title { scroll-margin-top:100px; }
@media(max-width:600px) { .sports-hero-actions { margin-top:20px; gap:14px; } .sports-hero-secondary { font-size:12px; } }

/* Simulated odds movements: colour plus a directional indicator. */
.page-sports .odds button { position:relative; }
.sports-odd-arrow { position:absolute; right:4px; bottom:7px; font-size:12px; font-weight:800; }
.page-sports .odds button.odd-up { color:#77ffb1; border-color:#00c96b; background:#0b4932; animation: sports-odd-rise 1.1s ease-in-out 2; }
.page-sports .odds button.odd-down { color:#ffb2b8; border-color:#f35c6c; background:#52212b; animation: sports-odd-fall 1.1s ease-in-out 2; }
@keyframes sports-odd-rise { 50% { background:#08703e; } }
@keyframes sports-odd-fall { 50% { background:#852d3c; } }
@media(prefers-reduced-motion:reduce) { .page-sports .odds button.odd-up,.page-sports .odds button.odd-down { animation:none; } }

/* Gold section headings echo the sports hero accent. */
.page-sports .sports-content > h2 { color: var(--gold); }