/* Generated by analysis/2026-10-02/build-mobile-article.py --site */

.forecast-article{--paper:#f5f0e6;--surface:#fffaf0;--ink:#171713;--soft:#514e47;--muted:#70685e;--line:#d9d1c4;--red:#b30e2a;--red-soft:#f5e5e4;--gold:#a66b17;--gray:#bcb7ae;--track:#e6dfd3;--blue:#16457e;--serif:"Songti SC","Noto Serif CJK SC","STSong",serif;--sans:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif}

.forecast-article *{box-sizing:border-box}

.forecast-article{scroll-behavior:smooth;color-scheme:light}

.forecast-article{margin:0;background:#ddd6ca;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}

.forecast-article a{color:var(--red);text-underline-offset:4px}

.forecast-article button{font:inherit;cursor:pointer}

.forecast-article button:focus-visible, .forecast-article a:focus-visible, .forecast-article summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}

.forecast-article{max-width:720px;margin:auto;background:var(--paper);overflow:hidden}

.forecast-article .masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 28px 15px;border-top:5px solid var(--red);font-size:11px;letter-spacing:.08em;line-height:1.4}

.forecast-article .brand{font-family:Arial,sans-serif;font-size:19px;font-weight:900;letter-spacing:-.05em}

.forecast-article .masthead small{font-size:10px;color:var(--muted);letter-spacing:0}

.forecast-article .cover{padding:22px 28px 28px}

.forecast-article .eyebrow{margin:0 0 16px;color:var(--red);font-size:12px;font-weight:700;letter-spacing:.12em}

.forecast-article h1{margin:0;font-family:var(--serif);font-size:clamp(36px,8.4vw,58px);line-height:1.25;letter-spacing:-.045em}

.forecast-article h1 em{font-style:normal;color:var(--red)}

.forecast-article .standfirst{margin:18px 0 0;color:var(--soft);font-size:16px;line-height:1.85}

.forecast-article .meta{margin-top:17px;display:flex;flex-wrap:wrap;gap:7px 16px;font-size:11px;color:var(--muted)}

.forecast-article .cover-photo{margin:0}

.forecast-article .cover-photo img{width:100%;height:205px;display:block;object-fit:cover;object-position:50% 65%;background:#202025}

.forecast-article .cover-photo figcaption{padding:7px 28px 0;font-size:10px;color:var(--muted);line-height:1.6}

.forecast-article .hero-number{display:flex;gap:12px;align-items:end;padding:26px 28px 28px;border-bottom:1px solid var(--line)}

.forecast-article .hero-number .big{font-family:Arial,sans-serif;font-size:clamp(64px,17vw,94px);font-weight:800;line-height:.95;letter-spacing:-.055em;color:var(--red)}

.forecast-article .hero-number .big small{font-size:.38em}

.forecast-article .hero-number .copy{padding-bottom:4px;font-size:12px;line-height:1.7}

.forecast-article .hero-number .copy b{display:block;font-size:16px}

.forecast-article .hero-number .copy span{display:block;color:var(--muted)}

.forecast-article .byline{margin:0;padding:12px 28px 0;color:var(--muted);font-size:11px}

.forecast-article .contents{display:flex;flex-wrap:wrap;gap:6px 17px;margin:16px 28px 0;padding-bottom:18px;border-bottom:1px solid var(--line)}

.forecast-article .contents a{font-size:11px;text-decoration:none;color:var(--soft);padding:3px 0}

.forecast-article .section{padding:35px 28px 0}

.forecast-article .section+.section{margin-top:10px}

.forecast-article .section-number{display:block;font-family:Arial,sans-serif;font-size:12px;font-weight:700;color:var(--red);letter-spacing:.12em;margin-bottom:7px}

.forecast-article h2{font-family:var(--serif);font-size:27px;line-height:1.4;letter-spacing:-.025em;margin:0 0 16px}

.forecast-article h3{font-size:17px;margin:0 0 10px}

.forecast-article p{margin:14px 0;color:var(--soft);line-height:1.85}

.forecast-article .section>p{font-size:15px}

.forecast-article .note{font-size:12px!important;color:var(--muted)!important;line-height:1.75!important;margin:14px 0 0}

.forecast-article .chart{margin:22px 0 0}

.forecast-article .scale{display:flex;justify-content:space-between;color:var(--muted);font-family:Arial,sans-serif;font-size:10px;padding-bottom:8px}

.forecast-article .prob-row{margin:0 0 19px}

.forecast-article .prob-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}

.forecast-article .team{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.5}

.forecast-article .crest{width:30px;height:30px;object-fit:contain;flex:none}

