/* HBS FANS Match Day 2026 — dedicated page layer */
body[data-page="match"] main{background:#f3f0eb;color:#101014;overflow:hidden}body[data-page="match"] .match-rail{background:#07080a}
.md26-hero{position:relative;min-height:760px;background:#09090b;color:#fff;overflow:hidden;isolation:isolate;padding:34px max(24px,calc((100vw - 1440px)/2 + 34px)) 0}.md26-backdrop{position:absolute;inset:0;z-index:-2;background:url('../media/turner-pyro.webp') center 46%/cover no-repeat;transform:scale(1.01)}.md26-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,4,6,.8),rgba(5,5,7,.52) 48%,rgba(5,5,7,.78)),linear-gradient(0deg,#08090b 0,transparent 42%)}
.md26-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid rgba(255,255,255,.22);padding:4px 0 18px;font-size:11px}.md26-topline>div{display:flex;align-items:center;gap:13px}.md26-topline i{width:8px;height:8px;background:#e51d36;border-radius:50%;box-shadow:0 0 0 7px rgba(229,29,54,.12)}.md26-topline b{letter-spacing:.12em}.md26-topline span{color:rgba(255,255,255,.62)}
.md26-board{min-height:560px;display:grid;grid-template-columns:1fr 350px 1fr;align-items:center;gap:34px}.md26-club{text-align:center;display:grid;justify-items:center;gap:12px}.md26-crest{width:180px;height:180px;display:grid;place-items:center}.md26-crest img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}.md26-club small{font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.55)}.md26-club h2{font-size:clamp(28px,3vw,48px);line-height:1;margin:0;max-width:390px}.md26-center{text-align:center;display:grid;justify-items:center}.md26-eyebrow{font-size:9px;letter-spacing:.2em;color:#ff9cac;font-weight:800}.md26-live-badge{display:flex;align-items:center;gap:8px;margin:15px 0 0;background:#e51d36;padding:7px 12px;font-size:11px;font-weight:900}.md26-live-badge i{width:7px;height:7px;background:#fff;border-radius:50%;animation:mdPulse 1.2s infinite}.md26-score{font-size:clamp(70px,8vw,126px);font-weight:900;line-height:.88;letter-spacing:-.06em;margin:16px 0 7px}.md26-center>p{font-size:11px;color:rgba(255,255,255,.52);margin:0}.md26-countdown{margin-top:22px;border-top:1px solid rgba(255,255,255,.2);padding-top:16px;display:grid;gap:3px}.md26-countdown small{font-size:9px;color:rgba(255,255,255,.52)}.md26-countdown b{font-size:13px}
.md26-facts{display:grid;grid-template-columns:repeat(4,1fr) auto;border-top:1px solid rgba(255,255,255,.22);background:rgba(7,7,9,.55);backdrop-filter:blur(4px);margin-inline:-34px;padding-inline:34px}.md26-facts>div,.md26-facts>a{min-height:82px;padding:16px 20px;border-left:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;justify-content:center}.md26-facts small{font-size:9px;color:rgba(255,255,255,.5)}.md26-facts b{font-size:13px;margin-top:4px}.md26-facts>a{color:#fff;align-items:center;flex-direction:row;gap:12px;font-weight:800;font-size:12px}.md26-facts .icon{width:17px;height:17px}
.md26-now{max-width:1440px;margin:0 auto;padding:90px 34px 110px;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.md26-now-copy>span,.md26-section-head span{font-size:10px;color:#d71935;font-weight:900;letter-spacing:.15em}.md26-now-copy h1{font-size:clamp(52px,6vw,88px);line-height:.88;margin:12px 0 24px;letter-spacing:-.055em}.md26-now-copy p{max-width:520px;color:#626068;font-size:16px;line-height:1.8}.md26-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bdb8b2}.md26-actions a{min-height:126px;padding:22px 24px;border-bottom:1px solid #bdb8b2;border-left:1px solid #bdb8b2;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;color:#111}.md26-actions a:nth-child(2n){border-left:0}.md26-actions a span{font-size:10px;color:#99949b}.md26-actions a b{font-size:18px}.md26-actions a.primary{background:#121317;color:#fff;border-color:#121317}.md26-actions a.primary span{color:#ff7d91}.md26-actions .icon{width:20px;height:20px}
.md26-live{background:#0c0d10;color:#fff;padding:100px max(24px,calc((100vw - 1440px)/2 + 34px)) 110px;position:relative}.md26-live:before{content:"";position:absolute;inset:0;background:url('../media/turner-crowd.webp') center/cover;opacity:.07;filter:grayscale(1)}.md26-live>*{position:relative}.md26-section-head{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:end;margin-bottom:48px}.md26-section-head h2{font-size:clamp(46px,5vw,76px);line-height:.9;margin:8px 0 0;letter-spacing:-.05em}.md26-section-head p{color:#8e8b92;line-height:1.75;margin:0}.md26-section-head.light h2{color:#101014}.md26-live-grid{display:grid;grid-template-columns:1fr 390px;border:1px solid #303136;min-height:580px;background:rgba(8,9,11,.72)}.md26-events{padding:30px 34px}.md26-events>header,.md26-chat>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303136;padding-bottom:18px}.md26-events>header>div,.md26-chat>header>div{display:flex;align-items:center;gap:10px}.md26-events>header i{width:8px;height:8px;background:#e51d36;border-radius:50%}.md26-events>header small,.md26-chat>header small{color:#777980;font-size:9px}.md26-event-feed{padding-top:12px;max-height:520px;overflow:auto}.md26-event{display:grid;grid-template-columns:56px 18px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #24252a;align-items:start}.md26-event time{font-size:13px;font-weight:900}.md26-event>span{width:10px;height:10px;border:2px solid #777a81;border-radius:50%;margin-top:4px}.md26-event.ours>span,.md26-event.goal>span{background:#e51d36;border-color:#e51d36;box-shadow:0 0 0 6px rgba(229,29,54,.1)}.md26-event small{display:block;color:#7d7f86;font-size:9px;margin-bottom:3px}.md26-event b{font-size:14px}.md26-event em{display:block;color:#8d8f96;font-style:normal;font-size:10px;margin-top:4px}.md26-chat{border-right:1px solid #303136;padding:30px 24px;display:flex;flex-direction:column;min-width:0}.md26-chat .live-chat-feed{max-height:none;min-height:360px}.md26-empty{padding:60px 20px;text-align:center;color:#7e8087}.md26-empty b{display:block;color:#d7d8dc;font-size:15px;margin-bottom:7px}.md26-empty span{font-size:11px}.md26-empty.light b{color:#1a1a1e}
.md26-data{max-width:1440px;margin:0 auto;padding:105px 34px}.md26-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.md26-stats-card,.md26-lineup-card{background:#fff;border:1px solid #d7d2cb}.md26-stats-card>header,.md26-lineup-card>header{padding:20px 22px;border-bottom:1px solid #ddd8d2;display:flex;justify-content:space-between}.md26-stats-card>header span,.md26-lineup-card>header span{font-size:9px;color:#8a858d}.md26-stat{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;min-height:58px;border-bottom:1px solid #ece8e3}.md26-stat:last-child{border-bottom:0}.md26-stat b{font-size:16px}.md26-stat span{font-size:10px;color:#75717a}.md26-lineups{display:grid;grid-template-columns:1fr 1fr}.md26-lineups section{padding:20px 22px}.md26-lineups section+section{border-right:1px solid #e3dfd9}.md26-lineups section>div{display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:2px solid #15161a;padding-bottom:12px}.md26-lineups section>div small{grid-column:1/-1;font-size:9px;color:#8a858d}.md26-lineups section>div b{font-size:15px}.md26-lineups section>div em{font-style:normal;font-size:11px;color:#d71935;font-weight:800}.md26-lineups ol{list-style:none;padding:0;margin:12px 0 0}.md26-lineups li{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #ece8e3}.md26-lineups li span{font-size:10px;color:#969199}.md26-lineups li b{font-size:11px}.md26-lineups p{font-size:11px;color:#77727a;margin:20px 0}
.md26-community{background:#15161a;color:#fff;padding:100px max(24px,calc((100vw - 1440px)/2 + 34px))}.md26-journey{list-style:none;padding:0;margin:0;border-top:1px solid #3b3c42}.md26-journey li{display:grid;grid-template-columns:70px 1fr 120px;gap:20px;align-items:center;min-height:120px;border-bottom:1px solid #303136}.md26-journey .num{font-size:27px;font-weight:900;color:#44464c}.md26-journey small{font-size:9px;color:#787a82}.md26-journey h3{margin:4px 0;font-size:20px}.md26-journey p{margin:0;color:#888a91;font-size:12px}.md26-journey button{width:100%;min-height:40px;border:1px solid #565860;background:transparent;color:#fff;font-weight:800}.md26-journey button:disabled{opacity:.3}.md26-journey li.current{background:#1d1f24;margin-inline:-18px;padding-inline:18px}.md26-journey li.current .num{color:#e51d36}.md26-journey li.done .num{color:#fff}.md26-journey li>strong{color:#ff6379;text-align:center}.md26-crowd-strip{margin-top:45px;display:grid;grid-template-columns:repeat(3,1fr) auto;border:1px solid #37383e}.md26-crowd-strip>div,.md26-crowd-strip>a{padding:18px 20px;border-left:1px solid #37383e}.md26-crowd-strip small{display:block;color:#777980;font-size:9px}.md26-crowd-strip b{font-size:22px}.md26-crowd-strip>a{display:flex;align-items:center;gap:10px;color:#fff;font-size:12px;font-weight:800}
.md26-form-next{max-width:1440px;margin:0 auto;padding:100px 34px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.md26-form-next>article{background:#fff;border:1px solid #d8d3cd}.md26-form-next header{padding:18px 22px;border-bottom:1px solid #e4e0db;display:flex;justify-content:space-between}.md26-form-next header span{font-size:9px;color:#8b868e}.md26-form-next header b{font-size:12px}.md26-form-row{display:grid;grid-template-columns:repeat(5,1fr)}.md26-form-row>div{text-align:center;padding:20px 7px;border-left:1px solid #ece8e3}.md26-form-row strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;margin:0 auto 9px;background:#d9d5d0}.md26-form-row .win strong{background:#d8f3e4;color:#0a7040}.md26-form-row .loss strong{background:#ffe0e4;color:#b9102a}.md26-form-row .draw strong{background:#eee9e2;color:#555}.md26-form-row span{display:block;font-size:9px;height:28px;overflow:hidden}.md26-form-row small{font-size:10px;color:#88838b}.md26-next-list a{display:grid;grid-template-columns:52px 38px 1fr auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #ece8e3;color:#111}.md26-next-list a:last-child{border-bottom:0}.md26-next-list time{font-weight:900;font-size:12px}.md26-next-list .crest{width:34px;height:34px;display:grid;place-items:center}.md26-next-list img{max-width:100%;max-height:100%;object-fit:contain}.md26-next-list small{display:block;color:#88838b;font-size:9px}.md26-next-list b{font-size:11px}.md26-next-list>a>strong{font-size:11px}
.md26-end{background:#e41d36;color:#fff;padding:110px max(24px,calc((100vw - 1440px)/2 + 34px));position:relative;overflow:hidden}.md26-end:after{content:"90";position:absolute;left:4%;bottom:-38px;font-size:280px;font-weight:900;color:rgba(255,255,255,.09);line-height:.8}.md26-end>span{font-size:9px;font-weight:900;letter-spacing:.18em}.md26-end h2{font-size:clamp(54px,6vw,92px);line-height:.88;max-width:900px;margin:15px 0 38px;letter-spacing:-.055em}.md26-end>div{display:flex;gap:30px}.md26-end a{color:#fff;font-weight:800;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:6px;display:flex;gap:9px;align-items:center}.md26-end .icon{width:17px;height:17px}
@keyframes mdPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}
@media(max-width:1050px){.md26-board{grid-template-columns:1fr 270px 1fr}.md26-crest{width:135px;height:135px}.md26-now{grid-template-columns:1fr;gap:45px}.md26-live-grid{grid-template-columns:1fr 330px}.md26-data-grid,.md26-form-next{grid-template-columns:1fr}}
@media(max-width:760px){body[data-page="match"] main{padding-bottom:70px}.md26-hero{min-height:auto;padding:18px 17px 0}.md26-backdrop{background-position:center 35%}.md26-topline{padding-bottom:14px}.md26-topline>div:last-child span+span{display:none}.md26-board{min-height:420px;grid-template-columns:1fr 112px 1fr;gap:8px;padding:38px 0 20px}.md26-crest{width:82px;height:82px}.md26-club{gap:7px}.md26-club h2{font-size:17px;line-height:1.15}.md26-club small{font-size:8px}.md26-eyebrow{font-size:7px}.md26-score{font-size:50px;margin:10px 0 5px}.md26-center>p{font-size:9px}.md26-live-badge{padding:5px 8px;font-size:9px}.md26-countdown{margin-top:13px;padding-top:10px}.md26-countdown b{font-size:10px}.md26-facts{margin-inline:-17px;padding-inline:0;grid-template-columns:1fr 1fr}.md26-facts>div,.md26-facts>a{min-height:66px;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.14)}.md26-facts>div:nth-child(2n){border-left:0}.md26-facts>a{grid-column:1/-1;min-height:50px}.md26-facts small{font-size:8px}.md26-facts b{font-size:10px}.md26-now{padding:70px 17px}.md26-now-copy h1{font-size:52px}.md26-now-copy p{font-size:14px}.md26-actions{grid-template-columns:1fr}.md26-actions a,.md26-actions a:nth-child(2n){min-height:86px;border-left:0;grid-template-columns:30px 1fr auto;padding:16px}.md26-actions a b{font-size:15px}.md26-live{padding:72px 17px}.md26-section-head{grid-template-columns:1fr;gap:15px;margin-bottom:30px}.md26-section-head h2{font-size:48px}.md26-section-head p{font-size:12px}.md26-live-grid{grid-template-columns:1fr;border-left:0;border-right:0;margin-inline:-17px}.md26-events{padding:22px 17px}.md26-event{grid-template-columns:45px 15px 1fr}.md26-chat{border-right:0;border-top:1px solid #303136;padding:22px 17px;min-height:430px}.md26-data{padding:72px 17px}.md26-data-grid{gap:12px}.md26-lineups{grid-template-columns:1fr}.md26-lineups section+section{border-right:0;border-top:1px solid #e3dfd9}.md26-community{padding:72px 17px}.md26-journey li{grid-template-columns:48px 1fr;gap:12px;padding:16px 0}.md26-journey li form,.md26-journey li>strong{grid-column:2}.md26-journey li.current{margin-inline:-8px;padding-inline:8px}.md26-journey .num{font-size:22px}.md26-journey h3{font-size:17px}.md26-crowd-strip{grid-template-columns:1fr 1fr}.md26-crowd-strip>div,.md26-crowd-strip>a{border-bottom:1px solid #37383e}.md26-crowd-strip>div:nth-child(2){border-left:0}.md26-crowd-strip>a{grid-column:1/-1;border-left:0}.md26-form-next{padding:72px 17px}.md26-form-row{overflow-x:auto;scroll-snap-type:x proximity}.md26-form-row>div{min-width:105px;scroll-snap-align:start}.md26-next-list a{grid-template-columns:45px 34px 1fr auto;padding:12px}.md26-next-list b{font-size:10px}.md26-end{padding:78px 17px 100px}.md26-end h2{font-size:50px}.md26-end>div{flex-direction:column;align-items:flex-start;gap:18px}.md26-end:after{font-size:170px;bottom:-15px}.md26-empty{padding:38px 16px}}
@media(prefers-reduced-motion:reduce){.md26-live-badge i{animation:none}}