/* Matchday identity: event tickets, score panels and editorial news. */
.matches-page>h1{font-style:italic;letter-spacing:-.045em!important}
.matches-page .schedule-status{border-left:3px solid var(--red);padding:12px 16px;background:linear-gradient(90deg,#80283e0d,transparent);line-height:1.6}
main.shell .fixture,main.shell .home-match-clickable{position:relative;border:1px solid #ccb7be;border-top:4px solid var(--red);background:linear-gradient(135deg,#fffdfc,#f5f1f2);box-shadow:0 12px 32px #3a14200b}
main.shell .fixture-meta{padding-bottom:16px;border-bottom:1px dashed #cbb5bd;letter-spacing:.13em}
main.shell .fixture-day{color:var(--red);font-weight:600}
main.shell .fixture-versus{position:relative;padding:22px 0}
main.shell .empty-score,main.shell .home-match-clickable .score{position:relative;border-inline:1px dashed #c5aab3;background:linear-gradient(180deg,#80283e08,transparent);padding:20px 10px}
main.shell .empty-score:before,main.shell .empty-score:after{content:'';position:absolute;left:50%;width:12px;height:12px;border:1px solid #ccb7be;background:#f5f5f4;border-radius:50%;transform:translateX(-50%)}
main.shell .empty-score:before{top:-6px}main.shell .empty-score:after{bottom:-6px}
main.shell .score-value,main.shell .home-match-score{color:var(--red);font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-shadow:2px 2px 0 #80283e0a}
main.shell .fixture-team h2{font-style:italic;letter-spacing:-.02em}
main.shell .fixture-team.event-winner h2:after{content:'WIN';display:inline-block;vertical-align:middle;margin-left:10px;padding:4px 7px;border:2px solid var(--red);border-radius:3px;transform:rotate(-7deg);color:var(--red);font:700 11px/1 'DM Mono',monospace;letter-spacing:.08em}
main.shell .fixture-mvp{border-top:1px dashed #ccb5bd;padding-top:20px}
main.shell .match-detail-stats{border-top:3px solid var(--red);margin-top:24px}
main.shell .match-metrics>div{background:linear-gradient(130deg,#80283e07,transparent);border-style:solid;border-color:#dfcfd4}
main.shell .map-result{border:1px solid #d6bfc6;border-left:4px solid var(--red);background:linear-gradient(120deg,#80283e09,#faf9f8)}
main.shell .map-result .is-winner{color:var(--red)}
main.shell .fixture-open{color:var(--red);letter-spacing:.12em}
/* Shared moving selection surface uses a pseudo-element, preserving tab children. */
@media(max-width:768px){
main.shell .sliding-tabs{position:relative;isolation:isolate;display:flex;gap:4px;padding:4px;border:1px solid #e3d8db;border-radius:25px;background:#ede7e9;width:max-content;max-width:100%}
main.shell .sliding-tabs:before{content:'';position:absolute;z-index:-1;top:4px;height:calc(100% - 8px);left:0;width:var(--pill-width,0px);transform:translateX(var(--pill-x,4px));border-radius:22px;background:var(--red);box-shadow:0 3px 8px #80283e20;transition:transform .32s cubic-bezier(.22,.61,.36,1),width .32s cubic-bezier(.22,.61,.36,1)}
main.shell .sliding-tabs>button{background:transparent!important;border:0!important;border-radius:22px;box-shadow:none!important;min-height:44px;padding:10px 20px;font:600 14px 'Roboto Condensed',Arial,sans-serif;color:#67555b;position:relative;transition:color .2s}
main.shell .sliding-tabs>button[aria-selected=true]{color:white!important}
main.shell .sliding-tabs>.compact-tab-indicator{display:none}
main.shell .career-controls.has-period-pills .period-toggle,main.shell .career-controls.has-period-pills .period-menu{display:none}
}
.period-pills{display:none}
@media(max-width:768px){main.shell .period-pills.sliding-tabs{display:flex}}
/* Lead story and compact supporting stories, without genre badges. */
main.shell .hero-news-list{grid-template-columns:1.2fr 1fr;gap:12px}
main.shell .hero-news-card{position:relative;background:linear-gradient(145deg,#fffdfce8,#f2ecefe8);border:1px solid #d9c7cd;border-radius:10px;overflow:hidden;padding:18px;min-height:0;transition:translate .25s,box-shadow .25s}
main.shell .hero-news-card:first-child{grid-row:span 3;display:flex;flex-direction:column;justify-content:space-between;border-top:4px solid var(--red)}
main.shell .hero-news-card:first-child h3{font-size:clamp(24px,2.2vw,32px);line-height:1.1;letter-spacing:-.025em}
main.shell .hero-news-card:not(:first-child) h3{font-size:18px;line-height:1.2;margin:10px 0}
main.shell .hero-news-card h3{white-space:normal;display:block;overflow:visible;-webkit-line-clamp:unset}
main.shell .news-card-number{font:italic 700 28px/1 'Roboto Condensed',Arial,sans-serif;color:var(--red);opacity:.65}
main.shell .hero-news-card:first-child .news-card-number{font-size:64px;letter-spacing:-.07em}
main.shell .news-card-read{display:flex;justify-content:space-between;border-top:1px solid #80283e20;padding-top:10px;margin-top:12px}
main.shell .news-article{position:relative;max-width:900px;margin-inline:auto;border-top:5px solid var(--red);padding:42px;background:linear-gradient(145deg,#fffdfc,#f7f4f4)}
main.shell .news-article .page-label{padding-bottom:18px;border-bottom:1px dashed #cdb8bf}
main.shell .news-article h1{font-size:clamp(34px,4.6vw,62px);line-height:1.06;letter-spacing:-.035em;max-width:780px;margin:24px 0 30px}
main.shell .news-body{max-width:680px;font-size:20px;line-height:1.65}
main.shell .news-body p:first-child:first-letter{float:left;font-size:68px;line-height:.9;margin:8px 10px 0 0;color:var(--red);font-weight:700}
main.shell .news-article .news-back{border-top:1px solid #d8c6cc;display:inline-flex;min-height:44px;align-items:center;margin-top:24px;padding-top:14px;color:var(--red)}
@media(hover:hover){main.shell .hero-news-card:hover{translate:0 -3px;box-shadow:0 10px 24px #80283e14}}
@media(max-width:768px){
 main.shell .fixture-versus{padding:8px 0}
 main.shell .fixture-versus .empty-score{border-inline:0;border-block:1px dashed #c5aab3;padding:16px 0!important}
 main.shell .empty-score:before,main.shell .empty-score:after{top:50%;transform:translateY(-50%)}
 main.shell .empty-score:before{left:-6px}main.shell .empty-score:after{left:auto;right:-6px;bottom:auto}
 main.shell .home-match-clickable .score{border-inline:0;border-block:1px dashed #c5aab3}
 main.shell .fixture-team.event-winner h2:after{font-size:9px;margin-left:8px}
 main.shell .sliding-tabs{width:100%}
 main.shell .sliding-tabs>button{flex:1;min-width:0;padding:10px 8px}
 main.shell .hero-news-list{grid-template-columns:1fr!important;gap:10px}
 main.shell .hero-news-card:first-child{grid-row:auto;min-height:230px}
 main.shell .hero-news-card:first-child h3{font-size:29px}
 main.shell .hero-news-card:not(:first-child){min-height:0;padding:16px}
 main.shell .hero-news-card:not(:first-child) h3{font-size:20px}
 main.shell .news-article{padding:24px 18px}
 main.shell .news-body{font-size:18px;line-height:1.6}
 main.shell .news-body p:first-child:first-letter{font-size:55px}
}
@media(prefers-reduced-motion:reduce){main.shell .sliding-tabs:before,main.shell .sliding-tabs>button,main.shell .hero-news-card{transition:none}}
/* Let editorial content define hero height instead of overlapping the match. */
@media(min-width:769px){
 main.shell .hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:32px;height:auto;min-height:620px;padding:44px 0 28px}
 main.shell .hero-copy{width:auto;min-width:0;padding:26px 0 0 18px;grid-column:1;grid-row:1}
 main.shell .hero-news{position:relative;inset:auto;left:auto;right:auto;top:auto;grid-column:2;grid-row:1;width:100%;min-width:0;margin:0;align-self:stretch}
 main.shell .hero-news-list{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:repeat(3,auto);align-items:stretch}
 main.shell .hero-news-card{height:auto;min-height:0;gap:10px}
 main.shell .hero-news-card:not(:first-child){padding:16px;gap:8px}
 main.shell .hero-news-card:not(:first-child) h3{margin:4px 0;font-size:17px}
 main.shell .hero-news-card .news-card-read{margin-top:auto}
 main.shell .hero-news-card:first-child h3{margin:24px 0}
 main.shell .home-match-clickable{margin-top:24px}
}
@media(min-width:769px) and (max-width:1000px){
 main.shell .hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:24px}
 main.shell .hero-copy{grid-column:1;grid-row:1;padding:12px 0 0;width:100%}
 main.shell .hero-news{grid-column:1;grid-row:2}
 main.shell .hero-news-list{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
}

/* Give the lead story a readable editorial preview instead of empty space. */
main.shell .hero-news-card:first-child{justify-content:flex-start}
main.shell .news-lead-details{display:flex;flex-direction:column;gap:24px;margin:0 0 24px}
main.shell .news-lead-excerpt{margin:0;font-size:17px;line-height:1.55;color:#665b5f}
main.shell .news-lead-quote{position:relative;margin:0;padding:20px 16px 16px;border-left:3px solid var(--red);border-radius:0 8px 8px 0;background:linear-gradient(120deg,#80283e0c,transparent)}
main.shell .news-lead-quote-mark{display:block;font:700 40px/.7 Georgia,serif;color:#a65c70;margin-bottom:8px}
main.shell .news-lead-quote p{margin:0 0 12px;font-size:21px;font-style:italic;line-height:1.35;color:#45242f}
main.shell .news-lead-author{font:500 11px/1.4 'DM Mono',monospace;color:var(--red)}
@media(max-width:768px){
 main.shell .news-lead-details{gap:16px;margin-bottom:16px}
 main.shell .news-lead-excerpt{font-size:16px;line-height:1.5}
 main.shell .news-lead-quote p{font-size:20px}
}
/* Two-line drop cap, aligned to the text baseline rather than a pixel offset. */
main.shell .news-body p:first-child::first-letter{float:left;font-family:'Roboto Condensed',Arial,sans-serif;font-size:2.9em;font-weight:700;font-style:normal;line-height:.9;letter-spacing:0;margin:.075em .14em 0 0;padding:0;color:var(--red)}
@supports (initial-letter:2) or (-webkit-initial-letter:2){
 main.shell .news-body p:first-child::first-letter{float:none;-webkit-initial-letter:2;initial-letter:2;font-size:inherit;line-height:inherit;margin:0 .3em 0 0}
}

/* Reserve room for italic numeral overhang and prevent flex compression. */
main.shell .hero-news-card .news-card-number{display:inline-block;flex:0 0 auto;line-height:1.15;padding:.04em .18em .06em .08em;overflow:visible;white-space:nowrap;box-sizing:content-box}
main.shell .hero-news-card .news-card-top{min-width:0}
main.shell .hero-news-card .news-card-top .hero-news-tag{min-width:0;white-space:normal}
/* Keep score and status inside the same ticket, including unplayed fixtures. */
main.shell.matches-page .fixture-versus .empty-score{box-sizing:border-box;min-width:0;container-type:inline-size;padding:22px 8px;text-align:center}
main.shell.matches-page .fixture-versus .empty-score .score-value{display:block;width:100%;font-size:clamp(26px,36cqw,48px);line-height:1.15;letter-spacing:-.045em;white-space:nowrap;text-align:center}
main.shell.matches-page .fixture-versus .empty-score small{position:static!important;inset:auto!important;display:block;width:auto;margin:12px 0 0!important;padding:0;font-size:9px;line-height:1.5;letter-spacing:.03em;white-space:normal;word-break:normal;overflow-wrap:normal}
main.shell.matches-page .fixture-versus .empty-score:before,main.shell.matches-page .fixture-versus .empty-score:after{width:10px;height:10px;box-sizing:border-box}
@media(max-width:768px){
 main.shell.matches-page .fixture-versus .empty-score{padding:18px 12px!important}
 main.shell.matches-page .fixture-versus .empty-score .score-value{font-size:40px;letter-spacing:-.025em}
 main.shell.matches-page .fixture-versus .empty-score small{font-size:10px;margin-top:8px!important}
}

@media(min-width:769px){
 main.shell.matches-page .fixture:not(.fixture-completed) .empty-score{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px!important}
 main.shell.matches-page .fixture:not(.fixture-completed) .empty-score:before{top:0;transform:translate(-50%,-50%)}
 main.shell.matches-page .fixture:not(.fixture-completed) .empty-score:after{bottom:0;transform:translate(-50%,50%)}
}

.news-title-compact{display:none}
@media(max-width:768px){
 main.shell .hero-news-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
 main.shell .hero-news-card:first-child{grid-column:1/-1}
 main.shell .hero-news-card:not(:first-child){grid-column:auto;min-width:0;min-height:142px;padding:12px 10px;gap:8px;display:flex;flex-direction:column;justify-content:flex-start}
 main.shell .hero-news-card:not(:first-child) .hero-news-tag{display:none}
 main.shell .hero-news-card:not(:first-child) .news-card-top{border:0;padding:0;justify-content:flex-start}
 main.shell .hero-news-card:not(:first-child) .news-card-number{font-size:26px;line-height:1.1;padding:0 .15em 0 0}
 main.shell .hero-news-card:not(:first-child) h3{font-size:clamp(13px,3.3vw,17px);line-height:1.2;margin:0;letter-spacing:-.015em;overflow-wrap:normal}
 main.shell .hero-news-card:not(:first-child) .news-title-full{display:none}
 main.shell .hero-news-card:not(:first-child) .news-title-compact{display:block}
 main.shell .hero-news-card:not(:first-child) .news-card-read{font-size:9px!important;letter-spacing:0;padding-top:8px;margin-top:auto;gap:3px}
}