:root {
  --paper:#fbf8ef; --ink:#181916; --muted:#55564d; --line:#c8c4b7;
  --red:#b71725; --red-dark:#921121; --field:#153c31; --cream:#f9efd4;
  --print-logo:url("masthead.png");
  --sans:"Source Sans 3",Arial,sans-serif;
  --display:Impact,"Arial Narrow","Arial Black",Arial,sans-serif;
  --serif:"PT Serif",Georgia,serif;
  --accent-text:#a71323; --teaser:#f7ebd9; --control:#f3eee1; --focus:#075fa7;
  color-scheme:light;
}
:root[data-theme="dark"] {
  --paper:#1c1a17; --ink:#f7efe0; --muted:#c9beac; --line:#63594f;
  --red:#a91a2c; --red-dark:#8a1021; --accent-text:#ff99a0;
  --teaser:#38282a; --control:#2d2924; --focus:#92d0ff;
  color-scheme:dark;
}
* {box-sizing:border-box}
body {margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--sans)}
a {color:inherit;text-underline-offset:.2em}
:is(a,button,select):focus-visible {outline:3px solid var(--focus);outline-offset:3px}
h1,h2,h3,p,ul,figure {margin:0}
button,a {-webkit-tap-highlight-color:transparent}
[hidden] {display:none!important}
.wrap {width:min(1150px,calc(100% - 64px));margin-inline:auto}
.top {border-top:5px solid var(--red)}
.top-row {display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:78px}
.brand {display:block;flex:none;width:133px;height:44px;background:var(--print-logo) center top/100% auto no-repeat}
.reader-controls {display:flex;align-items:center;gap:.4rem;flex:none}
.reader-controls button {min-height:44px;border:1px solid var(--line);border-radius:0;background:var(--control);color:var(--ink);font:700 .86rem var(--sans);cursor:pointer}
.language-picker {display:flex;align-items:stretch;border:1px solid var(--line)}
.language-picker .language-option {min-width:39px;min-height:42px;padding:0 .35rem;border:0;font-size:.76rem;letter-spacing:.04em}
.language-picker .language-option + .language-option {border-inline-start:1px solid var(--line)}
.theme-toggle {min-width:44px;display:grid;place-items:center;cursor:pointer}
.theme-toggle span {font-size:1.35rem;line-height:1}
.theme-toggle .sun,:root[data-theme="dark"] .theme-toggle .moon {display:none}
:root[data-theme="dark"] .theme-toggle .sun {display:inline}
.nav {display:flex;align-items:center;gap:clamp(.65rem,2.4vw,2rem);flex-wrap:wrap;margin-inline-start:auto}
.nav a {display:inline-flex;align-items:center;min-height:44px;font-size:.89rem;font-weight:700;text-decoration:none;white-space:nowrap}
.nav a:hover,.nav a[aria-current=page] {color:var(--accent-text);text-decoration:underline}
.action {display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:46px;padding:.58rem .9rem;background:var(--red);color:white;font-weight:700;text-decoration:none;line-height:1.2}
.nav a.action {color:white;padding-inline:.9rem}
.action:hover,.nav a.action:hover {background:var(--red-dark);color:white;text-decoration:none}
.quiet-link {display:inline-flex;align-items:center;min-height:44px;gap:.45em;font-size:.91rem;font-weight:700}
.quiet-link:hover,.row-title a:hover,.story-card a:hover {color:var(--accent-text)}
.edition-strip {display:flex;justify-content:space-between;align-items:center;gap:.5rem 1rem;flex-wrap:wrap;padding:.55rem 0;border-block:1px solid var(--ink);font-size:.76rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.edition-strip p:last-child {color:var(--muted);text-transform:none;letter-spacing:0}
.masthead {display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:.75rem;margin-top:.7rem}
.masthead-logo {aspect-ratio:1194/396;background:#ee1d23 var(--print-logo) center/100% 100% no-repeat}
.masthead-teaser {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid var(--red);background:var(--teaser);padding:clamp(.65rem,2.5vw,1.45rem)}
.masthead-teaser .teaser-title {margin:.25rem 0 .15rem;font:400 clamp(1.32rem,3vw,2.65rem)/1.04 var(--display);text-wrap:balance}
.lead-grid {display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:clamp(1.5rem,4.5vw,3.65rem);align-items:stretch;margin:1.7rem 0 2rem}
.lead-copy {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:.5rem 0}
.kicker {color:var(--accent-text);font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.lead-copy h1 {width:100%;margin:.62rem 0 .8rem}
.lead-copy h1 a {display:block;text-decoration:none}
.lead-copy h1 img {display:block;width:100%;height:auto;mix-blend-mode:multiply}
:root[data-theme="dark"] .lead-copy h1 img {filter:invert(1);mix-blend-mode:screen}
.lead-local {display:block;font:400 clamp(2.5rem,5.6vw,5.45rem)/1.03 var(--display);text-wrap:balance}
.deck {max-width:35rem;font:clamp(1.08rem,1.9vw,1.35rem)/1.42 var(--serif)}
.lead-actions {display:flex;align-items:center;gap:.25rem 1.1rem;flex-wrap:wrap;margin-top:1.05rem}
.score-art {display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;min-height:310px;padding:1rem;background:repeating-linear-gradient(90deg,#174136 0 12.5%,#1b493b 12.5% 25%);color:var(--cream);border:1px solid #102b23}
.score-art .pitch {position:absolute;inset:17px;border:1px solid #e7e0b478;z-index:-1}
.pitch::before {content:"";position:absolute;left:50%;height:100%;border-left:1px solid #e7e0b478}
.pitch::after {content:"";position:absolute;left:50%;top:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #e7e0b478;border-radius:50%}
.penalty {position:absolute;top:28%;width:15%;height:44%;border:1px solid #e7e0b478}
.penalty.left {left:-1px}.penalty.right {right:-1px}
.pitch-caption {text-align:center;background:#12372e;box-shadow:0 0 0 1px #eee3bd6b;padding:1rem clamp(.5rem,2.5vw,1.7rem);min-width:0}
.pitch-caption p:first-child {font-size:.67rem;text-transform:uppercase;letter-spacing:.1em}
.score-line {display:flex;align-items:center;justify-content:center;gap:clamp(.4rem,1.35vw,1rem);white-space:nowrap}
.score-line span {font-size:clamp(.77rem,1.6vw,1.05rem);font-weight:800}
.score-line b {font:400 clamp(2.45rem,5.3vw,4.6rem)/1.02 var(--display);letter-spacing:.025em;font-variant-numeric:tabular-nums}
.pitch-caption p:last-child {font-size:.76rem}
.below-cover {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);grid-template-areas:"issue subscription";gap:2rem;margin-bottom:2rem}
.issue-list {grid-area:issue}
.section-bar {display:flex;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;flex-wrap:wrap;border-top:3px solid var(--ink);padding:.35rem 0 .2rem}
.section-bar h2 {font:400 clamp(1.4rem,3vw,2.05rem)/1.1 var(--display)}
.rows {padding:0;list-style:none}
.rows li {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--line)}
.row-title {font:400 1.28rem/1.17 var(--display)}
.rows .row-meta {margin-bottom:.22rem;color:var(--muted);font-size:.75rem}
.rows .page-ref {color:var(--muted);font-size:.76rem;white-space:nowrap}
.buy-panel {grid-area:subscription;align-self:start;padding:clamp(1rem,2vw,1.4rem);background:var(--red);color:white}
.buy-panel .kicker {color:inherit}
.buy-panel h2 {font:400 clamp(1.7rem,2.8vw,2.2rem)/1.08 var(--display);margin:.35rem 0 .55rem}
.buy-panel p:not(.kicker) {margin-bottom:.85rem}
.buy-panel .action {background:#fbf8ef;color:#921121}
.buy-panel .action:hover {background:white;text-decoration:underline}
.news-home {margin-bottom:2.25rem}
.news-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem 1.8rem;margin-top:.65rem}
.news-note {border-top:1px solid var(--line);padding:.65rem 0 .2rem}
.news-note time,.subtle {color:var(--muted);font-size:.84rem}
.news-note h3 {margin:.3rem 0;font:400 1.36rem/1.18 var(--display)}
.interior {min-height:52vh;border-top:1px solid var(--ink);padding:clamp(1.5rem,4vw,3rem) 0 3.2rem}
.interior h1 {font:400 clamp(2.35rem,6vw,5rem)/1 var(--display);margin:.5rem 0 .8rem;text-wrap:balance}
.interior .intro {max-width:38rem;margin-bottom:1.6rem;font:1.14rem/1.5 var(--serif)}
.issue-ticket {display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.15rem;align-items:center;padding:1.1rem 0;border-block:1px solid var(--line)}
.ticket-no {display:grid;place-items:center;min-width:96px;aspect-ratio:1;background:var(--red);color:white;font:400 2.35rem/1 var(--display)}
.issue-ticket h2,.story-card h2,.subscribe-grid h2 {font:400 1.65rem/1.1 var(--display)}
.story-list,.subscribe-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}
.story-card,.subscribe-grid section {border-top:3px solid var(--ink);padding:.9rem 0}
.story-card h2,.subscribe-grid h2 {margin:.3rem 0 .55rem}
.subscribe-grid .action {margin-top:.9rem}
.article-body {max-width:740px}
.article-body .back {margin:-.55rem 0 .75rem}
.article-body .prose {font:1.15rem/1.66 var(--serif);margin:1.4rem 0}
.prose p+p {margin-top:.9em}
.article-end {border-top:1px solid var(--line);padding-top:.85rem}
.article-end p {margin-bottom:.6rem}
.article-score {margin:1.2rem 0;padding:.75rem 1rem;background:var(--field);color:white;font:400 clamp(1.3rem,3vw,2rem)/1.2 var(--display)}
.footer {border-top:1px solid var(--ink);padding:.95rem 0 1.4rem;color:var(--muted);font-size:.78rem}
.footer-row {display:flex;justify-content:space-between;gap:.3rem 1rem;flex-wrap:wrap}
.footer-links {display:flex;gap:.35rem 1rem;flex-wrap:wrap}
@media (max-width:820px) {
  .top-row {flex-wrap:wrap;gap:0;min-height:0;padding:.65rem 0 .4rem}
  .top-row .brand {margin:.25rem 0 .28rem}
  .reader-controls {order:1;margin-inline-start:auto}
  .nav {order:2;width:100%;gap:0 .95rem;justify-content:space-between}
  .nav a {font-size:.82rem}
  .nav a.action {padding-inline:.55rem;min-height:44px}
}
@media (max-width:760px) {
  .wrap {width:calc(100% - 36px)}
  .lead-grid {grid-template-columns:1fr;gap:.9rem;margin:1rem 0 1.3rem}
  .lead-copy {padding:0}
  .lead-copy h1 {margin:.45rem 0 .52rem}
  .masthead {display:block}
  .masthead-teaser {display:none}
  .score-art {min-height:clamp(178px,53vw,270px)}
  .below-cover {grid-template-columns:1fr;grid-template-areas:"subscription" "issue";gap:1.05rem}
  .news-grid,.story-list,.subscribe-grid {grid-template-columns:1fr;gap:1rem}
}
@media (max-width:375px) {
  .wrap {width:calc(100% - 26px)}
  .top-row .brand {width:113px;height:38px}
  .nav {gap:0 .5rem}
  .nav a {font-size:.77rem}
  .edition-strip {font-size:.68rem}
}

.skip {position:absolute;top:.4rem;left:1rem;z-index:2;background:var(--paper);padding:.6rem;transform:translateY(-200%)}
.skip:focus {transform:none}
.language-picker .language-option {display:grid;place-items:center;color:var(--ink);background:var(--control);text-decoration:none;font-weight:700}
.language-picker .language-option[aria-current="true"] {background:var(--red);color:white}
.language-picker .language-option:hover {text-decoration:underline}
.masthead-logo {display:block}
.lead-copy h1 img {aspect-ratio:682/277;object-fit:contain}
.news-note time {display:block}
.buy-panel .sub-code {display:block;margin-top:.65rem;font-size:.83rem}
.rows li {align-items:start}
.rows .row-meta {text-transform:uppercase;letter-spacing:.045em}
.row-title a {text-decoration-thickness:1px}
.row-deck {margin-top:.32rem}
.row-ref {text-align:right;font-size:.78rem;color:var(--muted)}
.row-ref .badge {display:block;margin-top:.25rem;font-weight:700}
.row-ref .online {color:var(--accent-text)}
.story-card .intro {margin-bottom:.25rem}
@media (max-width:375px) {
  .language-picker .language-option {min-width:36px}
  .rows li {gap:.5rem}
}

.editor-feature {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.4rem 1.4rem;margin:0 0 2rem;padding:1rem 1.2rem;background:var(--teaser);border-top:3px solid var(--red)}
.editor-feature h2 {font:400 clamp(1.6rem,3.5vw,2.35rem)/1.12 var(--display);margin:.28rem 0}
.editor-feature h2 a {text-decoration:none}
.editor-feature a:hover {color:var(--accent-text);text-decoration:underline}
.editor-feature .quiet-link {flex:none}
.byline {font-weight:700}
.editor-column .prose {max-width:68ch;line-height:1.7}
.editor-column .intro {margin-bottom:.9rem}

.issue-ticket h2,.interior h1 {overflow-wrap:anywhere}
@media (max-width:420px) {
  .issue-ticket {gap:.8rem}
  .ticket-no {min-width:68px;font-size:1.8rem}
  .issue-ticket h2 {font-size:1.35rem}
}

.match-diagram {margin:1.3rem 0;padding:1rem;background:#163c33;color:#fffaf0}
.match-diagram figcaption {font-weight:800;margin-bottom:.7rem}
.match-diagram ol {display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.65rem;list-style:none;margin:0;padding:0}
.match-diagram li {display:grid;gap:.16rem;align-content:start;padding:.6rem .75rem;border:1px solid #a9c0b0}
.match-diagram strong {font:400 1.7rem/1.04 var(--display);font-variant-numeric:tabular-nums}
.match-diagram span {font-size:.92rem}

.contents-jump {display:flex;flex-wrap:wrap;gap:.25rem .85rem;padding-bottom:.8rem}
.contents-jump a {display:inline-flex;align-items:center;min-height:36px;font-size:.86rem;font-weight:700}
.contents-group {margin:1rem 0 1.7rem;scroll-margin-top:1rem}
.contents-group h2 {padding-top:.45rem;border-top:3px solid var(--ink);font:400 clamp(1.55rem,3vw,2rem)/1.16 var(--display)}
.contents-note {padding:.42rem .65rem;margin-top:.55rem;background:var(--teaser)}

.prose h2 {font:400 1.7rem/1.15 var(--display);margin:1.35em 0 .45em;scroll-margin-top:1.2rem}
.prose .match-diagram {font-family:var(--sans)}
.table-wrap {max-width:100%;overflow-x:auto;margin:1.5rem 0}
.article-table {width:100%;border-collapse:collapse;font-size:.88rem}
.article-table caption {text-align:left;font-weight:800;font-size:1.03rem;padding:.6rem 0;border-top:3px solid var(--ink)}
.article-table th,.article-table td {text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--line)}
.article-table thead {background:var(--control)}
.article-table td {font-variant-numeric:tabular-nums}
@media (max-width:520px) {
  .article-table th,.article-table td {padding:.35rem .4rem;font-size:.78rem}
}

.table-wrap:focus-visible {outline:3px solid var(--focus);outline-offset:3px}
@media (max-width:420px) {
  .nav {gap:.15rem .42rem}
  .nav a {font-size:.77rem}
}

.news-group + .news-group {margin-top:1.4rem}