/* Matchup Lab editorial layout, October 6 2026 */
:root{--ml-ink:#151b24;--ml-gold:#bc8a2e;--ml-rule:#dbe0e5}
body>header>.top{max-width:1440px;min-height:150px;padding:24px 32px;gap:24px}
body>header .brand{flex:1;min-width:0;gap:26px;font-size:clamp(26px,4.3vw,58px);line-height:1.1;letter-spacing:.015em}
body>header .brandlogo{width:142px;height:104px;flex-shrink:0;object-fit:contain;border-radius:0}
body>header .brand>span{display:block;min-width:0}
body>header .brand small{margin-top:12px;font-size:clamp(11px,1.1vw,15px);letter-spacing:.13em;line-height:1.4}
body>header .watch{flex-shrink:0}
.article>.articlecover{max-height:none;width:100%;height:auto;object-fit:contain;background:transparent}
@media(max-width:760px){body>header>.top{padding:18px 16px;min-height:110px;gap:12px}body>header .brand{gap:12px;font-size:clamp(19px,4.8vw,30px)}body>header .brandlogo{width:78px;height:58px}body>header .brand small{font-size:10px;margin-top:7px;letter-spacing:.04em;max-width:none}body>header .watch{padding:8px 10px;font-size:12px}}
@media(max-width:430px){body>header .brandlogo{width:68px;height:50px}body>header .brand{font-size:19px}body>header .brand small{font-size:9px}body>header .watch{padding:8px;font-size:11px}}
body{background:#e9edf1}body>header{border-bottom:3px solid var(--ml-gold)}
.brand small{font-size:12px;letter-spacing:.07em}.top{padding-top:22px;padding-bottom:22px}
header nav a{font-size:14px}header nav a:hover,header nav a[aria-current]{color:#f4cc79}
.layout.editorial{grid-template-columns:minmax(0,1fr) 300px;gap:32px;padding:32px}.layout.editorial>.rail{display:none}
.feature-section>.story{border:0;border-radius:0;box-shadow:0 4px 18px #14202c0c}.story h2{letter-spacing:-.035em}.story>div{padding:28px}.secondary-stories .story h2{font-size:26px}
.sectionbar{border-bottom:1px solid #ccd3dc;padding-bottom:12px}.sectionbar h1,.sectionbar h2{font-size:24px}
.panel,.news-card,.videocard{border-radius:4px}.scoreboard{border-bottom:1px solid #c9d0d9}.scores>a{min-width:170px}
.article{max-width:1280px;padding:48px;margin:32px auto;border-top:4px solid var(--ml-gold);box-shadow:0 10px 36px #17202b0a}
.article>h1{max-width:1050px;font-size:clamp(34px,4.6vw,62px);line-height:1.04;letter-spacing:-.04em}.article>.lede{max-width:880px;font-size:21px;color:#455262}
.articlecover{max-height:340px;object-fit:contain;background:#171d26;margin:28px 0 36px}
.article-body{display:grid;grid-template-columns:205px minmax(0,1fr);gap:34px;align-items:start}
.article nav.article-outline{display:block;width:100%;min-width:0;max-width:100%;margin:0;padding:16px 0 0;white-space:normal;gap:0;position:sticky;top:24px;border-top:3px solid #17202b;max-height:80vh;overflow:auto}
.article-outline h2{font-size:15px;text-transform:uppercase;letter-spacing:.05em}.article-outline a{display:block;padding:8px 0;border-bottom:1px solid #e9edf1;font-size:14px;line-height:1.35;color:#4b5868}
.article-outline a:hover{color:#76520d}.article-outline a.current{color:#17202b;font-weight:bold;border-left:3px solid var(--ml-gold);padding-left:10px}
.article .prose{min-width:0}.article .prose>p{max-width:75ch;font-size:18px;line-height:1.8}.article .prose>h2{padding-top:12px;border-top:1px solid var(--ml-rule);margin-top:40px;font-size:30px}
.article .prose>.opening-credit{font-size:14px;color:#5c6878;padding-bottom:18px;border-bottom:1px solid var(--ml-rule)}
.article .prose>figure{margin:16px 0}.article .prose>.graphic-view{background:#f4f6f8;border:1px solid var(--ml-rule);font-size:14px;margin-top:12px}.graphic-view figure{margin:16px 0 0}.graphic-view summary{font-weight:normal;color:#536274}
.article .native-table{background:transparent;margin:22px 0 30px;padding:0;border:0}.native-table>summary{display:none}.native-table .table-scroll{margin-top:0}
.table-scroll,.tablewrap{position:relative;border:1px solid #d1d8e0;border-radius:3px;overflow:auto;max-width:100%;scrollbar-color:#79899b #e9edf1}
.table-scroll:focus-visible,.tablewrap:focus-visible{outline:3px solid #247dc8;outline-offset:3px}
table{font-size:15px;line-height:1.5;font-variant-numeric:tabular-nums}th,td{padding:13px 14px;border:0;border-bottom:1px solid #e0e5eb}
thead th{background:#192331;color:#fff;position:sticky;top:0;font-size:14px}tbody tr:nth-child(even){background:#f3f5f8}tbody tr:hover{background:#fff4da}
tbody td:first-child,tbody th:first-child{position:sticky;left:0;background:#fff;font-weight:700;box-shadow:1px 0 #dce2e8;z-index:1}tbody tr:nth-child(even)>:first-child{background:#f3f5f8}
thead th:first-child{left:0;z-index:3}td.ml-number{text-align:right}.table-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0}.table-tools label{font-size:14px;font-weight:700}.table-tools input{padding:9px 12px;font:16px Arial;border:1px solid #adb8c6;border-radius:3px;max-width:100%;width:230px}.table-count{font-size:13px;color:#657185}.sort-button{border:0;background:none;color:inherit;font:inherit;text-align:inherit;padding:0;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;min-height:26px}.sort-button span{font-size:12px;color:#eac779}.sort-button:focus-visible{outline:2px solid #f2cb73;outline-offset:3px}.table-tip{font-size:13px;color:#667386;margin:8px 0}.table-empty{font-size:14px;padding:12px;background:#fff4da}
.article-related{padding:24px 0 0;border-top:2px solid #192331;margin-top:36px}.article-related h2{font-size:24px}.article-related div{display:flex;flex-wrap:wrap;gap:12px}.article-related a{padding:10px 14px;background:#edf1f5;font-size:14px;font-weight:700}
@media(max-width:1000px){.article{padding:32px;margin:24px 16px}.article-body{grid-template-columns:170px minmax(0,1fr);gap:24px}.layout.editorial{grid-template-columns:minmax(0,1fr) 250px;gap:22px;padding:24px}}
@media(max-width:760px){.brand small{font-size:10px}.layout.editorial{display:block;padding:20px 16px}.article{padding:24px 18px;margin:16px 10px}.article-body{display:block}.article-outline{display:none}.article>.lede{font-size:18px}.articlecover{max-height:230px;margin:20px 0}.article .prose>p{font-size:17px;line-height:1.75}.article .prose>h2{font-size:27px}.article .contents{padding:14px}.article .jump{grid-template-columns:1fr 1fr}.article table{font-size:14px}.article th,.article td{padding:12px}.table-tools{gap:8px}.table-tools input{width:100%}.table-tools label{width:100%}.table-count{width:100%}.article-related div{display:grid;grid-template-columns:1fr 1fr}.story>div{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}