/* Plansza VI — Sto lat Dziennika Ustaw */

#chart { cursor: crosshair; }
#chart .era line { stroke: var(--ink-faint); stroke-dasharray: 2 4; }
#chart .era text { fill: var(--ink-muted); font-family: var(--serif); font-size: 13px; }
#chart .era.gap text, #chart .era.soft text { fill: var(--ink-faint); font-style: italic; }
#chart .partial { fill: var(--ink-faint); font-family: var(--serif); font-size: 12px; font-style: italic; }
#chart .cursor line { stroke: var(--paper); stroke-opacity: 0.7; }
#chart .cursor text { fill: var(--paper); font-family: var(--serif); font-size: 15px; }
#chart .picked line { stroke: var(--brass); }
#chart .picked text { fill: var(--brass); font-family: var(--serif); font-size: 15px; }
#chart .stream path { stroke: var(--ground); stroke-width: 0.6; stroke-opacity: 0.9; }
#chart .stream path.dim { fill-opacity: 0.18; }
#chart .layer-title text { fill: var(--ink-muted); font-family: var(--serif); font-size: 13px; }
#chart .note text { fill: var(--ink-muted); font-family: var(--serif); font-size: 14px; }
#chart .note .lead { fill: var(--paper); }
#chart .note line { stroke: var(--ink-faint); }

.type-legend { max-width: 640px; }
.controls { bottom: 18px; row-gap: 10px; }
.type-legend i { border-radius: 1px; }

/* panel */
.panel .hero-num { font-family: var(--serif); font-size: var(--t-3xl); line-height: 1; color: var(--brass); margin: 10px 0 2px; }
.panel .hero-unit { color: var(--ink-muted); font-size: var(--t-sm); margin-bottom: 18px; }
.panel .back { margin-bottom: 18px; }
.panel .bars { list-style: none; margin: 0; padding: 0; font-size: var(--t-sm); }
.panel .bars li { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 6px 0; }
.panel .bars li .bar { grid-column: 1 / -1; height: 4px; background: var(--ground-lift); position: relative; }
.panel .bars li .bar i { position: absolute; inset: 0 auto 0 0; display: block; }
.panel .bars li .v { color: var(--ink-muted); font-variant-numeric: tabular-nums; }
.panel .kv { display: grid; grid-template-columns: 1fr auto; gap: 6px 16px; font-size: var(--t-sm); margin: 14px 0 0; }
.panel .kv dt { color: var(--ink-muted); margin: 0; }
.panel .kv dd { margin: 0; font-variant-numeric: tabular-nums; text-align: right; }
.panel .rows li .t { min-width: 0; }
.panel .rows li .t small { display: block; color: var(--ink-muted); font-size: var(--t-xs); line-height: 1.3; }

/* znak Lexedit: prawy górny róg zajęty — na dół */
.atlas-mark { top: auto; bottom: 14px; }