.chart-page{--ink:#17243b;--muted:#66768c;--line:#dfe6ee;--accent:#285dd8;color:var(--ink);max-width:1160px;margin:auto;display:grid;gap:24px;font-variant-numeric:tabular-nums}.chart-page *{box-sizing:border-box}.chart-page h1{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-1.2px;line-height:1.25}.chart-page h2{font-size:20px;font-weight:750;letter-spacing:-.5px}.chart-page h3{font-size:16px;font-weight:700}.chart-page p{line-height:1.7}.chart-page a,.chart-page button,.chart-page select,.chart-page input{outline-offset:4px}.chart-page :focus-visible{outline:3px solid #568aff}.chart-hero{background:linear-gradient(125deg,#122942,#183d60);color:white;padding:32px;border-radius:22px;position:relative;overflow:hidden}.chart-hero .eyebrow{color:#99c8f5;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:12px}.chart-hero p{color:#cad9e8;max-width:700px;margin-top:12px}.chart-hero a{color:#cce5ff}.chart-hero .hero-foot{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff26;display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#c1d1e1}.chart-panel{border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px;min-width:0}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.chart-muted{color:var(--muted);font-size:13px}.chart-tag{display:inline-flex;padding:5px 10px;border-radius:6px;background:#edf3fc;color:#2854a2;font-size:12px;font-weight:650;align-items:center;gap:5px}.chart-tag.warn{background:#fff4dc;color:#805913}.chart-tag.neutral{background:#eef1f5;color:#59687d}.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.chart-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-race-card{display:block;border:1px solid var(--line);border-radius:13px;padding:19px;transition:border-color .15s,box-shadow .15s}.chart-race-card:hover{border-color:#83a7ed;box-shadow:0 4px 16px #1735620c}.chart-race-card h3{font-size:21px;margin:13px 0 6px}.chart-race-card .card-bottom{display:flex;justify-content:space-between;margin-top:20px;color:#285dd8;font-size:13px;font-weight:650}.chart-chips{display:flex;gap:8px;flex-wrap:wrap}.chart-chips a,.chart-chips button{padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:13px;white-space:nowrap}.chart-chips [aria-current=true],.chart-chips [aria-pressed=true]{background:#203e64;color:#fff;border-color:#203e64}.chart-date-strip{display:flex;gap:8px;overflow:auto;padding:4px 0 12px}.chart-date-strip a{flex-shrink:0;text-align:center;min-width:70px}.chart-date-strip small{display:block;margin-top:3px;opacity:.72}.chart-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chart-toolbar label{font-size:13px;color:var(--muted)}.chart-toolbar select,.chart-toolbar input[type=date]{border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:#fff;color:var(--ink);font-size:14px}.chart-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:9px;background:#285dd8;color:white!important;font-weight:650;font-size:14px;border:1px solid transparent;cursor:pointer}.chart-button:disabled{background:#e6ebf2;color:#7f8da0!important;cursor:default}.chart-button.secondary{background:#fff;color:#2854a2!important;border-color:var(--line)}.chart-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.chart-stat{border:1px solid var(--line);padding:18px 20px;border-radius:14px;background:white}.chart-stat strong{font-size:28px;font-weight:750;margin-right:5px}.chart-stat span{color:var(--muted);font-size:13px}.chart-stat p{font-size:12px;color:var(--muted);margin-top:4px}.chart-pick{padding:20px;border:1px solid var(--line);border-radius:14px;position:relative}.chart-pick:first-child{border-color:#a8c1f4;background:#f5f8ff}.chart-pick .pick-rank{font-size:11px;letter-spacing:1px;color:#59739a;margin-bottom:14px}.chart-pick h3{font-size:19px;display:flex;align-items:center;gap:8px}.chart-pick .pick-score{font-size:33px;font-weight:800;margin:13px 0}.chart-pick .pick-score small{font-size:12px;font-weight:500;color:var(--muted)}.chart-pick p{font-size:12px;color:var(--muted)}.chart-notice{border-radius:10px;background:#f2f6fb;padding:13px 16px;color:#506681;font-size:13px;line-height:1.7}.chart-notice.warn{background:#fff8e9;color:#805913}.chart-empty{text-align:center;padding:36px 20px;color:var(--muted);line-height:1.8}.chart-table-wrap{overflow:auto;max-width:100%}.chart-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.chart-table th{text-align:left;color:#687b94;background:#f7f9fc;font-size:12px;font-weight:650;padding:13px 14px}.chart-table td{padding:15px 14px;border-bottom:1px solid #edf0f5}.chart-table tbody tr:last-child td{border-bottom:0}.chart-table td strong{font-size:15px}.chart-table small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.chart-table input[type=checkbox]{width:18px;height:18px;accent-color:#285dd8;vertical-align:middle}.chart-table .best{color:#1c58cb;font-weight:750;background:#f4f8ff}.chart-selection{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0 0}.chart-selection p{font-size:13px;color:var(--muted)}.chart-viz{min-height:260px;position:relative}.chart-viz svg{width:100%;height:auto;display:block;max-height:360px}.chart-legend{display:flex;gap:10px 16px;flex-wrap:wrap;font-size:12px;margin-top:14px;color:var(--muted)}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:3px}.chart-method summary{cursor:pointer;font-weight:700;font-size:15px}.chart-method dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.chart-method dt{font-weight:650;font-size:14px;margin-bottom:6px}.chart-method dd{font-size:13px;color:var(--muted);line-height:1.8}.chart-method>p{margin-top:18px;font-size:12px;color:var(--muted)}.chart-page [hidden]{display:none!important}.chart-back{display:inline-block;font-size:13px;color:#52739e;margin-bottom:13px}.chart-horse-name{display:flex;align-items:center;gap:9px}.chart-footnote{font-size:12px;color:var(--muted);line-height:1.7;margin-top:12px}.chart-page .gate-badge{flex-shrink:0}.chart-page .chart-link{color:#285dd8;text-decoration:underline;text-underline-offset:3px}.chart-checks{display:flex;flex-wrap:wrap;gap:9px 15px;margin-top:14px;font-size:13px}.chart-checks label{display:flex;align-items:center;gap:6px}.chart-checks input{accent-color:#285dd8}.chart-data-heading{margin-top:24px;margin-bottom:12px;font-size:14px;font-weight:700}
@media(max-width:700px){.chart-page{gap:16px}.chart-hero{padding:24px 20px;border-radius:16px}.chart-panel{padding:18px 15px;border-radius:14px}.chart-grid,.chart-grid.two{grid-template-columns:1fr}.chart-stats{gap:7px}.chart-stat{padding:13px 11px}.chart-stat strong{font-size:24px}.chart-stat span{display:block;font-size:11px}.chart-stat p{font-size:10px}.chart-method dl{grid-template-columns:1fr}.chart-heading h2{font-size:18px}.chart-table th,.chart-table td{padding:12px 10px}.chart-toolbar{gap:8px}.chart-pick .pick-score{margin:9px 0}.chart-viz{min-height:200px}}
@media(prefers-reduced-motion:reduce){.chart-page *{transition:none!important;scroll-behavior:auto!important}}

/* Label-first comparisons: all scores keep a common 0–100 scale. */
.metric-leaders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.metric-leader{border:1px solid var(--line);border-top:3px solid var(--metric-color);border-radius:12px;padding:17px 16px;background:#fcfdff;min-width:0}
.metric-kicker{font-size:12px;font-weight:750;color:var(--metric-color);margin-bottom:15px}
.metric-leader-names{display:grid;gap:9px}.metric-horse{display:inline-flex;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:650;color:var(--ink)}
.metric-horse-label{overflow-wrap:anywhere}.metric-horse .gate-badge{width:24px;height:24px;min-width:24px;font-size:12px;line-height:24px;text-align:center;display:inline-flex;align-items:center;justify-content:center}
.metric-leader-score{margin:14px 0 5px;color:var(--muted);font-size:12px}.metric-leader-score strong{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-1px}
.metric-leader-gap{font-size:12px;color:var(--metric-color);font-weight:650}.metric-evidence{font-size:11px;color:var(--muted);line-height:1.7;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.metric-warning{display:block;color:#865913;margin-top:3px}
.comparison-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.comparison-switch{display:inline-flex;padding:4px;background:#edf1f6;border-radius:10px;gap:3px}
.comparison-switch button{padding:9px 15px;font-size:13px;font-weight:650;border-radius:7px;color:#52657c;background:transparent;border:0;cursor:pointer;min-height:40px}
.comparison-switch [aria-pressed=true]{background:white;color:#214eab;box-shadow:0 1px 4px #2034501a}
.metric-basis{font-size:12px;color:var(--muted)}
.comparison-filter{display:flex;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);align-items:flex-start}
.comparison-picker{display:flex;flex-wrap:wrap;gap:7px}.comparison-picker button,.comparison-all{border:1px solid var(--line);border-radius:7px;min-height:38px;padding:7px 11px;background:white;font-size:12px;cursor:pointer;color:#455a75}
.comparison-all{flex-shrink:0}.comparison-filter [aria-pressed=true]{background:#203e64;color:white;border-color:#203e64}.comparison-picker button:disabled{opacity:.45;cursor:default}
.metric-ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;align-items:start}
.metric-panel{border:1px solid var(--line);border-radius:12px;padding:18px 20px;min-width:0}.metric-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-panel-head h3{color:var(--metric-color);font-size:16px}.metric-count{font-size:11px;white-space:nowrap;color:var(--muted)}
.metric-description{font-size:12px;color:var(--muted);margin:4px 0 0}.metric-scale{display:flex;justify-content:space-between;font-size:10px;color:#687991;margin:17px 0 7px}
.metric-ranks,.overall-ranks{list-style:none;padding:0;margin:0}.metric-rank-row{padding:10px 0 12px;border-top:1px solid #edf0f5}.metric-rank-heading{display:flex;align-items:center;gap:10px;margin-bottom:8px;min-width:0}
.metric-position{font-size:11px;color:#718097;min-width:30px;white-space:nowrap}.metric-rank-heading .metric-horse{flex:1}.metric-values{display:flex;align-items:flex-end;flex-direction:column;flex-shrink:0;gap:2px}.metric-values strong{font-size:15px;font-weight:750}.metric-values small{font-size:10px;color:var(--muted)}
.metric-rank-row.is-leading .metric-position,.metric-rank-row.is-leading .metric-values strong{color:var(--metric-color);font-weight:750}
.metric-track{position:relative;display:block;height:8px;border-radius:4px;background:#edf1f6;min-width:0}.metric-fill{position:absolute;top:0;left:0;height:100%;border-radius:4px}.metric-average{position:absolute;top:-3px;height:14px;border-left:2px dotted #26384e;transform:translateX(-1px)}
.metric-missing{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px dashed #e2e8f0;font-size:12px;color:var(--muted)}.metric-missing .metric-horse{color:var(--muted);font-weight:500}
.metric-key{display:flex;align-items:center;gap:8px}.average-key{display:inline-block;height:15px;border-left:2px dotted #26384e;flex-shrink:0}
.horse-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px}.horse-metric-card{border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}.horse-metric-card>.metric-horse{font-size:17px}.horse-strength{font-size:14px!important;color:#214eab;margin:16px 0 5px}.horse-metric-line{margin-top:14px}.horse-metric-label{display:flex;align-items:baseline;gap:10px;margin-bottom:7px;font-size:12px}.horse-metric-label>span{flex:1}.horse-metric-label>small{width:42px;text-align:right;font-size:11px;color:var(--muted)}.horse-metric-label>strong{font-size:14px}
.overall-detail summary{font-size:17px;font-weight:700;cursor:pointer}.overall-detail summary span{font-size:12px;font-weight:400;color:var(--muted);margin-left:10px}.overall-ranks{margin-top:20px}.overall-row{display:grid;grid-template-columns:40px minmax(110px,180px) minmax(80px,1fr) 42px;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #edf0f5;font-size:14px}.overall-row>strong{text-align:right}
.history-small-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.history-small-panel{padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0}.history-small-panel .chart-viz{min-height:0;margin-top:12px}.history-small-panel .chart-viz svg{max-height:none}
.history-series-key{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;margin-top:12px}.history-series-key span{display:inline-flex;align-items:center;gap:5px}.history-series-key span:before{content:'';width:12px;border-top:2px solid currentColor}.history-series-key span:last-child:before{border-top-style:dashed}
.horse-comparison-table th:nth-child(2),.horse-comparison-table td:nth-child(2){position:sticky;left:0;background:white;z-index:1;box-shadow:3px 0 6px #14274208}.horse-comparison-table th:nth-child(2){background:#f7f9fc}
@media(max-width:960px){.metric-leaders{grid-template-columns:repeat(2,minmax(0,1fr))}.horse-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.metric-ranking-grid,.horse-metrics-grid,.history-small-grid{grid-template-columns:1fr}.metric-panel{padding:16px 14px}.metric-ranking-grid{gap:14px}.comparison-filter{flex-direction:column;gap:10px}.metric-leaders{gap:9px}.metric-leader{padding:13px 11px}.metric-leader .metric-horse{font-size:13px;gap:5px}.metric-leader-score strong{font-size:27px}.metric-evidence{font-size:10px}.metric-leader-gap{font-size:11px}.metric-rank-heading{gap:8px}.metric-horse{font-size:13px}.metric-basis{font-size:11px}.metric-key{align-items:flex-start}.overall-detail summary span{display:block;margin:6px 0 0}.overall-row{grid-template-columns:30px minmax(80px,115px) minmax(30px,1fr) 32px;gap:7px}.overall-row .metric-horse{font-size:12px;gap:5px}.overall-row strong{font-size:12px}.history-small-panel{padding:13px 10px}}

/* Complementary views: rankings for the field, radar for a shortlist, evidence per horse. */
.comparison-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:340px}
.comparison-switch button small{display:block;font-size:11px;font-weight:400;opacity:.78;margin-top:3px}
.comparison-guide{font-size:13px;color:#47617e;background:#f3f6fa;border-radius:9px;padding:12px 14px;margin-top:18px}
.radar-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:20px 0 15px}
.radar-layout-switch,.radar-focus-controls{display:flex;flex-wrap:wrap;gap:7px}
.radar-layout-switch button,.radar-focus-controls button{min-height:40px;border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:8px;font-size:12px;color:#52657c;cursor:pointer}
.radar-layout-switch [aria-pressed=true],.radar-focus-controls [aria-pressed=true]{background:#edf3ff;border-color:#829ed2;color:#214eab}
.radar-layout-switch button:disabled,.radar-focus-controls button:disabled{opacity:.45;cursor:default}
.radar-focus-controls{margin:12px 0 18px}.radar-focus-controls button,.radar-reading-name{display:inline-flex;align-items:center;gap:9px}.radar-swatch{flex-shrink:0;width:32px;height:12px}
.radar-overlay-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:26px;align-items:start}
.radar-overlay-plot{border:1px solid var(--line);border-radius:14px;background:linear-gradient(#fcfdff,#fff);position:sticky;top:80px;min-width:0}
.radar-figure{width:100%;max-width:620px;margin:auto}.radar-figure svg{display:block;width:100%;height:auto}
.radar-readings{min-width:0}.radar-readings>h3{margin-bottom:5px}.radar-reading-card{border:1px solid var(--line);padding:15px 16px;margin-top:12px;border-radius:11px}
.radar-value-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin-top:14px;font-size:12px}
.radar-value-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.radar-value-list dt{color:#65758b}.radar-value-list dd{font-size:14px;font-weight:700;color:var(--ink);margin:0}
.radar-small-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.radar-small-card{border:1px solid var(--line);border-radius:13px;padding:17px;min-width:0}.radar-small-card>.metric-horse{font-size:16px}.radar-small-card .chart-notice{margin-top:16px}.radar-small-card .radar-value-list{grid-template-columns:1fr;gap:6px;margin-top:4px}
@media(max-width:960px){.radar-small-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radar-overlay-layout{grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:18px}.radar-value-list{grid-template-columns:1fr}}
@media(max-width:700px){.comparison-switch{width:100%;min-width:0}.comparison-controls{display:block}.comparison-switch button{padding:9px 4px;font-size:12px;word-break:keep-all}.comparison-switch button small{font-size:10px}.metric-basis{margin-top:12px}.comparison-guide{font-size:12px;padding:11px 12px}.radar-overlay-layout,.radar-small-grid{grid-template-columns:1fr}.radar-overlay-plot{position:static}.radar-toolbar{align-items:flex-start}.radar-focus-controls button{padding:8px}.radar-focus-controls .metric-horse{font-size:12px}.radar-value-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.radar-value-list dt{font-size:11px}.radar-value-list dd{font-size:13px}.radar-small-card{padding:15px}.radar-small-card .radar-value-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.radar-value-list,.radar-small-card .radar-value-list{grid-template-columns:1fr}}

/* v6: 표본 창·이번 경주 조건·겹쳐 보기·무게 산점도 */
.sample-window .chart-heading h2{font-size:16px}
.chart-tag.info{background:#eef4ea;color:#3a6a2d}
.entry-conditions small{white-space:nowrap}.entry-flags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.entry-flags .chart-tag{padding:3px 8px;font-size:11px}
.history-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.history-view-switch{min-width:0}.history-view-switch button{padding:8px 14px;font-size:13px}.history-view-switch button small{display:block;font-size:10px;font-weight:500;color:#6d7d94}
.history-overlay-panel{grid-column:1/-1}.history-overlay-panel .chart-data-heading{margin:0 0 8px}
.windows-strip{grid-template-columns:repeat(4,1fr)}.windows-strip .chart-stat strong{font-size:24px}
#weight-chart .chart-viz{min-height:0}#weight-chart .chart-viz svg{max-height:none}
@media (max-width:760px){.windows-strip{grid-template-columns:repeat(2,1fr)}.history-view-switch{grid-template-columns:repeat(2,minmax(0,1fr))}}