.race-compare { color:#eaf7ff; margin:32px auto 80px; min-width:0; }
.race-compare > p,.race-compare-explain { color:#9cafbe; font-size:16px; line-height:1.65; }
.race-multi-form { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #2c4655; margin:24px 0 32px; }
.race-multi-field { padding:20px; min-width:0; border-bottom:1px solid #263c49; }
.race-multi-field > span { display:block; color:#9bb2c0; font:700 14px/1.5 var(--font-mono,monospace); text-transform:uppercase; margin-bottom:10px; }
.race-multi { position:relative; min-width:0; }
.race-multi summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; box-sizing:border-box; padding:12px 16px; border:1px solid #2c4655; background:#07121a; color:#eaf7ff; cursor:pointer; font-size:16px; list-style:none; }
.race-multi summary::-webkit-details-marker { display:none; }
.race-multi summary span { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.race-multi summary i { flex:none; font-style:normal; color:#69e2f4; }
.race-multi[open] { z-index:30; }
.race-multi-options { position:absolute; top:calc(100% + 5px); left:0; right:0; min-width:0; padding:10px; border:1px solid #45616f; background:#10202b; box-shadow:0 12px 24px #0007; }
.race-multi-options input[type=search] { width:100%; box-sizing:border-box; min-height:44px; padding:10px; color:#eaf7ff; background:#07121a; border:1px solid #36505e; font-size:16px; }
.race-multi-checks { max-height:260px; overflow-y:auto; overscroll-behavior:contain; }
.race-multi-checks label { display:flex; align-items:flex-start; gap:10px; padding:12px 2px; font-size:16px; line-height:1.4; cursor:pointer; }
.race-multi-checks label[hidden] { display:none; }
.race-multi-checks input { appearance:auto; width:20px; height:20px; margin:1px 0 0; flex:none; accent-color:#69e2f4; }
.race-multi-checks span { overflow-wrap:anywhere; min-width:0; }
.race-multi-options button { border:0; background:transparent; color:#69e2f4; padding:12px 0; cursor:pointer; font-size:14px; }
.race-multi-actions { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:24px; padding:20px; }
.race-multi-actions > button { padding:14px 22px; border:1px solid #69e2f4; background:#69e2f4; color:#06121a; font-size:16px; font-weight:700; cursor:pointer; }
.race-multi-actions a { color:#a9becb; font-size:14px; }
.race-compare-results { scroll-margin-top:140px; outline:none; }
.race-compare-results h2 { font-size:clamp(24px,3vw,38px); line-height:1.2; margin:0 0 12px; }
.race-filter-tags { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.race-filter-tags span { padding:7px 10px; border:1px solid #2c4655; color:#b6cbd5; font-size:12px; overflow-wrap:anywhere; }
.race-compare-row { display:grid; grid-template-columns:180px minmax(0,1fr) 190px; align-items:center; gap:24px; padding:24px 12px; border-bottom:1px solid #2c4655; }
.race-compare-row:first-child { border-top:1px solid #2c4655; }
.race-compare-time { display:grid; gap:7px; }
.race-compare-time span { font-size:12px; color:#7bcfb5; letter-spacing:.08em; }
.race-compare-row.is-simulation .race-compare-time span { color:#edbe77; }
.race-compare-time strong { font-size:28px; font-variant-numeric:tabular-nums; color:#69e2f4; }
.race-compare-time small { font-size:14px; color:#a9becb; }
.race-compare-identity { min-width:0; }
.race-compare-identity h3 { margin:0 0 8px; font-size:20px; line-height:1.4; overflow-wrap:anywhere; }
.race-compare-identity p { margin:5px 0; font-size:16px; line-height:1.5; color:#a9becb; overflow-wrap:anywhere; }
.race-compare-identity small,.race-compare-detail { font-size:14px; color:#93b0c0; line-height:1.6; }
a.race-compare-detail { color:#69e2f4; }
.race-compare-pages { display:flex; justify-content:center; align-items:center; gap:24px; margin-top:24px; font-size:16px; }
.race-compare-pages a { padding:12px; color:#69e2f4; }
.race-compare-empty,.race-compare-error { padding:28px 20px; border:1px solid #2c4655; font-size:16px; line-height:1.6; }
@media(max-width:1100px) { .race-multi-form { grid-template-columns:repeat(2,minmax(0,1fr)); } .race-compare-row { grid-template-columns:160px minmax(0,1fr); } .race-compare-detail { grid-column:2; } }
@media(max-width:600px) { .race-multi-form { grid-template-columns:minmax(0,1fr); } .race-multi-field { padding:18px; } .race-multi-options { position:static; margin-top:5px; } .race-compare-row { grid-template-columns:minmax(0,1fr); gap:12px; padding:24px 8px; } .race-compare-detail { grid-column:1; } .race-compare-time { grid-template-columns:1fr auto; } .race-compare-time span { grid-column:1/-1; } .race-compare-time small { align-self:center; } }

/* Compact rows, native keyboard-operable disclosure, no separate Details column. */
.race-compare-row { display:block; padding:0; min-width:0; }
.race-compare-summary { display:grid; grid-template-columns:120px minmax(0,1fr) 165px 24px; align-items:center; gap:24px; padding:22px 18px; cursor:pointer; list-style:none; }
.race-compare-summary::-webkit-details-marker { display:none; }
.race-compare-summary:hover,.race-compare-row[open]>.race-compare-summary { background:#142a3580; }
.race-compare-summary:focus-visible { outline:2px solid #69e2f4; outline-offset:-2px; }
.race-compare-date { display:grid; gap:6px; color:#9cafbe; font:600 13px/1.5 var(--font-mono,monospace); }
.race-compare-date strong { font-size:22px; color:#bce5ef; }
.race-compare-identity { display:grid; gap:6px; }
.race-compare-identity>strong { font-size:20px; overflow-wrap:anywhere; }
.race-compare-identity>span { font-size:16px; color:#b8cedb; overflow-wrap:anywhere; }
.race-compare-time { text-align:right; }
.race-compare-expand { font-size:22px; color:#69e2f4; transition:transform .18s; }
.race-compare-row[open]>.race-compare-summary .race-compare-expand { transform:rotate(180deg); }
.race-compare-inline { padding:4px 24px 24px; border-top:1px solid #2c4655; color:#b6cbd5; font-size:16px; line-height:1.6; }
.race-compare-technical { margin:14px 0; }
.race-compare-technical>summary { cursor:pointer; color:#bce5ef; padding-block:8px; }
.race-compare-technical dl { display:grid; grid-template-columns:minmax(130px,200px) minmax(0,1fr); gap:10px 20px; margin:12px 0; }
.race-compare-technical dt { color:#9cafbe; }.race-compare-technical dd { margin:0; overflow-wrap:anywhere; }
@media(max-width:650px) {
 .race-compare-row { margin:12px 0; border:1px solid #2c4655; border-radius:10px; overflow:hidden; }
 .race-compare-summary { grid-template-columns:minmax(0,1fr) auto 20px; gap:14px 10px; padding:18px; }
 .race-compare-date { grid-column:1; grid-row:1; }.race-compare-time { grid-column:2; grid-row:1; display:grid; gap:6px; }
 .race-compare-expand { grid-column:3; grid-row:1; }.race-compare-identity { grid-column:1/-1; grid-row:2; }
 .race-compare-time strong { font-size:24px; }.race-compare-inline { padding:8px 18px 18px; }
 .race-compare-technical dl { grid-template-columns:minmax(0,1fr); gap:4px; }.race-compare-technical dd { margin-bottom:8px; }
}