:root{--mc-ink:#202327;--mc-navy:#183b5b;--mc-gold:#c9972c;--mc-paper:#f5f4f0;--mc-white:#fff;--mc-line:#d7d7d2;--mc-green:#256d3a}
.mc-page,.mc-page *{box-sizing:border-box}
.mc-page{margin:0;background:var(--mc-paper);color:var(--mc-ink);font:16px/1.55 Arial,sans-serif;text-align:left;min-height:100vh}
.mc-page a{color:var(--mc-navy)}
.mc-page .site-header{background:var(--mc-navy);padding:20px;text-align:left}
.mc-page .site-header a{color:#fff;text-decoration:none;font-size:23px;font-weight:bold}
.mc-page .container{max-width:1120px;margin:0 auto;padding:30px 20px;text-align:left}
.mc-page .home-hero,.mc-page .comparison-hero,.mc-page .bike-profile,.mc-page section{background:var(--mc-white);border:1px solid var(--mc-line);border-radius:8px;padding:25px;margin-bottom:22px}
.mc-page h1,.mc-page h2,.mc-page h3{font-family:Georgia,serif;color:var(--mc-navy);line-height:1.2;text-align:left}
.mc-page h1{font-size:32px}
.mc-page h2,.mc-page h3{font-size:24px}
.mc-page .home-hero h1,.mc-page .comparison-hero h1{font-size:clamp(30px,5vw,50px);margin-top:0}
.mc-page .intro{font-size:19px}
.mc-page .compare-form{display:grid;grid-template-columns:1fr auto 1fr auto;gap:15px;align-items:end}
.mc-page .compare-form label{font-weight:bold}
.mc-page .compare-form select{display:block;width:100%;padding:12px;margin-top:6px}
.mc-page button{padding:13px 18px;border:0;border-radius:5px;background:var(--mc-gold);color:#111;font-weight:bold;cursor:pointer}
.mc-page .model-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mc-page .model-list a{background:#eef2f5;padding:12px;border-radius:5px;text-decoration:none}
.mc-page ul{list-style:disc;padding-left:24px;margin:1em 0}
.mc-page ul li{margin-bottom:6px}
.mc-page .bike-grid,.mc-page .verdict-grid,.mc-page .bike-profile{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mc-page .bike-card{text-align:center}
.mc-page .bike-card h2{text-align:center}
.mc-page .bike-card img,.mc-page .bike-profile img{width:100%;max-height:420px;object-fit:contain;background:#eee;border-radius:6px}
.mc-page .total{font-size:40px;font-weight:bold;color:var(--mc-gold);margin:5px 0;text-align:center}
.mc-page .total small{display:block;font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#666}
.mc-page .split-scores{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.mc-page .split-scores span{background:#edf2f5;border-radius:5px;padding:8px 12px}
.mc-page .split-scores strong{color:var(--mc-navy);font-size:20px;margin-right:4px}
.mc-page .image-credit{font-size:12px;line-height:1.35;margin:6px 0 10px;color:#666;text-align:center}
.mc-page .image-credit a{color:#555;text-decoration:underline}
.mc-page .score-table{width:100%;border-collapse:collapse}
.mc-page .score-table th,.mc-page .score-table td{padding:12px;border-bottom:1px solid var(--mc-line);text-align:center}
.mc-page .score-table th:first-child{text-align:left}
.mc-page .score-table small{display:block;color:#6a6a6a;font-weight:normal}
.mc-page .score-table .winner{background:#e3f3e7;color:var(--mc-green);font-weight:bold}
.mc-page .score-table .group-heading th{background:var(--mc-navy);color:#fff;text-align:left;font-family:Georgia,serif;font-size:18px}
.mc-page .score-table-wrap{overflow:auto}
.mc-page .bike-profile dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px}
.mc-page .bike-profile dt{font-weight:bold}
.mc-page .bike-profile dd{margin:0}
.mc-page .score-bars>div{display:grid;grid-template-columns:190px 1fr 60px;gap:12px;margin:10px 0;align-items:center}
.mc-page .score-bars meter{width:100%;height:22px}
.mc-page .back,.mc-page .notice{text-align:center}
@media(max-width:760px){
  .mc-page .compare-form{grid-template-columns:1fr}
  .mc-page .compare-form>span{display:none}
  .mc-page .model-list{grid-template-columns:1fr}
  .mc-page .bike-grid,.mc-page .verdict-grid,.mc-page .bike-profile{grid-template-columns:1fr}
  .mc-page .score-bars>div{grid-template-columns:130px 1fr 50px}
}

/* Public-site upgrade: searchable selectors and richer bike pages */
.mc-page .bike-search{display:block;position:relative;margin-top:6px}
.mc-page .bike-search-input{display:block;width:100%;padding:13px 42px 13px 13px;border:1px solid #aeb6bd;border-radius:5px;background:#fff;font:inherit;color:var(--mc-ink)}
.mc-page .bike-search-input:focus{outline:3px solid rgba(201,151,44,.24);border-color:var(--mc-gold)}
.mc-page .bike-search-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);max-height:360px;overflow:auto;background:#fff;border:1px solid #aeb6bd;border-radius:6px;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.mc-page .bike-search-option{display:block;width:100%;padding:11px 13px;border:0;border-bottom:1px solid #ececea;border-radius:0;background:#fff;color:var(--mc-ink);text-align:left;font-weight:normal}
.mc-page .bike-search-option strong,.mc-page .bike-search-option small{display:block}
.mc-page .bike-search-option small{margin-top:2px;color:#626a70;font-size:12px}
.mc-page .bike-search-option:hover,.mc-page .bike-search-option.is-active{background:#eef2f5}
.mc-page .bike-search-empty{display:block;padding:14px;color:#666;font-weight:normal}
.mc-page .search-help{margin:14px 0 0;color:#5c6267;font-size:14px}
.mc-page .versus{align-self:center;padding-bottom:12px;font-weight:bold;color:var(--mc-navy)}
.mc-page .button-link{display:inline-block;padding:12px 17px;border-radius:5px;background:var(--mc-gold);color:#111;text-decoration:none;font-weight:bold}
.mc-page .model-list a small{display:block;margin-top:3px;color:#66717a;font-size:12px}
.mc-page .specification-list{display:grid;grid-template-columns:minmax(150px,230px) 1fr;gap:0;border-top:1px solid var(--mc-line)}
.mc-page .specification-list dt,.mc-page .specification-list dd{margin:0;padding:10px 12px;border-bottom:1px solid var(--mc-line)}
.mc-page .specification-list dt{font-weight:bold;background:#f0f3f5}
.mc-page .two-column-info,.mc-page .continue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mc-page .two-column-info>div{min-width:0}
.mc-page .link-list{padding-left:20px}
.mc-page .continue-comparing h2{margin-top:0}
.mc-page .continue-comparing h3{font-size:20px}
.mc-page .next-action{text-align:center}
.mc-page .next-action h2{text-align:center}
@media(max-width:760px){
  .mc-page .two-column-info,.mc-page .continue-grid{grid-template-columns:1fr}
  .mc-page .bike-search-results{max-height:300px}
  .mc-page .specification-list{grid-template-columns:1fr}
  .mc-page .specification-list dd{padding-top:0}
}

/* Ensure filtered searchable-selector results are fully hidden. */
.mc-page .bike-search-option[hidden],
.mc-page .bike-search-empty[hidden]{display:none !important}