/* Homepage-only Top Predictions hero. The existing React hero is intentionally untouched. */
.n9-home-top-predictions{width:min(1440px,calc(100% - 32px));margin:32px auto 4px;padding:0 32px;box-sizing:border-box;font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e5edf8}
.n9-home-top-shell{position:relative;overflow:hidden;border:1px solid rgba(45,212,191,.18);border-radius:30px;background:radial-gradient(circle at 8% 0,rgba(16,185,129,.14),transparent 36%),linear-gradient(135deg,rgba(7,16,31,.97),rgba(11,20,37,.94));box-shadow:0 28px 75px rgba(2,6,23,.28);padding:24px}
.n9-home-top-shell:after{content:"";position:absolute;right:-10%;bottom:-45%;width:48%;height:78%;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.1),transparent 70%);pointer-events:none}
.n9-home-top-heading-row{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
.n9-home-top-heading-row>div:first-child{max-width:820px}.n9-home-top-eyebrow{display:block;margin-bottom:5px;color:#34d399;font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.n9-home-top-heading-row h2{margin:0;color:#f8fafc;font-family:"Space Grotesk",sans-serif;font-size:clamp(1.5rem,2.5vw,2.35rem);line-height:1.05;letter-spacing:-.04em}.n9-home-top-heading-row p{margin:8px 0 0;max-width:760px;color:#91a4bf;font-size:.85rem;line-height:1.65}
.n9-home-top-slider-nav{display:flex;align-items:center;gap:7px}.n9-home-top-slider-nav button{display:grid;place-items:center;width:38px;height:36px;border:1px solid rgba(148,163,184,.2);border-radius:11px;background:rgba(2,6,23,.35);color:#b9c7d9;font-size:1rem;font-weight:900;line-height:1;cursor:pointer;transition:.18s ease}.n9-home-top-slider-nav button:hover,.n9-home-top-slider-nav button:focus-visible{border-color:rgba(52,211,153,.44);background:rgba(16,185,129,.14);color:#6ee7b7;box-shadow:0 0 0 3px rgba(16,185,129,.05);outline:0}
.n9-home-top-slides{position:relative;z-index:1}.n9-home-top-slide{display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:28px;align-items:stretch;min-height:340px;border:1px solid rgba(148,163,184,.12);border-radius:24px;background:rgba(2,6,23,.35);overflow:hidden;cursor:pointer;animation:n9HomeTopIn .32s ease both}.n9-home-top-slide[hidden]{display:none!important}@keyframes n9HomeTopIn{from{opacity:.18;transform:translateY(6px)}to{opacity:1;transform:none}}
.n9-home-top-copy{display:flex;flex-direction:column;justify-content:center;padding:30px 8px 30px 30px}.n9-home-top-match-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.n9-home-top-match-meta span{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid rgba(148,163,184,.14);border-radius:999px;background:rgba(15,23,42,.64);color:#9fb1c9;font-size:10px;font-weight:800}.n9-home-top-match-meta span:first-child{border-color:rgba(52,211,153,.3);background:rgba(16,185,129,.1);color:#6ee7b7}.n9-home-top-copy h3{margin:0 0 12px;font-family:"Space Grotesk",sans-serif;font-size:clamp(1.75rem,3vw,3rem);line-height:1.02;letter-spacing:-.055em}.n9-home-top-copy h3 a{color:#f8fafc;text-decoration:none}.n9-home-top-copy h3 a:hover{color:#6ee7b7}.n9-home-top-advice{margin:0;color:#a7b6ca;font-size:.9rem;line-height:1.7;max-width:600px}.n9-home-top-probabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.n9-home-top-probabilities span{display:grid;gap:3px;padding:11px 12px;border:1px solid rgba(148,163,184,.14);border-radius:13px;background:rgba(15,23,42,.58)}.n9-home-top-probabilities small{color:#7f93ae;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.n9-home-top-probabilities strong{color:#f8fafc;font-family:"JetBrains Mono",monospace;font-size:1.05rem}.n9-home-top-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.n9-home-top-actions a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border-radius:12px;background:linear-gradient(135deg,#10b981,#14f1c3);color:#032019;text-decoration:none;font-size:.8rem;font-weight:950;box-shadow:0 10px 30px rgba(16,185,129,.14)}.n9-home-top-actions a:hover{filter:brightness(1.05);transform:translateY(-1px)}.n9-home-top-actions small{color:#7f93ae;font-size:10px;font-weight:800;text-align:right}
.n9-home-top-visual{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px 26px 19px;background:linear-gradient(145deg,rgba(15,23,42,.74),rgba(3,11,24,.32));border-left:1px solid rgba(148,163,184,.11)}.n9-home-top-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.n9-home-top-chart-head>div:first-child{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:10px}.n9-home-top-chart-head span{grid-column:1/-1;color:#7f93ae;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.n9-home-top-chart-head strong{color:#34d399;font-family:"JetBrains Mono",monospace;font-size:2rem;line-height:1}.n9-home-top-chart-head small{padding-bottom:3px;color:#9fb1c9;font-size:10px;font-weight:700}.n9-home-top-feed-state{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(52,211,153,.3);border-radius:999px;background:rgba(16,185,129,.08);color:#6ee7b7;font-size:9px;font-weight:900;letter-spacing:.07em}.n9-home-top-feed-state i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.1)}
.n9-home-top-chart-stage{position:relative;display:flex;flex:1;flex-direction:column;justify-content:center;min-height:250px;margin-top:5px;padding:0 4px}.n9-home-top-trend-stats{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:9px 0 1px}.n9-home-top-trend-stats span{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 8px;border:1px solid rgba(148,163,184,.14);border-radius:999px;background:rgba(15,23,42,.44);color:#7f93ae;font-family:"JetBrains Mono",monospace;font-size:8px;font-weight:700}.n9-home-top-trend-stats b{color:#c6d2e2;font-weight:800}.n9-home-top-trend-stats .n9-home-top-trend-change{margin-left:auto;color:#34d399;border-color:rgba(52,211,153,.22);background:rgba(16,185,129,.08)}.n9-home-top-trend-stats .n9-home-top-trend-change.is-down{color:#fb7185;border-color:rgba(251,113,133,.22);background:rgba(244,63,94,.07)}.n9-home-top-chart-svg{display:block;width:100%;height:auto;max-height:245px;overflow:visible}.n9-home-top-chart-grid line{stroke:rgba(148,163,184,.12);stroke-width:1;stroke-dasharray:3 6}.n9-home-top-chart-fill{pointer-events:none}.n9-home-top-chart-line{fill:none;stroke:#34d399;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 7px rgba(16,185,129,.3))}.n9-home-top-chart-points circle{fill:#34d399;stroke:rgba(6,19,30,.78);stroke-width:1.4;opacity:.7}.n9-home-top-chart-points circle.is-current{fill:#06131e;stroke:#34d399;stroke-width:4;opacity:1}.n9-home-top-trend-axis{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:-5px;color:#6f84a2;font-family:"JetBrains Mono",monospace;font-size:8px}.n9-home-top-trend-axis span:nth-child(2){text-align:center}.n9-home-top-trend-axis span:last-child{text-align:right}.n9-home-top-trend-collecting{margin:9px 0 0;padding:8px 10px;border:1px dashed rgba(52,211,153,.24);border-radius:10px;background:rgba(16,185,129,.05);color:#8fa3bc;font-size:9px;line-height:1.5}.n9-home-top-chart-foot{display:flex;justify-content:space-between;gap:16px;margin-top:8px;color:#6f84a2;font-size:9px;line-height:1.5}.n9-home-top-chart-foot span:last-child{text-align:right}

html[data-n9-theme="light"] .n9-home-top-predictions{color:#0f172a}html[data-n9-theme="light"] .n9-home-top-shell{background:radial-gradient(circle at 8% 0,rgba(16,185,129,.11),transparent 36%),linear-gradient(135deg,#fbffff,#eef6ff);border-color:rgba(15,23,42,.1);box-shadow:0 28px 75px rgba(15,23,42,.1)}html[data-n9-theme="light"] .n9-home-top-heading-row h2,html[data-n9-theme="light"] .n9-home-top-copy h3 a,html[data-n9-theme="light"] .n9-home-top-probabilities strong{color:#0f172a}html[data-n9-theme="light"] .n9-home-top-heading-row p,html[data-n9-theme="light"] .n9-home-top-advice{color:#64748b}html[data-n9-theme="light"] .n9-home-top-slide{background:rgba(255,255,255,.67);border-color:rgba(15,23,42,.09)}html[data-n9-theme="light"] .n9-home-top-match-meta span,html[data-n9-theme="light"] .n9-home-top-probabilities span{background:#fff;border-color:rgba(15,23,42,.09);color:#64748b}html[data-n9-theme="light"] .n9-home-top-visual{background:linear-gradient(145deg,rgba(248,250,252,.95),rgba(240,249,255,.76));border-left-color:rgba(15,23,42,.08)}html[data-n9-theme="light"] .n9-home-top-chart-head small,html[data-n9-theme="light"] .n9-home-top-chart-labels span{color:#475569}html[data-n9-theme="light"] .n9-home-top-chart-grid line{stroke:rgba(15,23,42,.1)}html[data-n9-theme="light"] .n9-home-top-chart-points circle{fill:#fff}html[data-n9-theme="light"] .n9-home-top-slider-nav button{background:#fff;border-color:rgba(15,23,42,.1);color:#475569}
html[data-n9-theme="light"] .n9-home-top-trend-stats span{background:#fff;border-color:rgba(15,23,42,.09);color:#64748b}html[data-n9-theme="light"] .n9-home-top-trend-stats b{color:#334155}html[data-n9-theme="light"] .n9-home-top-chart-points circle{stroke:#fff}html[data-n9-theme="light"] .n9-home-top-chart-points circle.is-current{fill:#fff;stroke:#10b981}html[data-n9-theme="light"] .n9-home-top-trend-collecting{background:rgba(236,253,245,.75);color:#64748b}
@media(max-width:1080px){.n9-home-top-predictions{width:min(100% - 24px,960px);padding:0}.n9-home-top-slide{grid-template-columns:1fr;gap:0}.n9-home-top-copy{padding:24px}.n9-home-top-visual{border-left:0;border-top:1px solid rgba(148,163,184,.11);min-height:310px}.n9-home-top-heading-row{align-items:center}}
@media(max-width:680px){.n9-home-top-predictions{width:calc(100% - 20px);margin-top:18px}.n9-home-top-shell{padding:14px;border-radius:22px}.n9-home-top-heading-row{display:grid;gap:13px}.n9-home-top-slider-nav{justify-content:flex-start}.n9-home-top-slider-nav button{flex:0 0 38px}.n9-home-top-slide{border-radius:18px}.n9-home-top-copy{padding:20px 16px}.n9-home-top-copy h3{font-size:clamp(1.7rem,8vw,2.25rem)}.n9-home-top-probabilities{gap:6px}.n9-home-top-probabilities span{padding:10px 8px}.n9-home-top-actions{align-items:flex-start;flex-direction:column}.n9-home-top-actions a{width:100%;justify-content:center}.n9-home-top-actions small{text-align:left}.n9-home-top-visual{padding:18px 14px 14px;min-height:275px}.n9-home-top-chart-head strong{font-size:1.55rem}.n9-home-top-chart-stage{min-height:210px}.n9-home-top-trend-stats{gap:5px}.n9-home-top-trend-stats span{padding:0 6px;font-size:7px}.n9-home-top-trend-stats .n9-home-top-trend-change{margin-left:0}.n9-home-top-trend-axis{font-size:7px;gap:6px}.n9-home-top-chart-labels span{display:grid;justify-items:center;padding:7px 4px}.n9-home-top-chart-foot{display:grid;gap:4px}.n9-home-top-chart-foot span:last-child{text-align:left}}

/* v243: homepage Top Predictions card refinement — homepage-only. */
.n9-home-top-heading-row h1{margin:0;color:#f8fafc;font-family:"Space Grotesk",sans-serif;font-size:clamp(1.5rem,2.5vw,2.35rem);line-height:1.05;letter-spacing:-.04em}
.n9-home-top-slide{grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr);gap:0;min-height:390px;background:rgba(2,6,23,.28)}
.n9-home-top-copy{justify-content:flex-start;padding:28px 28px 24px;border-right:1px solid rgba(148,163,184,.11)}
.n9-home-top-competition{margin-bottom:18px;color:#34d399;font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.n9-home-top-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:13px}
.n9-home-top-team{display:flex;align-items:center;gap:10px;min-width:0}.n9-home-top-team.is-away{justify-content:flex-end;text-align:right}.n9-home-top-team img{width:42px;height:42px;flex:0 0 42px;object-fit:contain}.n9-home-top-team strong{overflow:hidden;color:#f8fafc;font-family:"Space Grotesk",sans-serif;font-size:1.2rem;line-height:1.2;text-overflow:ellipsis}.n9-home-top-vs{color:#70849f;font-size:9px;font-weight:900;text-transform:uppercase}
.n9-home-top-date-line{display:flex;align-items:center;gap:9px;margin-bottom:17px;color:#7f93ae;font-size:10px}.n9-home-top-date-line span+span:before{content:"•";margin-right:9px;color:#34d399}
.n9-home-top-probabilities{margin-top:0}.n9-home-top-probabilities span{padding:13px 12px}.n9-home-top-probabilities strong{font-size:1.22rem}.n9-home-top-probabilities span:first-child strong{color:#34d399}
.n9-home-top-advice-box{display:grid;gap:5px;margin-top:16px;padding:13px 14px;border:1px solid rgba(52,211,153,.2);border-radius:13px;background:linear-gradient(135deg,rgba(16,185,129,.11),rgba(16,185,129,.04))}.n9-home-top-advice-box small{color:#34d399;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.n9-home-top-advice-box strong{color:#dce8f6;font-size:.75rem;line-height:1.5}
.n9-home-top-actions{justify-content:flex-start;margin-top:auto;padding-top:18px;border-top:1px solid rgba(148,163,184,.1)}.n9-home-top-actions a{min-height:auto;padding:0;background:none;box-shadow:none;color:#9fb1c9;font-size:.72rem}.n9-home-top-actions a:hover{color:#6ee7b7;transform:none}.n9-home-top-actions a.is-secondary{margin-left:auto;color:#9fb1c9}.n9-home-top-actions a.is-secondary:hover{color:#6ee7b7}
.n9-home-top-visual{padding:26px 28px 20px;border-left:0;background:linear-gradient(145deg,rgba(15,23,42,.66),rgba(3,11,24,.24))}
.n9-home-top-chart-head{align-items:center}.n9-home-top-chart-head>div:first-child{display:block}.n9-home-top-chart-head span{display:block;color:#7f93ae;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.n9-home-top-trend-tabs{display:flex;align-items:center;overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:9px;background:rgba(2,6,23,.28)}.n9-home-top-trend-tabs button{min-width:54px;height:31px;padding:0 11px;border:0;border-right:1px solid rgba(148,163,184,.12);background:transparent;color:#8fa3bc;font-size:9px;font-weight:900;cursor:pointer}.n9-home-top-trend-tabs button:last-child{border-right:0}.n9-home-top-trend-tabs button.is-active{background:#10b981;color:#032019}.n9-home-top-trend-tabs button:focus-visible{outline:2px solid #34d399;outline-offset:-2px}
.n9-home-top-chart-stage{min-height:300px;margin-top:8px;padding:0}.n9-home-top-trend-panel[hidden]{display:none!important}.n9-home-top-trend-current{display:flex;align-items:end;gap:10px;margin-top:4px}.n9-home-top-trend-current strong{color:#34d399;font-family:"JetBrains Mono",monospace;font-size:2rem;line-height:1}.n9-home-top-trend-current span{padding-bottom:3px;color:#8fa3bc;font-size:10px;font-weight:700;text-transform:capitalize}
.n9-home-top-trend-stats{margin-top:12px}.n9-home-top-trend-stats .n9-home-top-trend-change{margin-left:0}
.n9-home-top-chart-svg{margin-top:5px;max-height:250px}.n9-home-top-chart-ylabels text,.n9-home-top-chart-xlabels text{fill:#6f84a2;font-family:"JetBrains Mono",monospace;font-size:8px}.n9-home-top-trend-axis{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:0;color:#6f84a2;font-family:inherit;font-size:8px}.n9-home-top-trend-axis span:last-child{text-align:right}
html[data-n9-theme="light"] .n9-home-top-heading-row h1,html[data-n9-theme="light"] .n9-home-top-team strong{color:#0f172a}html[data-n9-theme="light"] .n9-home-top-copy{border-right-color:rgba(15,23,42,.08)}html[data-n9-theme="light"] .n9-home-top-advice-box{border-color:#bbf7d0;background:#effcf6}html[data-n9-theme="light"] .n9-home-top-advice-box strong{color:#334155}html[data-n9-theme="light"] .n9-home-top-actions{border-top-color:rgba(15,23,42,.08)}html[data-n9-theme="light"] .n9-home-top-actions a,html[data-n9-theme="light"] .n9-home-top-actions a.is-secondary{color:#475569}html[data-n9-theme="light"] .n9-home-top-trend-tabs{background:#fff;border-color:rgba(15,23,42,.1)}html[data-n9-theme="light"] .n9-home-top-trend-tabs button{border-right-color:rgba(15,23,42,.08);color:#475569}html[data-n9-theme="light"] .n9-home-top-trend-tabs button.is-active{color:#fff}html[data-n9-theme="light"] .n9-home-top-trend-current span,html[data-n9-theme="light"] .n9-home-top-chart-ylabels text,html[data-n9-theme="light"] .n9-home-top-chart-xlabels text,html[data-n9-theme="light"] .n9-home-top-trend-axis{color:#64748b;fill:#64748b}
@media(max-width:1080px){.n9-home-top-slide{grid-template-columns:1fr}.n9-home-top-copy{border-right:0;border-bottom:1px solid rgba(148,163,184,.11)}.n9-home-top-visual{min-height:330px}.n9-home-top-team strong{font-size:1.1rem}}
@media(max-width:680px){.n9-home-top-teams{gap:7px}.n9-home-top-team{align-items:flex-start;flex-direction:column}.n9-home-top-team.is-away{align-items:flex-end}.n9-home-top-team img{width:36px;height:36px;flex-basis:36px}.n9-home-top-team strong{font-size:1rem}.n9-home-top-vs{align-self:center}.n9-home-top-date-line{flex-wrap:wrap}.n9-home-top-chart-head{align-items:flex-start;flex-direction:column}.n9-home-top-trend-tabs{width:100%}.n9-home-top-trend-tabs button{flex:1}.n9-home-top-actions{flex-wrap:wrap}.n9-home-top-actions a.is-secondary{margin-left:0}.n9-home-top-trend-axis{align-items:flex-start;flex-direction:column;gap:3px}.n9-home-top-trend-axis span:last-child{text-align:left}}