/* BET_SERPA | Top 5 integral edition | public same-origin CSS.
   Keep selectors isolated; CSP forbids inline styles, so NO <style> or style= in HTML. */
:root{--t5-bg:#080b09;--t5-surface:#101713;--t5-surface2:#151e17;--t5-line:#304233;--t5-green:#92ff4f;--t5-soft:#c2ff9a;--t5-text:#f6f7f4;--t5-muted:#a6b2a9}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.t5-body{margin:0;background:var(--t5-bg);color:var(--t5-text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
.t5-body a{color:inherit;text-decoration:none}
.t5-body a:hover{color:var(--t5-green)}
.t5-body img{display:block;max-width:100%}
.t5-body h1,.t5-body h2,.t5-body h3,.t5-body p{margin:0}
.t5-body :focus-visible{outline:3px solid var(--t5-green);outline-offset:4px}
.t5-body ::selection{background:var(--t5-green);color:var(--t5-bg)}
.t5-container{width:min(100% - clamp(32px,7vw,112px),1360px);margin-inline:auto}
.t5-skip{position:absolute;top:-100px;left:20px;padding:12px 18px;background:var(--t5-green);color:#071005!important;z-index:100}.t5-skip:focus{top:10px}
.t5-header{border-bottom:1px solid var(--t5-line);background:#080c09;position:relative;z-index:10}
.t5-header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.t5-brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}
.t5-logo{width:46px;height:46px;object-fit:contain}
.t5-brand-text{font-size:23px;font-weight:950;letter-spacing:-.07em;line-height:1}
.t5-brand-text span{color:var(--t5-green)}
.t5-global-nav{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,2.5vw,35px)}
.t5-global-nav a{font-weight:850;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#c6d2c5;border-bottom:2px solid transparent;padding:10px 0}
.t5-global-nav a:hover,.t5-global-nav a[aria-current=page]{border-color:var(--t5-green);color:#fff}
.t5-topline{border-bottom:1px solid #1e2b22;background:#0c120e}
.t5-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:#b5c4b5;padding-block:13px}
.t5-breadcrumb strong{color:var(--t5-green)}
.t5-hero{padding-block:clamp(44px,6vw,82px) clamp(34px,4vw,56px);background:radial-gradient(circle at 82% 7%,#31551b40,transparent 43%);border-bottom:1px solid var(--t5-line)}
.t5-eyebrow{font-weight:850;color:var(--t5-green);font-size:12px;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.t5-eyebrow:before{content:"";display:block;width:25px;height:2px;background:var(--t5-green)}
.t5-hero-title{font-size:clamp(40px,6.7vw,92px);letter-spacing:-.075em;line-height:1.02;font-weight:950;margin-top:20px!important;max-width:1050px;text-wrap:balance}
.t5-hero-title em{font-style:normal;color:var(--t5-green)}
.t5-summary{color:#c6d1c7;font-size:clamp(15px,1.6vw,19px);line-height:1.7;max-width:800px;margin-top:22px!important}
.t5-proof{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.t5-proof span{display:inline-flex;align-items:center;border:1px solid #3a5340;color:#dfebda;border-radius:999px;padding:7px 13px;font-size:11px;font-weight:750;letter-spacing:.04em}
.t5-proof strong{color:var(--t5-green);font-size:15px;margin-right:6px}
.t5-tabs{display:flex;flex-wrap:wrap;gap:10px;padding-block:20px 26px;border-bottom:1px solid var(--t5-line)}
.t5-tab{border:1px solid #3a4b3e;background:#101812;padding:11px 15px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap;transition:background .15s,border-color .15s}
.t5-tab:hover,.t5-tab:focus-visible{background:#1a2b1b;border-color:var(--t5-green)}
.t5-league{padding-top:42px;scroll-margin-top:30px}
.t5-league-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--t5-line);padding-bottom:18px;margin-bottom:24px}
.t5-league-heading h2{font-size:clamp(27px,4vw,46px);font-weight:900;letter-spacing:-.055em;line-height:1.15}
.t5-league-heading span{color:var(--t5-muted);font-weight:750;font-size:12px}
.t5-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.t5-card{min-width:0;min-height:185px;background:#111a14;border:1px solid #344438;border-radius:13px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:background .16s,border-color .16s,transform .16s}
.t5-card:hover{background:#19251b;border-color:#85de57;transform:translateY(-2px)}
.t5-card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#aebdae;font-size:12px}
.t5-card-meta span{background:#223021;color:#c6e0c3;padding:3px 8px;border-radius:5px;font-weight:700}
.t5-card-title{font-size:clamp(18px,1.7vw,23px);line-height:1.25;font-weight:850;letter-spacing:-.035em;overflow-wrap:anywhere}
.t5-card-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--t5-green);font-size:12px;font-weight:800;margin-top:auto;padding-top:12px}
.t5-card-cta:after{content:"↗";font-size:19px;font-weight:400}
.t5-main{padding-bottom:90px}
.t5-article-header{padding-block:38px 28px;border-bottom:1px solid var(--t5-line)}
.t5-back{color:var(--t5-green)!important;font-size:13px;font-weight:850;display:inline-flex;align-items:center;gap:8px}
.t5-back:before{content:"←";font-size:19px}
.t5-article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;color:#c4d0c5;font-size:12px}
.t5-article-meta span{border:1px solid #3d5643;padding:5px 12px;border-radius:99px}
.t5-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:clamp(30px,4vw,70px);align-items:start;padding-top:22px}
.t5-article-layout .t5-full{min-width:0;max-width:880px}
.t5-full h1{font-size:clamp(37px,5vw,67px);line-height:1.12;letter-spacing:-.065em;font-weight:930;overflow-wrap:anywhere;margin:15px 0 28px}
.t5-full h2{font-size:clamp(24px,2.7vw,34px);line-height:1.18;letter-spacing:-.045em;font-weight:850;margin:48px 0 17px;padding-top:16px;border-top:1px solid var(--t5-line)}
.t5-full h3{font-size:19px;margin:28px 0 12px;color:var(--t5-soft)}
.t5-full p{color:#d4ded5;font-size:clamp(15px,1.25vw,17px);line-height:1.85;margin:15px 0;overflow-wrap:anywhere}
.t5-full strong{color:#fff;font-weight:780}
.t5-full > p:first-of-type{color:#e5f4de;font-size:17px}
.t5-full a{color:#affc86;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.t5-full li{color:#d5e2d4;line-height:1.8;margin:8px 0}
.t5-full ul,.t5-full ol{padding-left:24px}
.t5-full blockquote{border-left:3px solid var(--t5-green);padding:12px 20px;background:#152319;color:#e1f2dc;margin:25px 0}
.t5-full table{border-collapse:collapse;min-width:570px;width:100%;font-size:13px}
.t5-full th,.t5-full td{padding:12px;border:1px solid var(--t5-line);text-align:left}
.t5-full th{background:#1a291d}
.t5-full .scroll{overflow:auto;max-width:100%;margin:20px 0}
.t5-full pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#14201a;padding:18px;border-radius:10px}
.t5-full hr{border:0;border-top:1px solid var(--t5-line);margin:30px 0}
.t5-toc{position:sticky;top:24px;border:1px solid #314335;border-radius:12px;padding:22px;background:#101712}
.t5-toc-label{color:var(--t5-green);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px!important}
.t5-toc a{display:block;font-size:13px;color:#c9d9c5;padding:10px 0;border-bottom:1px solid #263429}
.t5-toc a:last-child{border:0}
.t5-footer{border-top:1px solid var(--t5-line);background:#060806;padding-block:25px;color:#a0b3a2;font-size:12px}
.t5-footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}
.t5-footer strong{color:var(--t5-green)}
/* Feature on existing BET_SERPA homepage, styled externally under the same CSP. */
.t5-home-feature{margin-top:30px!important;margin-bottom:30px!important;padding:clamp(24px,3vw,42px)!important;border:1px solid #385b39;border-radius:16px;background:linear-gradient(115deg,#112016,#091009);box-shadow:0 18px 45px #0003}
.t5-home-feature h2{font-size:clamp(27px,3.6vw,50px);letter-spacing:-.045em;line-height:1.1;color:#f3fff0;margin:14px 0!important}
.t5-home-feature p{color:#cadac8;line-height:1.65;max-width:780px;margin-bottom:24px!important}
.t5-home-feature a{display:inline-flex;padding:15px 20px;background:var(--t5-green);color:#091109!important;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:900}
.t5-home-feature a:hover{background:#c7ffad}
@media(max-width:1040px){.t5-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.t5-article-layout{grid-template-columns:minmax(0,1fr) 200px}.t5-global-nav{gap:14px}}
@media(max-width:720px){.t5-header-inner{min-height:70px}.t5-logo{width:39px;height:39px}.t5-brand-text{font-size:19px}.t5-global-nav{gap:10px}.t5-global-nav a{font-size:10px}.t5-global-nav a:nth-child(n+3){display:none}.t5-article-layout{display:block}.t5-toc{position:static;margin-top:25px}.t5-hero{padding-top:38px}.t5-main{padding-bottom:55px}}
@media(max-width:520px){.t5-container{width:calc(100% - 30px)}.t5-cards{grid-template-columns:1fr}.t5-card{min-height:145px;padding:20px}.t5-hero-title{font-size:clamp(35px,10.5vw,56px)}.t5-hero-title em{display:block}.t5-tabs{gap:8px}.t5-tab{padding:8px 11px}.t5-full h1{font-size:35px}.t5-full h2{font-size:24px}.t5-league{padding-top:34px}}


/* EDITORIAL CONTRACT: the market must be visible above the article title,
   and permanently visible in every listing card, not hidden behind a click. */
.t5-pick-highlight{margin:22px 0 10px;padding:clamp(22px,2.8vw,32px);background:linear-gradient(118deg,#19391c 0%,#102719 60%,#17231a 100%);border:2px solid #9bfd70;border-left:7px solid #a8ff74;border-radius:14px;box-shadow:0 10px 38px #0008;display:flex;flex-direction:column;gap:14px}
.t5-pick-highlight-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.t5-pick-kicker{font-size:13px;color:#baff8d;letter-spacing:.14em;text-transform:uppercase;font-weight:950}
.t5-pick-kicker:before{content:"★";display:inline-block;margin-right:10px;font-size:15px;color:#c1ff8d}
.t5-pick-source{font-size:10px;color:#b7d0b6;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.t5-pick-main-market{font-size:clamp(22px,3.4vw,36px);line-height:1.2;font-weight:950;letter-spacing:-.035em;color:#f9fff4;display:block;max-width:1000px;overflow-wrap:anywhere}
.t5-pick-details{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.t5-pick-odds,.t5-pick-vote{display:inline-flex;align-items:center;gap:7px;min-height:37px;padding:8px 15px;border-radius:8px;font-size:14px;font-weight:800}
.t5-pick-odds{background:#ffe3a3;color:#1d170b}
.t5-pick-odds strong{font-size:18px;font-weight:950;color:#211b0b}
.t5-pick-vote{color:#f5fff1;background:#25492a;border:1px solid #639c5b}
.t5-pick-vote strong{font-size:18px;font-weight:950}
.t5-card-pick{display:flex;flex-direction:column;gap:8px;min-height:110px;padding:15px 16px;background:#1b3020;border:1px solid #5c9662;border-radius:9px;margin:4px 0 6px}
.t5-card-pick-label{font-size:11px;line-height:1.4;text-transform:uppercase;color:#b6ff8a;letter-spacing:.085em;font-weight:950}
.t5-card-pick-market{font-size:clamp(15px,1.55vw,19px);line-height:1.36;letter-spacing:-.01em;font-weight:900;color:#ffffff;overflow-wrap:anywhere}
.t5-card-pick-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}
.t5-card-pick-odds{background:#ffe3a3;color:#20180b;font-size:12px;font-weight:950;border-radius:5px;padding:5px 9px}
.t5-card-pick-vote{background:#335a35;color:#f4fff0;font-size:12px;font-weight:850;border-radius:5px;padding:5px 9px}
.t5-card{min-height:250px;gap:12px}
.t5-card:hover .t5-card-pick{border-color:#a8ff74;background:#25442a}
@media(max-width:720px){.t5-pick-highlight{margin:18px 0 6px;padding:20px}.t5-pick-source{display:none}.t5-pick-kicker{font-size:12px}.t5-card-pick{min-height:0}}
@media(max-width:520px){.t5-pick-main-market{font-size:clamp(20px,6.2vw,28px)}.t5-pick-odds,.t5-pick-vote{padding:7px 11px;font-size:12px}.t5-pick-odds strong,.t5-pick-vote strong{font-size:16px}.t5-card{min-height:0}}
