.year-legend{display:flex;flex-wrap:wrap;gap:14px;padding:2px 16px 12px;font-size:11px;color:var(--muted)}
.year-legend>span{display:inline-flex;align-items:center;gap:5px}.year-legend i,.year-swatch{display:inline-block;width:9px;height:9px;border-radius:50%;border:1px solid #749f90}.year-swatch{margin-right:4px}
:is(.timeline-page,.size-page) .bar-track:after{display:none}:is(.timeline-page,.size-page) .bar-track{height:20px}:is(.timeline-page,.size-page) .research-workspace .bar-row{min-height:29px;padding-block:4px}
.year-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:var(--year-color);border:1px solid #fff;box-shadow:0 0 0 .5px var(--year-color);cursor:pointer}
.year-dot:hover,.year-dot.point-selected{outline:2px solid var(--year-color);outline-offset:2px;z-index:2}
:is(.timeline-page,.size-page) .research-workspace .bar-axis,:is(.timeline-page,.size-page) .research-workspace .bar-row{grid-template-columns:var(--label-width) minmax(40px,1fr) 74px var(--count-width,56px) var(--population-width,80px);padding-inline:6px}
.timeline-axis .axis-scale{margin-inline:0}.timeline-axis .axis-scale>span:first-child{transform:none}.timeline-axis .axis-scale>span:last-child{transform:translateX(-100%)}.timeline-axis .axis-scale>span{font-size:10px;display:block}
:is(.timeline-page,.size-page) .research-table td:nth-child(n+2):nth-child(-n+4){white-space:nowrap}
.point-year-control{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:12px;color:var(--muted)}.point-year-control select{padding:6px;min-width:90px;border:1px solid var(--line);border-radius:5px;background:white}
.timeline-coverage{font-size:11px;color:var(--muted);line-height:1.6;margin:8px 0}.timeline-coverage summary{cursor:pointer}.timeline-coverage p{margin:6px 0}
@media(max-width:760px){:is(.timeline-page,.size-page) .research-workspace .bar-axis,:is(.timeline-page,.size-page) .research-workspace .bar-row{grid-template-columns:minmax(0,var(--label-width)) minmax(24px,1fr) 62px var(--count-width,50px) var(--population-width,70px);gap:4px;padding-inline:4px}.timeline-axis .axis-scale>span:nth-child(2),.timeline-axis .axis-scale>span:nth-child(4){display:none}.point-year-control select{font-size:16px;min-height:44px}.year-legend{gap:10px}.timeline-annual{font-size:10px}}
/* Override the heat chart's zero-only axis; keep labels readable in the narrow track. */
:is(.timeline-page,.size-page) .research-workspace .timeline-axis .axis-scale>span{display:block}
:is(.timeline-page,.size-page) .research-workspace .timeline-axis .axis-scale>span:nth-child(2),:is(.timeline-page,.size-page) .research-workspace .timeline-axis .axis-scale>span:nth-child(4){display:none}
@media(max-width:760px){:is(.timeline-page,.size-page) .research-workspace .timeline-axis .axis-scale>span:not(:nth-child(3)){display:none}}

@media(pointer:coarse){:is(.timeline-page,.size-page) .research-workspace .bar-row{min-height:44px}}

.year-legend[hidden],#range-toggle[hidden]{display:none}