/* ============================================================
   MECCA — CSS extracted from taxonomy-championship.php
   Externalized Session 4 (2026-04-21) for caching across page views.
   ============================================================ */

/* --- block 0 from taxonomy-championship.php --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Barlow+Condensed:wght@400;600;700;800;900&family=DM+Sans:wght@300;400;500;600;700&display=swap');
.mrc-page{--bg:#F5F3EE;--bg2:#EFECE6;--bg3:#E8E4DC;
    --border:#1A1A1A;--border-light:#CCCCCC;
    --text:#1A1A1A;--text2:#444444;--muted:#888888;--accent:#D9500A;
    font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);min-height:80vh}
#page,.site-main,body{background:#F5F3EE}
.entry-content{background:transparent;padding:0;max-width:100%}
.mrc-page a{color:inherit;text-decoration:none}

/* HEADER */
.mrc-header{background:var(--bg);border-bottom:2px solid var(--border);padding:24px 24px 0}
.mrc-header-inner{max-width:1280px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:16px;flex-wrap:wrap}
.mrc-header-left{display:flex;align-items:flex-start;gap:16px;flex:1}
.mrc-logo{width:64px;height:64px;object-fit:contain;flex-shrink:0;align-self:center}
.mrc-breadcrumb{font-size:12px;color:var(--muted);margin-bottom:4px;display:flex;gap:6px}
.mrc-breadcrumb a:hover{color:var(--accent)}
.mrc-title{font-family:'Playfair Display',Georgia,serif;font-size:48px;font-weight:400;letter-spacing:-0.5px;color:var(--text);margin:0 0 4px;line-height:1.1}
.mrc-tagline{font-size:14px;color:var(--text2);margin:8px 0 4px;max-width:680px;line-height:1.5}
.mrc-meta{font-size:12px;color:var(--muted);display:flex;gap:12px}
.mrc-meta span:not(:first-child)::before{content:'·';margin-right:12px}

/* YEAR SELECTOR (mobile) */
.mrc-year-selector{display:none;flex-direction:column;gap:4px;align-self:center}
.mrc-year-label{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.mrc-year-select{background:#fff;border:1px solid var(--border-light);color:var(--text);font-size:14px;font-weight:600;padding:8px 32px 8px 12px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
.mrc-year-select:focus{outline:none;border-color:var(--accent)}

/* YEAR STRIP (desktop) */
.mrc-year-strip-wrap{max-width:1280px;margin:0 auto;overflow:hidden;position:relative}
.mrc-year-strip-wrap::before,.mrc-year-strip-wrap::after{content:'';position:absolute;top:0;bottom:0;width:32px;z-index:2;pointer-events:none}
.mrc-year-strip-wrap::before{left:0;background:linear-gradient(to right,var(--bg),transparent)}
.mrc-year-strip-wrap::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}
.mrc-year-strip{display:flex;gap:2px;overflow-x:auto;scroll-behavior:smooth;padding:8px 0 0;scrollbar-width:none}
.mrc-year-strip::-webkit-scrollbar{display:none}
.mrc-yr{flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600;color:var(--muted);background:transparent;border-bottom:2px solid transparent;transition:all .12s;white-space:nowrap}
.mrc-yr:hover{color:var(--text);text-decoration:none}
.mrc-yr--active{color:var(--text);position:relative;border-bottom-color:var(--accent)}

/* SECTION LAYOUT */
.mrc-history,.mrc-champions-row,.mrc-standings-section,.mrc-calendar-section,.mrc-results-section,.mrc-season-editorial{padding:40px 24px}
.mrc-history + *,.mrc-champions-row + *,.mrc-standings-section + *,.mrc-calendar-section + *,.mrc-season-editorial + *{border-top:1px solid var(--border-light)}
.mrc-history-inner,.mrc-champions-inner,.mrc-standings-inner,.mrc-cal-inner,.mrc-results-inner,.mrc-sei-inner{max-width:1280px;margin:0 auto}
.mrc-section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:20px;flex-wrap:wrap;border-bottom:2px solid var(--border);padding-bottom:8px}
.mrc-accent{display:none}
.mrc-section-title{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text);margin:0;flex:1}
.mrc-section-note{font-size:12px;color:var(--muted)}

