/* Scoped Champions League article, matching the existing black/red/yellow site. */
.cl-skip{position:absolute;left:18px;top:-90px;background:#ffd400;color:#070709;padding:12px 18px;z-index:200}.cl-skip:focus{top:10px}.cl-page{overflow-wrap:break-word}.cl-page a:focus-visible,.cl-table-wrap:focus-visible{outline:3px solid #ef110c;outline-offset:4px}
.cl-hero{padding:45px 0 70px;background:linear-gradient(115deg,#09090bf7,#09090bdf),url('/assets/background.webp') center/cover;border-bottom:5px solid var(--red)}.cl-breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;color:#bbb5b5;margin-bottom:40px}.cl-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:48px;align-items:center}.cl-hero h1{font-size:clamp(2.8rem,5.6vw,5rem);margin:24px 0;line-height:1.03}.cl-hero h1 span{display:block;color:var(--yellow)}.cl-lead{font-size:1.13rem;line-height:1.7;color:#e3dedf;max-width:650px}.cl-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.cl-actions .btn{white-space:normal;text-align:center}.cl-meta{font-size:.78rem;color:#bcb6ba;margin-top:27px}
.cl-season{background:#141419;padding:30px;border:1px solid #36363d;border-top:5px solid var(--yellow);border-radius:8px}.cl-kicker{font-size:.72rem;letter-spacing:.12em;font-weight:900;color:#b70c09;text-transform:uppercase}.cl-season .cl-kicker{color:#ffd400}.cl-season>strong{display:block;font-size:clamp(3.3rem,6.5vw,5.5rem);line-height:1.1;letter-spacing:-.06em;margin:20px 0}.cl-season>strong span{color:var(--red)}.cl-season dl{margin:0}.cl-season dl>div{border-top:1px solid #3b3b40;padding:14px 0}.cl-season dt{font-size:.76rem;color:#bcb7be}.cl-season dd{font-size:1rem;font-weight:700;margin:4px 0 0}.cl-season>a{display:inline-block;color:var(--yellow);font-size:.88rem;margin-top:15px}
.cl-body{background:#f6eeee;color:#171113}.cl-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:60px;padding-block:65px 85px;align-items:start}.cl-prose{min-width:0}.cl-prose section{padding:0;margin:0 0 55px;scroll-margin-top:150px}.cl-prose h2{font-size:clamp(1.85rem,3.4vw,2.75rem);line-height:1.1;margin:12px 0 23px;letter-spacing:-.045em}.cl-prose h3{font-size:1.4rem;line-height:1.2;margin:30px 0 16px;letter-spacing:-.03em}.cl-prose p,.cl-prose li{font-size:1.025rem;line-height:1.85}.cl-prose p{margin:0 0 19px}.cl-prose li{padding:4px 0}.cl-prose ul,.cl-prose ol{padding-left:24px}.cl-prose a:not(.btn){color:#a40907;text-underline-offset:3px}.cl-table-wrap{overflow-x:auto;max-width:100%;margin:25px 0}.cl-prose table{width:100%;border-collapse:collapse;font-size:.87rem;line-height:1.65}.cl-prose caption{text-align:left;font-weight:700;padding-bottom:12px}.cl-prose th,.cl-prose td{padding:14px 12px;border:1px solid #d0c6c8;text-align:left;vertical-align:top}.cl-prose thead th{background:#171113;color:#fff}.cl-prose tbody th{font-weight:700;background:#ede2e4}.cl-calendar td{min-width:195px}.cl-calendar tr:last-child td,.cl-calendar tr:last-child th{background:#ffd400}.cl-prose .cl-source{font-size:.79rem;line-height:1.75;color:#635459}
.cl-note{border-left:5px solid #ef110c;background:#f0dedf;padding:22px;line-height:1.8;margin:25px 0}.cl-note strong{display:block;margin-bottom:5px}.cl-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}.cl-device{background:#fff;border-top:4px solid #ef110c;padding:22px 18px}.cl-device h3{font-size:1.15rem;margin:0 0 15px}.cl-device p{font-size:.92rem}.cl-device a{font-size:.85rem;font-weight:700}
.cl-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0}.cl-plan{background:#111115;color:#fff;padding:25px;border:1px solid #343439;border-radius:7px}.cl-plan h3{font-size:1.2rem;margin:0 0 17px;line-height:1.3}.cl-plan .cl-price{font-size:2.7rem;font-weight:900;line-height:1.2;color:#ffd400;margin:0 0 12px}.cl-plan p{font-size:.8rem;color:#c9c3c8}.cl-plan .btn{width:100%;font-size:.7rem}.cl-test{background:#141419;color:#fff;border-top:4px solid #ffd400;padding:28px;margin:28px 0}.cl-test h3{margin-top:0}.cl-test p{color:#d8d1d5}.cl-faq{border-top:2px solid #171113}.cl-faq details{border-bottom:1px solid #c7babc;padding:22px 0}.cl-faq summary{font-weight:800;cursor:pointer;line-height:1.6;padding-right:10px}.cl-faq p{margin:15px 0 0;font-size:.96rem}
.cl-sidebar{position:sticky;top:150px;background:#fff;padding:27px 22px;border-top:5px solid #ef110c}.cl-sidebar h2{font-size:1.05rem;line-height:1.3;margin:0 0 18px}.cl-sidebar nav a{display:block;text-decoration:none;font-size:.85rem;padding:9px 0;border-bottom:1px solid #eadfe2;color:#292126}.cl-sidebar-help{margin-top:26px}.cl-sidebar-help p{font-size:.85rem;line-height:1.75}.cl-sidebar-help .btn{width:100%;font-size:.75rem}.cl-sidebar-help>a:not(.btn){display:block;margin-top:18px;font-size:.8rem;color:#a40907}.cl-final{background:#0b0b0e;border-top:4px solid #ef110c;padding:68px 0}.cl-final .cl-kicker{color:#ffd400}.cl-final h2{font-size:clamp(2rem,4.6vw,3.8rem);max-width:800px;margin:20px 0}.cl-final p{max-width:670px;color:#c6c0c4;line-height:1.8}
@media(max-width:1000px){.cl-hero-grid{gap:25px}.cl-layout{gap:30px;grid-template-columns:minmax(0,1fr) 240px}.cl-device-grid{grid-template-columns:1fr}}
@media(max-width:800px){.cl-hero-grid,.cl-layout{grid-template-columns:1fr}.cl-season{max-width:580px}.cl-sidebar{position:static}.cl-hero h1{font-size:clamp(2.7rem,8vw,4.7rem)}.cl-layout{padding-block:45px 60px}.cl-prose section{scroll-margin-top:130px}}
@media(max-width:540px){.cl-hero{padding:30px 0 45px}.cl-breadcrumbs{margin-bottom:25px}.cl-season{padding:23px}.cl-plans{grid-template-columns:1fr}.cl-actions .btn{width:100%}.cl-prose h2{font-size:1.9rem}.cl-prose th,.cl-prose td{padding:12px 9px}.cl-test{padding:23px 19px}.cl-hero h1{font-size:2.8rem}.cl-prose section{margin-bottom:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the inherited dark FAQ cards readable in the light article. */
.cl-page .cl-faq details{background:#111115;color:#fff;border:1px solid #34343c;border-radius:6px;margin:12px 0;padding:0;overflow:hidden}
.cl-page .cl-faq summary{color:#fff;font-weight:800;padding:22px 54px 22px 20px;line-height:1.6}
.cl-page .cl-faq summary::after{color:#ffd400}
.cl-page .cl-faq details p{color:#e6e2e5;font-size:.96rem;line-height:1.85;margin:0;padding:0 20px 22px}
.cl-page .price-main,.cl-page .compare-section{scroll-margin-top:150px}
.cl-page .price-main .section-head p,.cl-page .compare-section .section-head p{color:#c9c3c8}
.cl-page .compare-wrap{overflow-x:auto}.cl-page .compare-table{min-width:640px}