.forecast-article .team small{display:block;font-size:10px;color:var(--muted)}

.forecast-article .prob-head strong{font-family:Arial,sans-serif;font-size:30px;line-height:1;letter-spacing:-.04em}

.forecast-article .is-hc .prob-head strong{color:var(--red)}

.forecast-article .track{height:15px;background:var(--track);position:relative}

.forecast-article .track:after{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--paper)}

.forecast-article .track span{height:100%;display:block;background:#595950}

.forecast-article .is-hc .track span{background:var(--red)}

.forecast-article .subtle-rule{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:var(--soft)}

.forecast-article .subtle-rule b{color:var(--ink)}

.forecast-article .change-row{padding:15px 0 21px;border-bottom:1px solid var(--line)}

.forecast-article .change-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:15px}

.forecast-article .delta{font-family:Arial,sans-serif;font-size:28px;font-weight:700;line-height:1.25;letter-spacing:-.04em}

.forecast-article .delta small{font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:0;margin-left:4px}

.forecast-article .hc-text{color:var(--red)}

.forecast-article .change-values{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0;font-size:11px;color:var(--muted)}

.forecast-article .change-values b{font-family:Arial,sans-serif;font-size:17px;color:var(--ink);margin-left:4px}

.forecast-article .comparison-track{height:20px;position:relative;margin:0 8px;background:linear-gradient(var(--track),var(--track)) center/100% 2px no-repeat}

