*{box-sizing:border-box}
:root{--ink:#303430;--muted:#62655e;--rule:#d5d0c4;--page:#f5f1e7;--lime:#245e3c}
body{margin:0;background:var(--page);color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #555f56;outline-offset:4px}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}
.page{max-width:1280px;margin:auto;padding:0 42px}.preview-bar{padding:6px 20px;background:#eae5d9;border-bottom:1px solid var(--rule);display:flex;justify-content:center;gap:24px;font-size:10px;color:#555950}.preview-bar a{text-decoration:underline}
.skip-link{position:absolute;left:10px;top:-100px;z-index:99;background:#ddd8cc;color:#303430;padding:10px}.skip-link:focus{top:10px}
.masthead{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:25px}.brand-wrap{min-width:0}.brand{display:block;width:340px;max-width:100%;height:auto}.utility{display:flex;gap:25px;align-items:center;font-size:11px;color:#555950}.utility .about{border:1px solid #bcb7ab;padding:8px 15px}
.menu-toggle{display:none}.nav{display:flex;gap:28px;align-items:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 0;font-size:12px;font-weight:700}.nav .archive{margin-left:auto;font-weight:400;color:#555950}
.fixture-ribbon{margin:20px 0 27px;border-top:1px solid #bcb7ab;border-bottom:1px solid var(--rule);padding:12px 0 14px}.ribbon-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ribbon-heading h2{font:700 10px Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase;margin:0;color:#555950}.ribbon-heading>a{font-size:10px;color:#555950}.ribbon-matches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ribbon-match{padding:2px 18px 2px 0;border-right:1px solid var(--rule);min-width:0}.ribbon-match:last-child{border:0}.ribbon-match:hover{text-decoration:none}.ribbon-match:hover .ribbon-team>span{text-decoration:underline;text-underline-offset:3px}.ribbon-date{display:block;color:#62655e;font-size:10px;margin-bottom:8px}.ribbon-teams{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ribbon-team{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;min-width:0}.ribbon-team img{object-fit:contain;flex:0 0 28px}.ribbon-team>span{flex:1}.ribbon-team>b{font-size:16px;color:#454941}.team-initial{display:grid;place-items:center;width:28px;height:28px;border:1px solid #aaa79b;border-radius:50%}
.lead-grid{display:grid;grid-template-columns:1.8fr 1fr .95fr;gap:24px}.lead{border-right:1px solid var(--rule);padding-right:24px}.lead .story-photo{display:block;margin-bottom:16px}.lead .lead-photo{width:100%;height:268px;object-fit:cover;display:block}.eyebrow{font-size:9px;letter-spacing:.8px;text-transform:uppercase;font-weight:700;color:#555950;margin-bottom:7px}.lead h1{font-size:32px;line-height:1.12;letter-spacing:-.7px;margin:0 0 12px}.lead .excerpt{font-size:12px;line-height:1.65;color:var(--muted);margin-bottom:13px}.meta{font-size:9px;color:#6a6d64}
.latest{padding-right:23px;border-right:1px solid var(--rule)}.section-label{font:700 12px/1.3 Arial,sans-serif;margin:0 0 17px;display:flex;justify-content:space-between;align-items:center}.section-label span{font-size:9px;color:#6a6d64;font-weight:400}.latest article{border-bottom:1px solid var(--rule);padding-bottom:15px;margin-bottom:15px}.latest h2{font-size:20px;line-height:1.16;letter-spacing:-.3px;margin:0 0 8px}.latest .eyebrow{font-size:8px}.latest .more{font-size:10px;color:#444b41;font-weight:700}
.touchline{background:#eee9de;padding:0 16px 16px;margin-left:-8px;border:1px solid var(--rule)}.touchline>.section-label{padding:14px 12px;margin:0 -16px 18px;border-bottom:1px solid var(--rule);min-height:58px;font-size:14px}.touchline .story-photo{display:block}.touchline .feature-image{width:100%;height:158px;object-fit:cover;margin:0 0 15px;display:block}.touchline h2{font-size:25px;line-height:1.13;letter-spacing:-.5px;margin-bottom:11px}.touchline p{font-size:12px;color:var(--muted);line-height:1.65;margin-bottom:10px}.touchline .read{font-size:10px;color:#444b41;font-weight:bold}.touchline .dispatch{border-top:1px solid var(--rule);margin-top:21px;padding-top:17px}.touchline .dispatch h3{font-size:20px;line-height:1.2;letter-spacing:-.3px;margin:0 0 10px}
.coverage-section{margin-top:29px;border-top:1px solid #9b9d90;padding-top:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.section-head h2{font-size:25px;letter-spacing:-.4px;line-height:1.2;margin:0}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:1px solid #bcb7ab;color:#454941;background:transparent;font-size:10px;border-radius:3px;padding:6px 10px;min-height:30px}.filters button[aria-pressed=true]{background:#dcded3;border-color:#dcded3;color:#303430;font-weight:bold}.filters button:hover{border-color:#7c8275}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.card{min-width:0;border-right:1px solid var(--rule);padding-right:22px;padding-bottom:8px}.card:nth-child(4n){border-right:0;padding-right:0}.card .thumb{width:100%;height:112px;object-fit:cover;margin-bottom:13px;display:block}.card h3{font-size:22px;line-height:1.15;letter-spacing:-.3px;margin-bottom:10px}.card .excerpt{font-size:11px;line-height:1.6;color:var(--muted);margin-bottom:11px}.story-photo img{max-width:100%}.no-photo{display:flex;align-items:center;justify-content:center;background:#eae5d9;border:1px solid #d5d0c4;margin-bottom:13px;min-height:112px}.no-photo img{width:120px;max-width:65%}.failed-photo{display:flex;align-items:center;justify-content:center;background:#eae5d9}.failed-photo img{object-fit:contain!important;padding:25px}
.more-controls{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:16px}.more-controls button,#retry-feeds{background:transparent;border:1px solid #9b9d90;color:#303430;font:700 12px Arial,sans-serif;padding:10px 18px;min-height:42px}.more-controls button:hover{background:#e2ddd0}.more-controls a{font-size:11px;color:#444b41}.count{font-size:9px;color:#6a6d64;text-align:right}#feed-note{color:#78552e;font-size:11px;margin-top:12px}.empty{color:var(--muted);font-size:13px;padding:24px 0}
.bottom{border-top:1px solid var(--rule);padding-top:22px;margin-top:27px}.bottom>section{padding:22px 0}.bottom h2{font-size:25px;line-height:1.2;margin-bottom:22px}.headlines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.headlines article{border-bottom:1px solid var(--rule);padding-bottom:12px}.headlines h3{font-size:18px;line-height:1.22;margin:0 0 8px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-top:1px solid var(--rule);margin-top:25px;color:#62655e;font-size:9px}.footer img{width:175px}.no-perspective{grid-template-columns:1.8fr 1fr}.no-perspective .latest{border-right:0}
@media(max-width:1050px){.page{padding:0 24px}.nav{gap:18px}.utility{gap:16px}.ribbon-teams{grid-template-columns:1fr}.ribbon-team{font-size:12px}.lead-grid{grid-template-columns:1.6fr 1fr}.latest{border:0;padding:0}.touchline{grid-column:1/-1;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.touchline>.section-label{grid-column:1/-1}.touchline .story-photo{grid-column:1;grid-row:2/span 4}.touchline>.eyebrow,.touchline>h2:not(.section-label),.touchline>p,.touchline>.meta{grid-column:2}.touchline>.dispatch{grid-column:1/-1}.cards{grid-template-columns:1fr 1fr}.card:nth-child(2n){border:0;padding-right:0}.section-head{align-items:start;flex-direction:column;gap:12px}.headlines{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.page{padding:0 18px}.preview-bar{justify-content:space-between;padding:6px 18px;font-size:9px}.masthead{min-height:84px;gap:16px}.brand{width:255px;max-width:calc(100vw - 120px)}.utility{display:none}.menu-toggle{display:flex;align-items:center;gap:7px;flex-shrink:0;border:1px solid #bcb7ab;border-radius:3px;background:transparent;color:#303430;padding:10px;font-size:11px;min-height:42px}.menu-lines{display:grid;gap:4px}.menu-lines i{display:block;width:16px;height:1px;background:currentColor}.nav{display:none;padding:6px 0 12px;margin-bottom:15px;border-top:0}.nav[data-open=true]{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav a{padding:12px 0;border-top:1px solid var(--rule);font-size:13px;min-height:44px}.nav .archive{margin:0}.lead-grid,.no-perspective{grid-template-columns:1fr;gap:25px}.lead{border:0;padding:0}.lead .lead-photo{height:220px}.lead h1{font-size:28px;line-height:1.14}.lead .excerpt{display:none}.lead .meta{font-size:10px}.latest{display:block}.latest .section-label{font-size:13px;margin-bottom:13px}.latest article{padding-bottom:12px;margin-bottom:12px}.latest article:nth-of-type(n+4){display:none}.latest h2{font-size:19px;line-height:1.22}.latest .eyebrow{font-size:8px}.latest .more{font-size:11px}.touchline{display:grid;grid-template-columns:78px minmax(0,1fr);gap:0 13px;padding:0 14px 16px}.touchline>.section-label{margin:0 -14px 14px;padding:12px 14px;min-height:48px;font-size:13px}.touchline .story-photo{grid-column:1;grid-row:2/span 4}.touchline .feature-image{height:85px;width:78px;margin:0}.touchline>.eyebrow{font-size:8px;margin-bottom:6px}.touchline>h2:not(.section-label){font-size:20px;margin-bottom:9px}.touchline>p:not(.eyebrow),.touchline>.dispatch{display:none}.fixture-ribbon{margin:24px 0 0;padding:12px 0}.ribbon-heading{margin-bottom:12px}.ribbon-matches{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.ribbon-match{flex:0 0 235px;scroll-snap-align:start;padding-right:12px}.ribbon-match:last-child{flex-basis:225px}.ribbon-teams{grid-template-columns:1fr}.ribbon-team{font-size:12px}.ribbon-date{font-size:10px}.ribbon-team img{width:24px;height:24px;flex-basis:24px}.coverage-section{margin-top:25px;padding-top:18px}.section-head h2,.bottom h2{font-size:23px}.filters{gap:6px}.filters button{font-size:10px;min-height:36px;padding:7px 9px}.cards{display:block}.card{border:0!important;padding:15px 0!important;border-bottom:1px solid var(--rule)!important}.card:first-child{padding-top:0!important}.card .story-photo,.card .no-photo,.card .excerpt{display:none}.card .eyebrow{font-size:8px;margin-bottom:6px}.card h3{font-size:21px;line-height:1.2;margin-bottom:8px}.card .meta{font-size:10px}.more-controls{margin-top:17px;gap:12px}.more-controls button{font-size:11px;padding:10px 12px}.more-controls a{font-size:10px}.count{text-align:left;font-size:10px}.bottom{padding-top:0;margin-top:24px}.bottom>section{padding:22px 0 0}.headlines{grid-template-columns:1fr;gap:15px}.headlines article:nth-child(n+3){display:none}.headlines h3{font-size:20px}.footer{flex-wrap:wrap;font-size:8px}.footer img{width:145px}.footer span:last-child{display:none}}

/* Compact wordmark header; utility navigation lives in the footer. */
.masthead{min-height:78px}.brand{width:245px;max-width:100%}.footer{flex-wrap:wrap}.footer-links{display:flex;gap:22px;flex-wrap:wrap;flex-basis:100%;padding-top:14px;border-top:1px solid var(--rule);font-size:11px}
@media(max-width:700px){.masthead{min-height:74px}.brand{width:220px;max-width:calc(100vw - 130px)}.footer-links{gap:12px 20px;font-size:11px}}

/* Bungee for section labels only; story headlines retain the editorial serif. */
@font-face{font-family:'Bungee';src:url('/soccer/assets/editorial-20261106/Bungee-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.latest>.section-label,.touchline>.section-label,.section-head>h2,.bottom h2,.ribbon-heading h2{font-family:'Bungee',Arial,sans-serif;font-weight:400;letter-spacing:0;font-synthesis:none}
.latest>.section-label{font-size:14px;line-height:1.35}.latest>.section-label span{font-family:Arial,Helvetica,sans-serif;font-size:9px}
.touchline>.section-label{font-size:13px;line-height:1.35}.section-head>h2,.bottom h2{font-size:22px;line-height:1.3}.ribbon-heading h2{font-size:11px;line-height:1.35}
@media(max-width:700px){.latest>.section-label{font-size:13px}.touchline>.section-label{font-size:12px}.section-head>h2,.bottom h2{font-size:20px}}

/* Cream palette with only the supplied pitch wordmark as DadStats branding. */
.brand{width:310px}.no-photo,.failed-photo{background:#eae5d9}.touchline>.section-label:after{content:none}.footer{padding:20px 0}.footer-links{padding-top:0;border-top:0}
@media(max-width:700px){.brand{width:235px;max-width:calc(100vw - 130px)}}

/* Integrated masthead, clearer fixture ribbon, larger reading type, and a defined footer. */
.masthead{gap:30px;min-height:90px}.masthead .brand-wrap{flex-shrink:0}.masthead .nav{margin-left:auto;padding:0;border:0;gap:24px;white-space:nowrap}
.fixture-ribbon{background:#333e35;color:#f5f1e7;border:0;border-left:4px solid #54765b;padding:16px 18px 18px;margin-top:10px}.ribbon-heading{margin-bottom:13px}.ribbon-heading h2{font-size:15px;color:#f5f1e7}.ribbon-date{color:#d6dacf;font-size:11px}.ribbon-match{border-right-color:#6b786d}.ribbon-team>b{color:#eef0e7}.ribbon-team img{background:#f5f1e7;border-radius:3px;padding:2px}.ribbon-team{font-size:12px}
.latest>.section-label{font-size:17px}.touchline>.section-label{font-size:16px}.section-head>h2,.bottom h2{font-size:25px}.lead .excerpt,.touchline p{font-size:13.333px}.card .excerpt{font-size:12.333px}
.footer{display:block;background:#303730;color:#f5f1e7;border-top:6px solid #1d241e;margin:32px 0 0;padding:0;font-size:13px}.footer-inner{max-width:1280px;margin:auto;padding:34px 42px 24px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px 50px}.footer h2{font:400 16px/1.4 Bungee,Arial,sans-serif;margin:0 0 17px;color:#f5f1e7}.footer-coverage,.footer .footer-links{display:flex;flex-wrap:wrap;gap:13px 24px;padding:0;border:0;font-size:13px;line-height:1.5}.footer a{color:#eceee4}.footer-credit{grid-column:1/-1;border-top:1px solid #687065;padding-top:18px;display:flex;justify-content:space-between;gap:16px;color:#cbd0c4;font-size:11px}.footer .footer-credit span{display:inline}
@media(min-width:701px) and (max-width:1050px){.masthead{gap:20px}.masthead .brand{width:235px}.masthead .nav{gap:15px;font-size:11px}}
@media(max-width:700px){.masthead{flex-wrap:wrap;gap:0 16px;min-height:80px;padding:12px 0 16px}.masthead .brand-wrap{flex:1;min-width:0;flex-shrink:1}.masthead .brand{max-width:100%}.masthead .menu-toggle{margin-left:auto}.masthead .nav{order:3;flex-basis:100%;margin:12px 0 0;gap:0;padding:0;white-space:normal}.masthead .nav:not([data-open=true]){display:none;margin:0}.fixture-ribbon{padding:15px 14px;margin-top:24px;border-left-width:3px}.ribbon-heading h2{font-size:14px}.latest>.section-label{font-size:16px}.touchline>.section-label{font-size:15px}.section-head>h2,.bottom h2{font-size:23px}.touchline>.eyebrow{font-size:9px}.footer-inner{padding:28px 18px 22px;grid-template-columns:1fr;gap:26px}.footer h2{font-size:16px}.footer-coverage,.footer .footer-links{gap:14px 20px;font-size:13px}.footer-credit{font-size:10px}.footer-credit span:last-child{display:inline}}

/* Readability pass: supporting copy no longer depends on 8–12px type. */
body{font-size:16px;line-height:1.6}.preview-bar{font-size:13px}.masthead .nav{font-size:16px;gap:22px}.masthead .brand{width:285px}.eyebrow,.latest .eyebrow,.touchline>.eyebrow{font-size:13px;line-height:1.5;letter-spacing:.3px}.meta,.lead .meta,.card .meta{font-size:14px;line-height:1.5;color:#555950}.section-label span,.latest>.section-label span{font-size:13px}.lead .excerpt,.touchline p{font-size:17px;line-height:1.65}.card .excerpt{font-size:16px;line-height:1.6}.latest .more,.touchline .read,.more-controls a{font-size:15px;line-height:1.5}.filters button{font-size:14px;min-height:42px;padding:8px 12px}.more-controls button,#retry-feeds{font-size:15px;min-height:46px}.count,#feed-note{font-size:14px;line-height:1.5}.ribbon-date{font-size:14px;line-height:1.5}.ribbon-team{font-size:15px;line-height:1.4}.ribbon-team>b{font-size:20px}.ribbon-team img{width:32px;height:32px;flex-basis:32px}.ribbon-teams{grid-template-columns:1fr;gap:6px}.ribbon-heading h2{font-size:17px}.latest>.section-label{font-size:19px}.touchline>.section-label{font-size:18px}.headlines h3{font-size:21px;line-height:1.25}.footer-coverage,.footer .footer-links{font-size:16px;line-height:1.6}.footer-credit{font-size:14px}.footer h2{font-size:19px}.footer-credit a{font-size:14px}.section-head{flex-wrap:wrap}.filters{gap:8px}.menu-toggle{font-size:15px;min-height:46px}
@media(min-width:951px) and (max-width:1100px){.masthead .brand{width:240px}.masthead .nav{gap:16px;font-size:15px}.masthead{gap:20px}}
@media(max-width:950px){.masthead{flex-wrap:wrap;gap:0 16px;min-height:84px;padding:14px 0 18px}.masthead .brand-wrap{flex:1;min-width:0;flex-shrink:1}.masthead .brand{width:260px;max-width:100%}.masthead .menu-toggle{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;border:1px solid #aaa79b;border-radius:3px;background:transparent;color:#303430;padding:10px 12px;font-size:15px;min-height:46px}.menu-lines{display:grid;gap:4px}.menu-lines i{display:block;width:18px;height:2px;background:currentColor}.masthead .nav{display:none;order:3;flex-basis:100%;margin:0;gap:0;padding:0;white-space:normal}.masthead .nav[data-open=true]{display:flex;flex-direction:column;align-items:stretch;margin-top:14px}.masthead .nav a{padding:12px 0;border-top:1px solid var(--rule);font-size:17px;min-height:48px}}
@media(max-width:700px){.masthead .brand{width:225px}.eyebrow,.latest .eyebrow,.touchline>.eyebrow{font-size:12px;line-height:1.5}.lead h1{font-size:30px;line-height:1.16}.latest h2{font-size:22px;line-height:1.23}.latest>.section-label{font-size:18px}.latest>.section-label span{display:none}.touchline>.section-label{font-size:17px}.touchline>h2:not(.section-label){font-size:22px;line-height:1.25}.card h3{font-size:23px;line-height:1.24}.headlines h3{font-size:22px}.ribbon-date{font-size:14px}.ribbon-team{font-size:15px}.ribbon-match{flex-basis:270px}.ribbon-match:last-child{flex-basis:260px}.ribbon-heading h2{font-size:16px}.filters button{font-size:14px;min-height:44px}.more-controls{align-items:flex-start;flex-wrap:wrap}.more-controls button{font-size:15px}.more-controls a{font-size:14px}.count{font-size:13px}.meta,.lead .meta,.card .meta{font-size:14px}.footer-coverage,.footer .footer-links{font-size:16px}.footer-credit{font-size:13px;flex-wrap:wrap}.preview-bar{font-size:12px;gap:12px}.section-head>h2,.bottom h2{font-size:25px}}

/* Keep the top row balanced; additional opinion pieces belong in More perspective. */
.lead-grid{align-items:start}.touchline{align-self:start}.lead,.latest{padding-bottom:4px}

/* Bounded fixture states and stacked footer navigation. */
.ribbon-overflow{color:#f5f1e7!important;font-size:14px!important;text-decoration:underline;line-height:1.5;text-align:right}.ribbon-heading{gap:18px}.footer-inner{grid-template-columns:1.1fr 1fr 1fr;align-items:start}.footer-coverage,.footer .footer-links{flex-direction:column;align-items:flex-start;gap:11px}.footer-logo{display:block;background:#f5f1e7;padding:14px;max-width:285px;align-self:start}.footer .footer-logo img{display:block;width:100%;height:auto}.more-controls{justify-content:flex-start}
@media(max-width:700px){.footer-inner{grid-template-columns:1fr 1fr;gap:28px 22px}.footer-logo{grid-column:1/-1;max-width:250px}.footer-coverage,.footer .footer-links{gap:12px;font-size:16px}.footer-inner>section{min-width:0}.footer .footer-credit{grid-column:1/-1}.ribbon-overflow{font-size:14px!important;max-width:130px}}

/* Compact sans-serif summaries, persistent navigation, and an illustrated Perspectives lead. */
.lead .excerpt,.touchline p{line-height:1.4}
.card .excerpt{line-height:1.4}
.masthead{position:sticky;top:0;z-index:100;background:var(--page);box-shadow:0 1px 0 var(--rule);margin-left:-42px;margin-right:-42px;padding-left:42px;padding-right:42px}
.masthead .nav{gap:8px}
.masthead .nav a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bcb7ab;border-radius:3px;padding:8px 12px;min-height:42px;font-size:15px;line-height:1.3;background:transparent}
.masthead .nav a:hover{background:#e6e2d7;border-color:#7c8275;text-decoration:none}
.masthead .nav a[aria-current=page]{background:#dcded3;border-color:#a5ac9e}
.headlines{grid-template-columns:2fr 1fr 1fr;gap:24px;align-items:start}
.headlines article{min-width:0;border-bottom:0;padding-bottom:0}
.headlines .perspective-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.headlines .perspective-lead:not(:has(.story-photo)){grid-template-columns:1fr}
.headlines .perspective-photo{display:block;width:100%;height:auto;max-height:260px;object-fit:cover}
.headlines .perspective-brief{border-left:1px solid var(--rule);padding-left:24px}
.headlines h3{font-size:24px;line-height:1.2}
.headlines .excerpt{font-size:17px;line-height:1.4;color:var(--muted);margin:12px 0}
.headlines .read-story{display:inline-block;font-size:15px;font-weight:bold;margin-top:13px}
@media(max-width:1050px){.masthead{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.headlines{grid-template-columns:1fr 1fr}.headlines .perspective-lead{grid-column:1/-1}.headlines .perspective-brief{border-left:0;border-top:1px solid var(--rule);padding:18px 0 0}}
@media(max-width:950px){.masthead .nav{gap:8px}.masthead .nav[data-open=true]{max-height:65vh;overflow-y:auto}.masthead .nav a{justify-content:flex-start;font-size:17px;padding:11px 14px;min-height:46px}}
@media(max-width:700px){.masthead{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.headlines{grid-template-columns:1fr;gap:20px}.headlines .perspective-lead{display:block}.headlines .perspective-lead .story-photo{display:block;margin-bottom:16px}.headlines .perspective-photo{max-height:230px;width:100%;object-fit:cover}.headlines article:nth-child(n+3){display:block}.headlines h3{font-size:24px}.headlines .excerpt{font-size:17px;line-height:1.4}html{scroll-padding-top:100px}}
@media(min-width:701px){html{scroll-padding-top:110px}}

/* Compact footer navigation and the author's existing personal-site signature. */
.footer-inner{padding-top:28px;padding-bottom:20px;gap:24px 50px}
.footer h2{font-size:15px;margin-bottom:13px}
.footer-coverage,.footer .footer-links{font-size:14px;line-height:1.45;gap:8px}
.footer-credit,.footer-credit a{font-size:12px;line-height:1.45}
.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.footer .footer-logo{max-width:245px;padding:11px}
.footer-signature{display:inline-flex;align-items:center}
.footer .footer-signature img{display:block;width:160px;height:auto;filter:grayscale(1) invert(1);mix-blend-mode:screen}
.footer-signature:hover img{filter:grayscale(1) invert(1) brightness(1.15)}
@media(max-width:700px){.footer-inner{gap:24px}.footer h2{font-size:15px}.footer-coverage,.footer .footer-links{font-size:14px}.footer-credit{font-size:12px}}

/* Isolated pitch D, taken directly from the supplied wordmark. */
.footer .footer-logo{background:transparent;padding:0;width:96px;max-width:96px}
.footer .footer-logo img{width:96px;height:96px}

/* Adjacent footer marks, balanced by visible height. */
.footer-identity{flex-direction:row;align-items:center;gap:18px}
.footer .footer-logo{flex:0 0 82px;width:82px;max-width:82px}
.footer .footer-logo img{width:82px;height:82px}
.footer-signature{border-left:1px solid #687065;padding-left:18px;flex:0 1 auto;min-width:0}
.footer .footer-signature img{width:174px;max-width:100%;height:auto}
@media(min-width:701px){.footer-inner{grid-template-columns:1.25fr 1fr 1fr;gap:24px 34px}}
@media(max-width:360px){.footer-identity{gap:12px}.footer-signature{padding-left:12px}.footer .footer-logo{flex-basis:72px;width:72px;max-width:72px}.footer .footer-logo img{width:72px;height:72px}.footer .footer-signature img{width:155px}}

/* A shared four-column rhythm for Perspectives and a shallower footer. */
@media(min-width:1051px){
 .headlines{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
 .headlines .perspective-lead{grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
 .headlines .perspective-lead>.story-photo{display:block;position:relative;min-height:300px}
 .headlines .perspective-photo{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
 .headlines .perspective-brief{padding-left:0;border-left:0;display:flex}
 .headlines .perspective-copy{display:flex;flex-direction:column;align-items:flex-start;width:100%}
 .headlines .meta{margin-top:auto;padding-top:3px}
 .headlines .read-story{margin-top:10px}
}
.footer{margin-top:24px}
.footer-inner{padding-top:22px;padding-bottom:14px;gap:14px 36px;align-items:start}
.footer h2{margin-bottom:10px}
.footer-coverage,.footer .footer-links{gap:6px;line-height:1.4}
.footer .footer-credit{padding-top:12px;gap:12px}
@media(min-width:701px){
 .footer-inner{grid-template-columns:1fr .8fr 1.4fr}
 .footer-identity{align-self:center}
 .footer .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;align-items:start}
}
@media(max-width:700px){
 .footer-inner{grid-template-columns:1fr 1fr;padding:20px 18px 14px;gap:18px 20px}
 .footer-identity{grid-column:1/-1;gap:16px}
 .footer h2{margin-bottom:8px}
 .footer-coverage,.footer .footer-links{gap:7px}
 .footer .footer-credit{padding-top:10px}
}
@media(min-width:1051px){.headlines .eyebrow{min-height:39px}}

.masthead .nav a[aria-current=page],.masthead .nav a[aria-current=true]{background:#333e35;border-color:#333e35;color:#f5f1e7;font-weight:bold}

.breadcrumbs{display:none}

/* Section-specific, tonal photography sits behind the footer's identity and links. */
body[data-section=socon] .footer{position:relative;isolation:isolate;overflow:hidden}
body[data-section=socon] .footer::before{content:"";position:absolute;inset:0;background:url("/soccer/assets/editorial-20261106/wcu-footer-huddle.jpg") center 14%/cover no-repeat;filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity;opacity:.12;pointer-events:none;z-index:-1}
body[data-section=socon] .footer-inner{position:relative;z-index:auto}
@media(max-width:700px){body[data-section=socon] .footer::before{background-position:58% center;opacity:.15}}

/* FC/MLS carries the same quiet footer treatment with its own supporters' image. */
body[data-section=charlotte] .footer{position:relative;isolation:isolate;overflow:hidden}
body[data-section=charlotte] .footer::before{content:"";position:absolute;inset:0;background:url("/soccer/assets/editorial-20261106/charlotte-footer-supporters.jpg") center 48%/cover no-repeat;filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity;opacity:.12;pointer-events:none;z-index:-1}
body[data-section=charlotte] .footer-inner{position:relative;z-index:auto}
@media(max-width:700px){body[data-section=charlotte] .footer::before{background-position:35% center;opacity:.15}}

/* The main homepage has its own stadium photograph. */
body.home-preview .footer{position:relative;isolation:isolate;overflow:hidden}
body.home-preview .footer::before{content:"";position:absolute;inset:0;background:url("/soccer/assets/editorial-20261106/home-footer-stadium.jpg") center 65%/cover no-repeat;filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity;opacity:.12;pointer-events:none;z-index:-1}
body.home-preview .footer-inner{position:relative;z-index:auto}
@media(max-width:700px){body.home-preview .footer::before{background-position:60% center;opacity:.15}}

/* Decorative monochrome image under the homepage's bounded fixture ribbon. */
.home-preview .fixture-ribbon{position:relative;isolation:isolate;overflow:hidden}
.home-preview .fixture-ribbon::before{content:"";position:absolute;inset:0;background:url("/soccer/assets/editorial-20261106/fixture-ribbon-ball.jpg") center 58%/cover no-repeat;filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity;opacity:.12;pointer-events:none;z-index:-1}
@media(max-width:700px){.home-preview .fixture-ribbon::before{background-position:68% 58%;opacity:.12}}

/* Local Soccer's own team huddle, using the shared tonal footer treatment. */
body[data-section=local] .footer{position:relative;isolation:isolate;overflow:hidden}
body[data-section=local] .footer::before{content:"";position:absolute;inset:0;background:url("/soccer/assets/editorial-20261106/local-footer-huddle.jpg") center 22%/cover no-repeat;filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity;opacity:.12;pointer-events:none;z-index:-1}
body[data-section=local] .footer-inner{position:relative;z-index:auto}
@media(max-width:700px){body[data-section=local] .footer::before{background-position:55% center;opacity:.15}}

/* Unassigned sections inherit the homepage stadium image. */
body:not([data-section=socon]):not([data-section=charlotte]):not([data-section=local]) .footer{position:relative;isolation:isolate;overflow:hidden}
body:not([data-section=socon]):not([data-section=charlotte]):not([data-section=local]) .footer::before{content:"";position:absolute;inset:0;background:url("/soccer/assets/editorial-20261106/home-footer-stadium.jpg") center 65%/cover no-repeat;filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity;opacity:.12;pointer-events:none;z-index:-1}
body:not([data-section=socon]):not([data-section=charlotte]):not([data-section=local]) .footer-inner{position:relative;z-index:auto}
@media(max-width:950px){.masthead .menu-toggle{justify-content:center;min-width:46px;width:46px;padding:10px}.menu-toggle>span:not(.menu-lines){display:none}}
@media(max-width:700px){body:not([data-section=socon]):not([data-section=charlotte]):not([data-section=local]) .footer::before{background-position:60% center;opacity:.15}}

/* All fixture ribbons share the ball/stadium texture. */
.fixture-ribbon{position:relative;isolation:isolate;overflow:hidden}
.fixture-ribbon::before{content:"";position:absolute;inset:0;background:url("/soccer/assets/editorial-20261106/fixture-ribbon-ball.jpg") center 58%/cover no-repeat;filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity;opacity:.12;pointer-events:none;z-index:-1}
@media(max-width:700px){.fixture-ribbon::before{background-position:68% 58%}}

/* Quiet scoreboard paging controls, with visible keyboard focus. */
.ribbon-pagination{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:14px}.ribbon-pagination button{appearance:none;background:transparent;border:0;box-shadow:none;color:inherit;min-width:36px;min-height:36px;padding:4px;font-size:23px;line-height:1}.ribbon-pagination button:hover:not(:disabled){background:transparent;opacity:.75}.ribbon-pagination button:disabled{opacity:.3;cursor:default}.ribbon-pagination button:focus-visible{outline:2px solid currentColor;outline-offset:1px}

/* More fixtures on desktop; the mobile ribbon retains its three swipeable cards. */
@media(min-width:900px){.fixture-ribbon .ribbon-matches{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fixture-ribbon .ribbon-teams{grid-template-columns:1fr}.fixture-ribbon .ribbon-match{padding-right:12px}.fixture-ribbon .ribbon-team>span{min-width:0;overflow-wrap:break-word}}
@media(min-width:1200px){.fixture-ribbon .ribbon-matches{grid-template-columns:repeat(5,minmax(0,1fr))}}