/* HISTORY */
.mrc-history{background:var(--bg)}
.mrc-history-short{font-size:15px;line-height:1.7;color:var(--text2);margin:0 0 12px;max-width:800px}
.mrc-history-long p{font-size:14px;line-height:1.8;color:var(--text2);margin:12px 0 0;max-width:800px}
.mrc-read-more{background:none;border:1px solid var(--border-light);color:var(--accent);font-size:13px;font-weight:600;padding:6px 14px;cursor:pointer;margin-top:8px;transition:all .15s}
.mrc-read-more:hover{background:rgba(217,80,10,.06);border-color:var(--accent)}

/* CHAMPIONS ROW */
.mrc-champions-inner{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mrc-champ-card{display:flex;align-items:center;gap:16px;background:var(--bg);border-bottom:1px solid var(--border-light);padding:20px 0;margin-top:12px}
.mrc-champ-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid var(--accent);flex-shrink:0;filter:grayscale(1);mix-blend-mode:multiply;transition:filter .4s,mix-blend-mode .4s}
.mrc-champ-card:hover .mrc-champ-photo{filter:grayscale(0);mix-blend-mode:normal}
.mrc-champ-name{display:block;font-family:'Playfair Display',Georgia,serif;font-size:20px;font-weight:400;color:var(--text);margin-bottom:4px;line-height:1.2}
a.mrc-champ-name:hover{color:var(--accent)}
.mrc-champ-bike{display:block;font-size:13px;color:var(--muted);font-style:italic}
.mrc-champ-nat{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.mrc-champ-trophy{font-size:36px;margin-left:auto;opacity:.8}
.mrc-mfr-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.mrc-mfr-row{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;gap:10px}
.mrc-mfr-name{font-size:13px;font-weight:600;color:var(--text)}
.mrc-mfr-bar-wrap{height:6px;background:rgba(0,0,0,.06);overflow:hidden}
.mrc-mfr-bar{height:100%;background:var(--accent);transition:width .4s ease}
.mrc-mfr-pts{font-size:13px;font-weight:700;color:var(--accent);text-align:right}

/* NEXT ROUND CALLOUT */
.mrc-next-round{display:flex;align-items:center;gap:16px;background:var(--accent);padding:14px 20px;margin-bottom:20px;flex-wrap:wrap}
.mrc-next-round--live{background:var(--accent)}
.mrc-next-round-label{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.9);background:rgba(0,0,0,.2);padding:3px 8px;flex-shrink:0}
.mrc-next-round-body{display:flex;align-items:center;gap:10px;flex:1}
.mrc-next-round-rn{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:800;color:#fff;background:rgba(0,0,0,.25);padding:2px 8px;flex-shrink:0}
.mrc-next-round-title{font-size:14px;font-weight:700;color:#fff}
.mrc-next-round-country{font-size:13px;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:5px}
.mrc-next-round-date{font-size:13px;font-weight:700;color:rgba(255,255,255,.9);margin-left:auto;white-space:nowrap}

/* TABS */
.mrc-tabs{display:flex;align-items:center;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-light);padding-bottom:0;flex-wrap:wrap}
.mrc-tab{background:none;border:none;color:var(--muted);font-size:13px;font-weight:600;padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s;font-family:inherit}
.mrc-tab:hover{color:var(--text)}
.mrc-tab--active{color:var(--text);border-bottom-color:var(--accent)}
.mrc-tabs-note{font-size:11px;color:var(--muted);margin-left:auto;padding-bottom:10px}
.mrc-tab-pane{}

/* LIVE STANDINGS TABLE */
.mrc-live-table{overflow:hidden;display:flex;flex-direction:column}
.mrc-live-table-head{display:grid;grid-template-columns:36px 40px 1fr 130px 160px 64px 64px;gap:0;padding:10px 16px;background:var(--bg2);font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);border-bottom:2px solid var(--border);flex-shrink:0}
.mrc-live-table-head>span{padding:0 8px}
.mrc-live-table-head>span:first-child{padding-left:0}
.mrc-live-table-body{overflow-y:auto;max-height:920px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}
.mrc-live-table-body::-webkit-scrollbar{width:4px}
.mrc-live-table-body::-webkit-scrollbar-track{background:transparent}
.mrc-live-table-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:2px}
.mrc-live-row{display:grid;grid-template-columns:36px 40px 1fr 130px 160px 64px 64px;gap:0;padding:10px 16px;align-items:center;transition:background .1s;
    background-image:linear-gradient(to right, #1A1A1A 24%, transparent 0%);background-size:4px 1px;background-repeat:repeat-x;background-position:bottom}
.mrc-live-row:last-child{background-image:none}
.mrc-live-row:hover{background-color:rgba(0,0,0,.02)}
.mrc-live-row--leader{background-color:rgba(217,80,10,.04);border-left:3px solid var(--accent)}
/* Rider photo */
.mrc-live-photo{flex-shrink:0;padding:0 8px 0 0}
.mrc-rider-thumb{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:center 20%;border:1px solid var(--border-light);display:block;filter:grayscale(1);mix-blend-mode:multiply;transition:filter .3s,mix-blend-mode .3s}
tr:hover .mrc-rider-thumb{filter:grayscale(0);mix-blend-mode:normal}
.mrc-rider-thumb-placeholder{width:28px;height:28px;border-radius:50%;background:var(--bg2);border:1px solid var(--border-light);display:block}
/* Pos */
.mrc-live-pos{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;color:var(--text);padding:0 8px}
/* Rider + gap bar */
.mrc-live-rider{font-size:14px;font-weight:600;color:var(--text);display:flex;flex-direction:column;gap:4px;min-width:0;padding:0 8px}
.mrc-live-rider>a,.mrc-live-rider>span:first-of-type{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrc-live-rider a{color:var(--text)}.mrc-live-rider a:hover{color:var(--accent)}
.mrc-flag-emoji{font-size:15px;flex-shrink:0;line-height:1}
.mrc-gap-bar-wrap{height:3px;background:rgba(0,0,0,.06);overflow:hidden;width:100%;max-width:160px}
.mrc-gap-bar{height:100%;background:var(--accent);opacity:.5}
/* Bike */
.mrc-live-bike{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text2);padding:0 8px}
.mrc-mfr-logo{height:16px;width:auto;max-width:48px;object-fit:contain;flex-shrink:0;opacity:.9}
.mrc-mfr-badge{display:inline-flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:8px;font-weight:800;color:#fff;padding:1px 4px;letter-spacing:.5px;flex-shrink:0;min-width:24px}
.mrc-mfr-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}
/* Form */
.mrc-live-form{display:flex;gap:3px;align-items:center;padding:0 8px}
.mrc-form-dot{width:22px;height:22px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:default;position:relative}
/* tooltip handled by JS to avoid overflow clipping */
.mrc-form-dot.f1{background:rgba(217,80,10,.12);color:var(--accent);border:1px solid rgba(217,80,10,.25)}
.mrc-form-dot.f3{background:rgba(0,0,0,.06);color:var(--text);border:1px solid rgba(0,0,0,.1)}
.mrc-form-dot.f5{background:rgba(0,0,0,.03);color:var(--muted);border:1px solid rgba(0,0,0,.06)}
.mrc-form-dot.fx{background:transparent;color:var(--muted);border:1px solid rgba(0,0,0,.06)}
/* Gap + Pts */
.mrc-live-gap{font-size:13px;font-weight:700;color:var(--text2);text-align:right;padding:0 8px}
.mrc-live-pts{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;color:var(--text);text-align:right;padding:0 8px 0 4px}

/* MANUFACTURERS TAB */
.mrc-mfr-full{display:flex;flex-direction:column;gap:0;padding:4px 0}
.mrc-mfr-full-row{display:grid;grid-template-columns:32px 40px 100px 1fr 60px;align-items:center;gap:12px;padding:12px 16px;
    background-image:linear-gradient(to right, #1A1A1A 24%, transparent 0%);background-size:4px 1px;background-repeat:repeat-x;background-position:bottom}
.mrc-mfr-full-row:last-child{background-image:none}
.mrc-mfr-full-pos{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;color:var(--muted)}
.mrc-mfr-full-logo{height:18px;width:auto;max-width:40px;object-fit:contain;opacity:.85}
.mrc-mfr-full-name{font-size:14px;font-weight:700;color:var(--text)}
.mrc-mfr-full-bar-wrap{height:6px;background:rgba(0,0,0,.06);overflow:hidden}
.mrc-mfr-full-bar{height:100%;background:var(--accent)}
.mrc-mfr-full-pts{font-size:14px;font-weight:700;color:var(--accent);text-align:right}

/* RESULTS COMPACT TAB */
.mrc-rounds-compact{display:flex;flex-direction:column;gap:0}
.mrc-round-compact{overflow:hidden;
    background-image:linear-gradient(to right, #1A1A1A 24%, transparent 0%);background-size:4px 1px;background-repeat:repeat-x;background-position:bottom}
.mrc-round-compact:last-child{background-image:none}
.mrc-round-compact-hdr{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border-light)}
.mrc-session-compact{display:flex;align-items:center;gap:12px;padding:8px 16px;font-size:13px;flex-wrap:wrap;
    background-image:linear-gradient(to right, #CCCCCC 24%, transparent 0%);background-size:4px 1px;background-repeat:repeat-x;background-position:bottom}
.mrc-session-compact:last-child{background-image:none}
.mrc-podium-inline-p1{color:var(--accent);font-weight:700}
.mrc-podium-inline-p2{color:var(--text2)}
.mrc-podium-inline-p3{color:var(--muted)}
.mrc-podium-inline-p1::before{content:'1. '}
.mrc-podium-inline-p2::before{content:'2. '}
.mrc-podium-inline-p3::before{content:'3. '}

/* CALENDAR */
.mrc-calendar-section{background:var(--bg)}
.mrc-cal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.mrc-cal-card{background:var(--bg);border:1px solid var(--border-light);padding:14px;position:relative;transition:border-color .15s}
.mrc-cal-card:hover{border-color:var(--text)}
.mrc-cal--past{opacity:.5}
.mrc-cal--future .mrc-cal-title{color:var(--text)}
.mrc-cal--live{border-color:var(--accent);background:rgba(217,80,10,.03)}
.mrc-cal-live-badge{position:absolute;top:10px;right:10px;background:var(--accent);color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:2px 6px}
.mrc-cal-round{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.mrc-cal-date{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px}
.mrc-cal-title{font-size:13px;font-weight:600;color:var(--text2);line-height:1.3;margin-bottom:4px}
.mrc-cal-venue{font-size:11px;color:var(--muted);margin-bottom:8px}
.mrc-cal-results-btn{display:inline-block;font-size:11px;font-weight:600;color:var(--accent);border:1px solid rgba(217,80,10,.3);padding:3px 10px;transition:all .12s}
.mrc-cal-results-btn:hover{background:rgba(217,80,10,.06);text-decoration:none}

/* RESULTS SECTION */
.mrc-results-section{padding-bottom:80px}
.mrc-rounds{display:flex;flex-direction:column;gap:0;margin-top:4px}
.mrc-round{overflow:hidden;
    background-image:linear-gradient(to right, #1A1A1A 24%, transparent 0%);background-size:4px 1px;background-repeat:repeat-x;background-position:bottom}
.mrc-round:last-child{background-image:none}
.mrc-round-hdr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;background:var(--bg2);border-bottom:1px solid var(--border-light)}
.mrc-round-hdr-left{display:flex;align-items:center;gap:10px}
.mrc-rn{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:1px;background:rgba(217,80,10,.08);border:1px solid rgba(217,80,10,.2);padding:2px 7px}
.mrc-round-name{font-size:14px;font-weight:700;color:var(--text)}
.mrc-round-overall{display:flex;align-items:center;gap:8px;flex-shrink:0}
.mrc-round-overall-lbl{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.mrc-round-overall-winner{font-size:13px;font-weight:600;color:var(--accent)}
.mrc-round-overall-bike{font-size:11px;color:var(--muted);font-style:italic}
.mrc-sessions{display:flex;flex-direction:column}
.mrc-session{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:16px;padding:12px 18px;
    background-image:linear-gradient(to right, #CCCCCC 24%, transparent 0%);background-size:4px 1px;background-repeat:repeat-x;background-position:bottom}
.mrc-session:last-child{background-image:none}
.mrc-session:hover{background-color:rgba(0,0,0,.02)}
.mrc-sname{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
.mrc-podium{display:flex;gap:16px;align-items:center}
.mrc-podium-slot{display:flex;align-items:center;gap:6px}
.mrc-podium-pos{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:800;padding:2px 5px;letter-spacing:.5px}
.mrc-podium-p1 .mrc-podium-pos{background:rgba(217,80,10,.1);border:1px solid rgba(217,80,10,.25);color:var(--accent)}
.mrc-podium-p2 .mrc-podium-pos{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);color:var(--text2)}
.mrc-podium-p3 .mrc-podium-pos{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);color:var(--muted)}
.mrc-podium-name{font-size:13px;font-weight:600;color:var(--text)}
.mrc-podium-bike{font-size:11px;color:var(--muted);font-style:italic}
.mrc-scount{font-size:11px;color:var(--muted);white-space:nowrap;text-align:right}

/* STANDINGS-ONLY VIEW */
.mrc-standings-note{display:flex;gap:12px;background:rgba(0,0,0,.02);border:1px solid var(--border-light);padding:14px 18px;margin-bottom:16px;font-size:13px;align-items:center}
.mrc-standings-note strong{color:var(--text);display:block;margin-bottom:2px}
.mrc-standings-table{overflow:hidden}
.mrc-standings-head{display:grid;grid-template-columns:50px 1fr 100px 60px 70px;gap:12px;padding:10px 18px;background:var(--bg2);font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);border-bottom:2px solid var(--border)}
.mrc-standings-row{display:grid;grid-template-columns:50px 1fr 100px 60px 70px;gap:12px;padding:11px 18px;align-items:center;
    background-image:linear-gradient(to right, #1A1A1A 24%, transparent 0%);background-size:4px 1px;background-repeat:repeat-x;background-position:bottom}
.mrc-standings-row:last-child{background-image:none}
.mrc-standings-row:hover{background-color:rgba(0,0,0,.02)}
.mrc-standings-row--champion{background-color:rgba(217,80,10,.04);border-left:3px solid var(--accent)}
.mrc-standings-pos{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;color:var(--text)}
.mrc-empty{padding:48px;text-align:center;color:var(--muted);font-size:14px}

/* VIEW TOGGLE (Round by Round / Season Matrix) */
.mrc-view-toggle{display:flex;gap:4px;margin-bottom:16px}
.mrc-vt{background:var(--bg);border:1px solid var(--border-light);color:var(--muted);font-size:12px;font-weight:600;padding:8px 16px;cursor:pointer;font-family:inherit;transition:all .12s}
.mrc-vt:hover{color:var(--text);border-color:var(--text)}
.mrc-vt--active{background:var(--accent);border-color:var(--accent);color:#fff}
.mrc-view-pane{}

/* TITLE RACE CHART */
.mrc-titlerace-wrap{padding:8px 0}
.mrc-titlerace-header{margin-bottom:12px}
.mrc-titlerace-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.mrc-titlerace-chart{background:var(--bg2);border:1px solid var(--border-light);padding:16px;overflow-x:auto}
.mrc-tr-svg{display:block;width:100%;min-width:600px;height:auto;font-family:'DM Sans',sans-serif}
.mrc-titlerace-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;padding:0 4px}
.mrc-tr-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text2);font-weight:500}
.mrc-tr-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.mrc-tr-legend-pts{color:var(--muted);font-size:11px;margin-left:2px}

/* SEASON MATRIX */
.mrc-matrix-wrap{margin:0}
.mrc-matrix-legend{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--muted)}
.mrc-ml{padding:3px 10px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:10px;letter-spacing:.3px}
.mrc-ml-1{background:rgba(217,80,10,.12);color:var(--accent);border:1px solid rgba(217,80,10,.25)}
.mrc-ml-2{background:rgba(0,0,0,.06);color:var(--text2);border:1px solid rgba(0,0,0,.1)}
.mrc-ml-3{background:rgba(0,0,0,.04);color:var(--muted);border:1px solid rgba(0,0,0,.08)}
.mrc-ml-top10{background:rgba(0,128,60,.08);color:#006830;border:1px solid rgba(0,128,60,.15)}
.mrc-ml-pts{background:rgba(0,0,0,.03);color:var(--muted);border:1px solid rgba(0,0,0,.06)}
.mrc-ml-out{background:rgba(180,0,0,.06);color:#a00;border:1px solid rgba(180,0,0,.12)}
.mrc-matrix-scroll{overflow-x:auto;border:1px solid var(--border-light);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}
.mrc-matrix-scroll::-webkit-scrollbar{height:6px}
.mrc-matrix-scroll::-webkit-scrollbar-track{background:var(--bg2)}
.mrc-matrix-scroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}
.mrc-matrix{width:100%;border-collapse:collapse;font-size:12px;min-width:600px}
.mrc-matrix thead{position:sticky;top:0;z-index:3}
.mrc-matrix th{background:var(--bg2);border-bottom:2px solid var(--border);padding:8px 4px;font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);text-align:center;white-space:nowrap}
.mrc-matrix th.mrc-mx-rider,
.mrc-matrix td.mrc-mx-rider{text-align:left;position:sticky;left:0;z-index:2;background:var(--bg);min-width:140px;max-width:180px;padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid var(--border-light)}
.mrc-matrix thead th.mrc-mx-rider{background:var(--bg2);z-index:4}
.mrc-matrix th.mrc-mx-pos,
.mrc-matrix td.mrc-mx-pos{text-align:center;width:32px;min-width:32px;padding:6px 4px;font-family:'Barlow Condensed',sans-serif;font-weight:800;color:var(--muted);position:sticky;left:0;z-index:2;background:var(--bg)}
.mrc-matrix thead th.mrc-mx-pos{background:var(--bg2);z-index:4}
/* When both pos and rider are sticky, offset rider */
.mrc-matrix th.mrc-mx-pos,.mrc-matrix td.mrc-mx-pos{left:0}
.mrc-matrix th.mrc-mx-rider,.mrc-matrix td.mrc-mx-rider{left:32px}
.mrc-matrix th.mrc-mx-rnd{min-width:48px;width:48px}
.mrc-mx-rn{display:block;font-size:9px;color:var(--muted);letter-spacing:.5px}
.mrc-mx-abbr{display:block;font-size:10px;color:var(--text2);margin-top:1px}
.mrc-matrix th.mrc-mx-total,
.mrc-matrix td.mrc-mx-total{text-align:center;font-weight:800;color:var(--text);min-width:48px;padding:6px 8px;background:var(--bg2);position:sticky;right:0;z-index:2;border-left:1px solid var(--border-light)}
.mrc-matrix thead th.mrc-mx-total{z-index:4}
.mrc-matrix tbody tr{transition:background .1s;
    background-image:linear-gradient(to right, #CCCCCC 24%, transparent 0%);background-size:4px 1px;background-repeat:repeat-x;background-position:bottom}
.mrc-matrix tbody tr:last-child{background-image:none}
.mrc-matrix tbody tr:hover{background-color:rgba(0,0,0,.02)}
.mrc-matrix tbody tr:hover td.mrc-mx-rider,
.mrc-matrix tbody tr:hover td.mrc-mx-pos{background:rgba(0,0,0,.02)}
.mrc-matrix tbody tr:first-child{background-color:rgba(217,80,10,.03)}
.mrc-matrix tbody tr:first-child td.mrc-mx-rider,
.mrc-matrix tbody tr:first-child td.mrc-mx-pos{background:rgba(217,80,10,.04)}
.mrc-mx-cell{text-align:center;padding:4px 2px;font-weight:700;font-size:12px;position:relative;vertical-align:middle}
.mrc-mx-empty{color:rgba(0,0,0,.1)}
/* Position color classes */
.mrc-mx-p1{background:rgba(217,80,10,.12);color:var(--accent)}
.mrc-mx-p2{background:rgba(0,0,0,.06);color:var(--text2)}
.mrc-mx-p3{background:rgba(0,0,0,.04);color:var(--muted)}
.mrc-mx-ptop10{background:rgba(0,128,60,.06);color:#006830}
.mrc-mx-ppts{color:var(--muted)}
.mrc-mx-pout{background:rgba(180,0,0,.05);color:#a00}
/* Multi-moto cell */
.mrc-mx-multi{padding:2px}
.mrc-mx-ov{display:block;font-size:13px;font-weight:800;line-height:1.2}
.mrc-mx-motos{display:flex;gap:1px;justify-content:center;margin-top:1px}
.mrc-mx-m{font-size:9px;font-weight:600;padding:1px 3px;line-height:1}
.mrc-mx-motos-only{padding:4px 2px}
.mrc-mx-motos-only .mrc-mx-m{font-size:11px;padding:2px 4px}
/* Moto sub-cell colors */
.mrc-mx-m.mrc-mx-p1{background:rgba(217,80,10,.15);color:var(--accent)}
.mrc-mx-m.mrc-mx-p2{background:rgba(0,0,0,.06);color:var(--text2)}
.mrc-mx-m.mrc-mx-p3{background:rgba(0,0,0,.04);color:var(--muted)}
.mrc-mx-m.mrc-mx-ptop10{background:rgba(0,128,60,.08);color:#006830}
.mrc-mx-m.mrc-mx-ppts{background:rgba(0,0,0,.03);color:var(--muted)}
.mrc-mx-m.mrc-mx-pout{background:rgba(180,0,0,.06);color:#a00}
.mrc-mx-rider a{color:var(--text)}.mrc-mx-rider a:hover{color:var(--accent)}
.mrc-mx-flag{font-size:12px;margin-right:4px}

/* SEASON EDITORIAL */
.mrc-season-editorial{background:var(--bg);padding:40px 24px}
.mrc-sei-champion,.mrc-sei-review,.mrc-sei-notable{margin-bottom:32px}
.mrc-sei-champ-card{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--border-light);margin-top:12px}
.mrc-sei-champ-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid var(--accent);flex-shrink:0;filter:grayscale(1);mix-blend-mode:multiply;transition:filter .4s,mix-blend-mode .4s}
.mrc-sei-champ-photo:hover,a:hover > .mrc-sei-champ-photo{filter:grayscale(0);mix-blend-mode:normal}
.mrc-sei-champ-ph{display:flex;align-items:center;justify-content:center;font-size:32px;background:var(--bg2)}
.mrc-sei-champ-body{display:flex;flex-direction:column;gap:4px}
.mrc-sei-champ-name{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:400;color:var(--text)}
a.mrc-sei-champ-name:hover{color:var(--accent)}
.mrc-sei-champ-bike{font-size:13px;color:var(--muted);font-style:italic}
.mrc-sei-champ-nat{font-size:12px;color:var(--muted)}
.mrc-sei-champ-rounds{font-family:'Barlow Condensed',sans-serif;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.mrc-sei-review-body{font-size:15px;line-height:1.8;color:var(--text2);max-width:800px}
.mrc-sei-review-body p{margin:0 0 12px}
.mrc-sei-notable-list{font-size:14px;line-height:1.7;color:var(--text2);padding-left:20px;margin:0}
.mrc-sei-notable-list li{margin-bottom:6px}

/* RESPONSIVE */
@media(max-width:1024px){
    .mrc-live-table-head,.mrc-live-row{grid-template-columns:36px 40px 1fr 110px 140px 60px 60px}
}
@media(max-width:900px){
    .mrc-champions-inner{grid-template-columns:1fr}
    .mrc-live-table-head,.mrc-live-row{grid-template-columns:36px 40px 1fr 110px 60px 60px}
    .mrc-live-form{display:none}
    .mrc-mfr-full-row{grid-template-columns:32px 40px 1fr 60px}
    .mrc-mfr-full-bar-wrap{display:none}
}
@media(max-width:640px){
    .mrc-title{font-size:36px}
    .mrc-year-selector{display:flex}
    .mrc-year-strip-wrap{display:none}
    .mrc-cal-grid{grid-template-columns:1fr 1fr}
    .mrc-session{grid-template-columns:1fr auto}
    .mrc-sname{grid-column:1/-1;margin-bottom:2px}
    .mrc-podium-p2,.mrc-podium-p3{display:none}
    .mrc-round-overall{display:none}
    .mrc-live-table-head,.mrc-live-row{grid-template-columns:28px 36px 1fr 56px 56px}
    .mrc-live-photo,.mrc-live-form,.mrc-live-bike,.mrc-mfr-logo{display:none}
    .mrc-standings-head,.mrc-standings-row{grid-template-columns:40px 1fr 60px}
    .mrc-tabs-note{display:none}
    .mrc-next-round{flex-direction:column;align-items:flex-start;gap:8px}
    .mrc-next-round-date{margin-left:0}
    /* Matrix mobile */
    .mrc-mx-pos{display:none}
    .mrc-matrix th.mrc-mx-rider,.mrc-matrix td.mrc-mx-rider{left:0;min-width:110px;max-width:130px;font-size:11px;padding:5px 6px}
    .mrc-mx-flag{display:none}
    .mrc-mx-rnd{min-width:36px;width:36px}
    .mrc-mx-abbr{display:none}
    .mrc-mx-motos{display:none}
    .mrc-mx-ov{font-size:11px}
    .mrc-matrix-legend{gap:4px}
    .mrc-ml{padding:2px 6px;font-size:9px}
}

/* ============================================================
   DARK CARDS — Design System v4 "dark card" variant, matching the
   rider key-facts panel. Added 2026-08-15.

   The two summary panels at the top of a championship page (reigning
   champion, manufacturer standings) were cream on cream with only a
   hairline to separate them from the page, so the page opened with no
   visual anchor at all. They are the championship equivalent of the
   rider facts panel and now get the same treatment: #222 ground,
   #f7f6f2 values, muted labels, accent as a top rule rather than a fill.
   ============================================================ */
.mrc-reigning-champ,
.mrc-mfr-standings{background:#222;border-top:3px solid var(--accent);padding:16px 20px 20px}

/* The head rule is #1A1A1A, which is invisible against #222. */
.mrc-reigning-champ .mrc-section-head,
.mrc-mfr-standings .mrc-section-head{border-bottom-color:rgba(247,246,242,.22);margin-bottom:4px}
.mrc-reigning-champ .mrc-section-title,
.mrc-mfr-standings .mrc-section-title{color:#f7f6f2;font-size:16px;letter-spacing:1.5px}

.mrc-reigning-champ .mrc-champ-card{background:transparent;border-bottom:0;padding:12px 0 0;margin-top:0}
.mrc-reigning-champ .mrc-champ-name{color:#f7f6f2}
/* Accent orange on #222 is about 4:1, under AA for text this size, so the
   hover state moves the accent into an underline and leaves the text light. */
.mrc-reigning-champ a.mrc-champ-name:hover{color:#f7f6f2;text-decoration:underline;
    text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}
.mrc-reigning-champ .mrc-champ-bike,
.mrc-reigning-champ .mrc-champ-nat{color:#9c9c9c}
/* multiply against a dark ground turns the photo almost black. The greyscale
   filter alone gives the same newspaper treatment and survives the change. */
.mrc-reigning-champ .mrc-champ-photo{mix-blend-mode:normal}
.mrc-reigning-champ .mrc-champ-card:hover .mrc-champ-photo{mix-blend-mode:normal}

.mrc-mfr-standings .mrc-mfr-name{color:#f7f6f2}
.mrc-mfr-standings .mrc-mfr-bar-wrap{background:rgba(247,246,242,.14)}
/* Points were accent orange, which fails contrast on dark at 13px. The bar
   keeps the accent, where it is a block of colour rather than text. */
.mrc-mfr-standings .mrc-mfr-pts{color:#f7f6f2}

@media(max-width:640px){
    .mrc-reigning-champ,.mrc-mfr-standings{padding:14px 16px 18px}
}

/* Not every championship has both panels: WMX has manufacturer standings and no
   reigning-champion card. In a fixed 1fr 1fr grid that left a lone card filling
   half the row with dead space beside it, which did not show while the card was
   transparent and does now that it is dark. auto-fit gives the row to a single
   panel and still splits it when there are two. Desktop only, so the existing
   stacking below 900px is untouched. */
@media(min-width:901px){
    .mrc-champions-inner{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
}

/* OTHER CLASSES + HOW TO WATCH (17 Aug 2026)
   Standalone rules rather than joining the shared .mrc-history,.mrc-champions-row,…
   selector lists above: those are long single lines and editing them to add one
   class is more risk than repeating two values. Design system rules apply, so no
   rounded corners and no card borders. */
.mrc-related{padding:40px 24px;background:var(--bg);border-top:1px solid var(--border-light)}
.mrc-related-inner{max-width:1280px;margin:0 auto}
.mrc-related-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}
.mrc-related-list a{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}
.mrc-related-list a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.mrc-related-watch{margin:18px 0 0;font-size:14px}
.mrc-related-watch a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(217,80,10,.35)}
.mrc-related-watch a:hover{border-bottom-color:var(--accent)}
@media (max-width:640px){.mrc-related{padding:28px 16px}.mrc-related-list{gap:8px 18px}}