.forecast-article .change-line{position:absolute;top:8px;height:4px;background:#595950}

.forecast-article .hc-line{background:var(--red)}

.forecast-article .old-dot, .forecast-article .new-dot{position:absolute;width:10px;height:10px;top:5px;transform:translateX(-50%);border-radius:50%;background:var(--paper);border:2px solid #595950}

.forecast-article .new-dot{background:#595950}

.forecast-article .hc-dot{background:var(--red);border-color:var(--red)}

.forecast-article .mini-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted);line-height:1.5}

.forecast-article .mini-legend span{display:flex;align-items:center;gap:5px}

.forecast-article .mini-legend i{width:8px;height:8px;display:inline-block;border-radius:50%;border:1.5px solid #595950}

.forecast-article .mini-legend i.filled{background:#595950}

.forecast-article .results-list{list-style:none;padding:0;margin:20px 0 0}

.forecast-article .results-list li{display:grid;grid-template-columns:42px minmax(0,1fr) 32px minmax(0,1fr);gap:7px;align-items:center;font-size:11px;padding:9px 0;border-bottom:1px solid var(--line)}

.forecast-article .results-list time{font-family:Arial,sans-serif;color:var(--muted)}

.forecast-article .results-list b{font-family:Arial,sans-serif;font-size:16px;text-align:center}

.forecast-article .results-list .home{text-align:right}

.forecast-article .highlight-quote{font-family:var(--serif);font-size:21px;line-height:1.6;color:var(--ink);margin:24px 0 8px;padding-left:14px;border-left:3px solid var(--red)}

.forecast-article .legend{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:20px 0}

.forecast-article .legend span{display:flex;align-items:center;gap:5px}

.forecast-article .legend i{display:inline-block;width:10px;height:10px;background:var(--gray)}

.forecast-article .legend i.direct{background:var(--red)}

.forecast-article .legend i.playoff{background:var(--gold)}

.forecast-article .risk-row{padding:9px 0 17px}

.forecast-article .risk-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:10px}

.forecast-article .risk-head small{font-size:11px;color:var(--muted)}

.forecast-article .risk-track, .forecast-article .fixture-track{display:flex;height:18px;width:100%;background:var(--track);overflow:hidden}

.forecast-article .risk-track span, .forecast-article .fixture-track span{height:100%;flex-shrink:0}

.forecast-article .direct{background:var(--red)}

.forecast-article .playoff{background:var(--gold)}

.forecast-article .safe{background:var(--gray)}

.forecast-article .risk-values{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-top:7px;color:var(--muted)}

.forecast-article .risk-values b{color:var(--ink);font-family:Arial,sans-serif;font-size:15px;font-weight:700;margin-left:3px}

.forecast-article .formula{font-size:13px;line-height:1.7;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--soft)}

.forecast-article .formula b{color:var(--ink)}

.forecast-article .scenario-section{margin-top:35px;padding:28px;background:var(--ink);color:var(--paper)}

.forecast-article .scenario-section h2{font-size:29px}

.forecast-article .scenario-section .section-number{color:#f1aab7}

.forecast-article .scenario-section>p{color:#d3c9bb;font-size:14px}

.forecast-article .match-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 0;border-top:1px solid #514e47;border-bottom:1px solid #514e47;margin:20px 0;font-size:16px}

.forecast-article .match-banner .versus{font-family:Arial,sans-serif;font-size:11px;color:#bcb7ae}

.forecast-article .scenario-row{margin-top:19px}

.forecast-article .scenario-row>div:first-child{display:flex;justify-content:space-between;gap:15px;align-items:baseline;font-size:15px}

.forecast-article .scenario-row strong{font-family:Arial,sans-serif;font-size:34px;line-height:1;letter-spacing:-.04em}

.forecast-article .scenario-track{margin-top:9px;height:13px;background:#45433e}

.forecast-article .scenario-track span{display:block;height:100%;background:#bcb7ae}

.forecast-article .scenario-track .win{background:#ea6e86}

.forecast-article .scenario-track .loss{background:#77746c}

.forecast-article .scenario-section .note{color:#bcb7ae!important}

.forecast-article .interval-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:23px 0 20px}

.forecast-article .interval-toolbar>span{font-size:11px;color:var(--muted)}

.forecast-article .segmented{display:flex;gap:0;border:1px solid var(--line);background:var(--surface)}

.forecast-article .segmented button{min-width:53px;min-height:44px;padding:6px 10px;border:0;background:transparent;font-size:12px;color:var(--soft)}

.forecast-article .segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper)}

.forecast-article .interval-axis{position:relative;height:22px;margin:0 6px;color:var(--muted);font-size:10px;font-family:Arial,sans-serif}

.forecast-article .interval-axis span{position:absolute;transform:translateX(-50%)}

.forecast-article .interval-axis span:first-child{transform:none}

.forecast-article .interval-axis span:last-child{transform:translateX(-100%)}

.forecast-article .interval-row{padding:13px 0;border-bottom:1px solid var(--line)}

.forecast-article .interval-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;align-items:baseline}

.forecast-article .interval-head>span{font-size:11px;color:var(--muted)}

.forecast-article .interval-head strong{color:var(--ink);font-family:Arial,sans-serif;font-size:17px}

.forecast-article .interval-plot{height:28px;position:relative;margin:10px 6px 0;background:linear-gradient(var(--line),var(--line)) center/100% 1px no-repeat}

.forecast-article .interval-band{position:absolute;height:12px;top:8px;background:#b4b1a5;border-left:2px solid #595950;border-right:2px solid #595950}

.forecast-article .is-hc .interval-band{background:#e8aab4;border-color:var(--red)}

.forecast-article .mean-dot{position:absolute;width:10px;height:10px;top:9px;border-radius:50%;transform:translateX(-50%);background:var(--ink);outline:2px solid var(--paper)}

.forecast-article .is-hc .mean-dot{background:var(--red)}

.forecast-article .interval-caption{font-size:10px;color:var(--muted);text-align:right}

.forecast-article .interval-caption b{font-size:12px;font-family:Arial,sans-serif;color:var(--soft)}

.forecast-article .fixture-row{padding:14px 0 17px;border-bottom:1px solid var(--line)}

.forecast-article .fixture-head{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:10px}

.forecast-article .fixture-head b{font-family:Arial,sans-serif;font-size:16px}

.forecast-article .venue{font-size:10px;color:var(--muted);margin-left:5px}

.forecast-article .key-fixture{background:var(--red-soft);padding:14px 12px 17px;margin:0 -12px;border-bottom:0}

.forecast-article .fixture-track{height:13px}

.forecast-article .fx-win{background:var(--red)}

.forecast-article .fx-draw{background:#c8c0b3}

.forecast-article .fx-loss{background:#626057}

.forecast-article .fixture-values{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:7px;gap:6px;font-family:Arial,var(--sans)}

.forecast-article .all-teams{list-style:none;padding:0;margin:22px 0 0}

.forecast-article .all-team{padding:13px 0 15px;border-top:1px solid var(--line)}

.forecast-article .all-team-head{display:flex;gap:8px;align-items:center;font-size:14px;line-height:1.5}

.forecast-article .all-team-head .crest{width:25px;height:25px}

.forecast-article .rank{font-family:Arial,sans-serif;font-size:11px;color:var(--muted);width:17px;flex:none}

.forecast-article .points{margin-left:auto;color:var(--muted);font-size:11px}

.forecast-article .all-team dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 0 33px}

.forecast-article .all-team dt{font-size:10px;color:var(--muted)}

.forecast-article .all-team dd{margin:3px 0 0;font-family:Arial,sans-serif;font-size:19px;line-height:1.2;font-weight:700;letter-spacing:-.02em}

.forecast-article .all-team.is-hc{background:var(--red-soft);padding-left:12px;padding-right:12px;margin-left:-12px;margin-right:-12px}

.forecast-article .all-team.is-hc dd:first-child{color:var(--red)}

.forecast-article .method-list{padding-left:18px;margin:18px 0;font-size:13px;color:var(--soft)}

.forecast-article .method-list li{margin:9px 0;padding-left:3px;line-height:1.8}

.forecast-article .method-list b{color:var(--ink)}

.forecast-article .source-links{list-style:none;padding:0;margin:17px 0}

.forecast-article .source-links li{margin:11px 0;font-size:12px;line-height:1.7}

.forecast-article .source-links small{display:block;color:var(--muted);font-size:10px}

.forecast-article details{margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}

.forecast-article summary{cursor:pointer;min-height:48px;padding:12px 0;font-size:12px;font-weight:700}

.forecast-article details p{font-size:12px}

.forecast-article footer{padding:31px 28px 35px;margin-top:25px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);line-height:1.9}

.forecast-article footer .brand{display:block;color:var(--ink);font-size:21px;margin-bottom:9px}

.forecast-article .export-detail{display:none}

.forecast-article .reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--red);width:0;z-index:10}

.export-mode .forecast-article .contents, .export-mode .forecast-article .reading-progress, .export-mode .forecast-article .interval-toolbar .segmented{display:none}

.export-mode .forecast-article .export-detail{display:block}

.export-mode .forecast-article details{display:none}

@media(min-width:600px){
.forecast-article .cover, .forecast-article .masthead, .forecast-article .hero-number, .forecast-article .section, .forecast-article .scenario-section, .forecast-article footer{padding-left:52px;padding-right:52px}

.forecast-article .cover-photo img{height:260px}

.forecast-article .cover-photo figcaption, .forecast-article .byline{padding-left:52px;padding-right:52px}

.forecast-article .contents{margin-left:52px;margin-right:52px}

.forecast-article .section{padding-top:42px}

.forecast-article .hero-number .copy{font-size:14px}

.forecast-article .hero-number .copy b{font-size:19px}

.forecast-article .prob-head strong{font-size:35px}

.forecast-article .team{font-size:17px}

.forecast-article .results-list li{font-size:13px}

.forecast-article .section>p{font-size:16px}

.forecast-article .all-team{padding-top:16px;padding-bottom:18px}

.forecast-article .all-team dl{margin-left:43px}

.forecast-article .all-team dd{font-size:22px}
}

@media(max-width:359px){
.forecast-article .cover, .forecast-article .masthead, .forecast-article .hero-number, .forecast-article .section, .forecast-article .scenario-section, .forecast-article footer{padding-left:20px;padding-right:20px}

.forecast-article .cover-photo figcaption, .forecast-article .byline{padding-left:20px;padding-right:20px}

.forecast-article .contents{margin-left:20px;margin-right:20px}

.forecast-article .hero-number .big{font-size:59px}

.forecast-article .hero-number .copy{font-size:10px}

.forecast-article .hero-number .copy b{font-size:14px}

.forecast-article .risk-values{gap:5px;font-size:10px}

.forecast-article .risk-values b{font-size:14px}

.forecast-article .change-values{font-size:10px}

.forecast-article .change-values b{font-size:16px}

.forecast-article .results-list li{gap:4px;font-size:10px}

.forecast-article .all-team dd{font-size:17px}
}

@media(prefers-reduced-motion:reduce){
.forecast-article{scroll-behavior:auto}
}

@media print{
.forecast-article{background:var(--paper)}

.forecast-article{max-width:720px}

.forecast-article .contents, .forecast-article .reading-progress, .forecast-article .segmented{display:none}

.forecast-article section, .forecast-article figure, .forecast-article .all-team, .forecast-article .fixture-row{break-inside:avoid}

.forecast-article a{color:inherit}

.forecast-article .scenario-section{-webkit-print-color-adjust:exact;print-color-adjust:exact}

.forecast-article .export-detail{display:block}

.forecast-article details{display:none}
}


html { scroll-behavior: smooth; }
.promotion-page { position: relative; z-index: 1; padding-top: calc(var(--promotion-header-height, 160px) + 24px); padding-bottom: 40px; }
.forecast-article [id] { scroll-margin-top: calc(var(--promotion-header-height, 160px) + 20px); }
.forecast-article .reading-progress { z-index: 60; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print { .site-header { display: none; } .promotion-page { padding: 0; } }
