.temporal-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:8px 0;font-size:11px}.temporal-controls button,#source-records button,.temporal-dialog button{min-height:44px;color:inherit;background:transparent;border:1px solid currentColor;border-radius:3px;padding:8px 12px;cursor:pointer}.temporal-controls [aria-pressed=true]{background:var(--ink,#202922);color:var(--paper,#f4f2ea)}#source-chronology{width:100%;min-width:0}#source-chronology svg{width:100%;height:214px;display:block}#source-chronology text{fill:currentColor;font:10px sans-serif}#source-chronology [role=button]{cursor:pointer}#source-chronology [role=button]:focus{outline:none}#source-chronology [role=button]:focus rect{stroke:currentColor;stroke-width:2}#source-records{min-height:0;display:flex;flex-direction:column;flex:1}#source-records h3{font-size:14px;margin:10px 0 0}.temporal-note{font-size:11px;line-height:1.5;margin:5px 0 8px}#source-records ul,.temporal-dialog ul{list-style:none;padding:0;margin:0;overflow:auto;min-height:0}#source-records li,.temporal-dialog li{border-top:1px solid var(--line,#9da99b);padding:0}#source-records li button,.temporal-dialog li button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;border:0;border-radius:0;gap:4px;font:12px/1.4 inherit;overflow-wrap:anywhere}#source-records li small,.temporal-dialog li small{opacity:.75;font-size:10px}#source-records nav{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;margin:8px 0}#source-records nav button{min-height:36px}html[data-source-mode=sources] .native-family-table,html[data-source-mode=sources] #chronology-plot,html[data-source-mode=sources] .band-scroll,html[data-source-mode=sources] #catalog-pages,html[data-source-mode=sources] .map-key{display:none!important}html[data-source-mode=families] #source-chronology,html[data-source-mode=families] #source-records{display:none!important}.temporal-dialog{width:min(720px,94vw);max-height:85dvh;overflow:auto;padding:24px;background:var(--paper,#f4f2ea);color:var(--ink,#202922);border:1px solid currentColor}.temporal-dialog::backdrop{background:#20292299}.temporal-dialog header{display:flex;gap:12px;justify-content:space-between;align-items:center}.temporal-dialog h2{font-size:20px}.temporal-dialog p{font-size:12px}.temporal-dialog input{width:100%;min-height:44px;margin:12px 0;padding:10px;font:inherit}.temporal-date-evidence{font-size:12px;line-height:1.5;border-bottom:1px solid currentColor;padding-bottom:10px}.radio #source-chronology,.radio-layout #source-chronology,.radio-layout .temporal-controls{grid-column:1/-1}@media(min-width:1100px) and (min-height:760px){html[data-source-mode=sources][data-ic-view=atlas] .map-scroll{display:none}html[data-source-mode=sources][data-ic-view=atlas] #source-records ul{max-height:none}html[data-source-mode=sources][data-ic-view=atlas] .chronology{flex:none}}@media(max-width:800px){#source-chronology svg{height:286px}#source-records ul{max-height:520px}.temporal-controls{font-size:10px}.temporal-controls button{padding:8px}.temporal-dialog{padding:16px}}
.time-grid{stroke:currentColor;stroke-opacity:.13;stroke-width:1}.time-axis{opacity:.65}#source-records li button>span:nth-child(2){display:flex;flex-direction:column;gap:3px}#source-records .time-date{font-size:10px;opacity:.7}#source-records .time-kind{font-size:10px;opacity:.7}.temporal-dialog li button>span:nth-child(2){display:flex;flex-direction:column;gap:3px}

.temporal-lenses{display:flex;flex-wrap:wrap;gap:4px;grid-column:1/-1}.temporal-lenses button{width:auto;min-height:44px;padding:8px 10px;border:0;background:transparent;color:inherit;font:11px inherit;cursor:pointer}.temporal-lenses button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}
html[data-ic-view=radio]{--economic:var(--econ);--technical:var(--tech);--dreamers:var(--dream);--builders:var(--build);--paper:var(--panel);--line:var(--hair)}
html[data-ic-view=radio] .coverage-card button{background:var(--panel);color:var(--ink);border:1px solid var(--hair)}

.time-lens-columns{display:flex;flex-wrap:wrap;gap:4px;width:100%}.time-lens-columns button{font-size:11px;border:0}.time-lens-columns [aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.time-row-label{cursor:pointer}.time-row-label[aria-pressed=true] text{text-decoration:underline;text-underline-offset:4px}.time-row-label:focus{outline:none}.time-row-label:focus rect{stroke:currentColor;stroke-width:2}.time-row-label:hover rect{fill:currentColor;fill-opacity:.06}#source-chronology [data-time-context-inline]{cursor:pointer}#source-chronology [data-time-context-inline]:focus{outline:none}#source-chronology [data-time-context-inline]:focus rect{stroke-width:2}
#source-records{overflow:hidden}#source-records header{flex:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}#source-records h3{margin:0}.time-record-options{display:flex;flex-wrap:wrap;gap:12px;font-size:11px}.time-record-options label{display:flex;align-items:center;gap:6px}.time-record-options select{font:inherit;color:inherit;background:var(--paper,#f4f2ea);border:1px solid var(--line,#aaa);min-height:44px;max-width:190px;padding:6px}#source-records nav{flex:none;justify-content:flex-start;gap:14px}#source-records nav label{display:flex;align-items:center;gap:6px;font-size:11px}#source-records nav input{width:48px;min-height:44px;text-align:center;font:inherit;color:inherit;background:transparent;border:1px solid var(--line,#aaa)}#source-records nav button{min-height:44px}#source-records ul{max-height:min(52dvh,520px);scrollbar-gutter:stable;overscroll-behavior:contain;outline-offset:-2px}
.time-row-lenses{display:flex;flex-wrap:wrap;gap:4px;padding:0 8px 8px}#source-records .time-row-lenses button,.temporal-dialog .time-row-lenses button,.time-family-lens button{width:auto;display:inline-flex;flex-direction:row;font-size:10px;min-height:44px;padding:6px 8px;border:0;text-decoration:underline;text-underline-offset:4px;border-radius:3px;background:transparent;cursor:pointer}.time-family-lens{display:flex;flex-wrap:wrap;gap:4px}.time-family-lens button{color:inherit}.time-row-lenses .economic,.time-lens-columns .economic{color:var(--economic)}.time-row-lenses .technical,.time-lens-columns .technical{color:var(--technical)}.time-row-lenses .dreamers,.time-lens-columns .dreamers{color:var(--dreamers)}.time-row-lenses .builders,.time-lens-columns .builders{color:var(--builders)}.time-row-lenses .cultural,.time-lens-columns .cultural{color:var(--cultural)}
.time-collection-jump{margin-left:auto;min-height:44px;display:inline-flex;align-items:center;padding:8px 0;font-size:11px;text-underline-offset:4px}.time-return{min-height:44px;color:inherit;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.time-related{padding-top:12px;border-top:1px solid var(--line,#aaa);margin-top:20px}.time-related h3{font-size:14px}.time-related button{min-height:44px;border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px;font:inherit;cursor:pointer}.time-related p{font-size:12px;line-height:1.5}.time-relation-scope{font-size:10px!important;opacity:.8}
.off .radio-face:after{content:'Power adds sound. The collection is ready to explore.'}html[data-ic-view=radio] #source-records{margin-top:18px}html[data-ic-view=radio] #source-records li{background:var(--panel)}html[data-ic-view=radio] .temporal-dialog input{background:var(--panel);color:var(--ink)}
@media(min-width:1100px) and (min-height:760px){html[data-source-mode=sources][data-ic-view=atlas] #source-records ul{max-height:none}html[data-source-mode=sources][data-ic-view=atlas] #source-records{min-height:120px}html[data-source-mode=sources][data-ic-view=atlas] .map-heading{min-height:42px}html[data-source-mode=sources][data-ic-view=atlas] .time-lens-columns{display:none}html[data-source-mode=sources][data-ic-view=atlas] #source-chronology svg{height:294px!important}}@media(max-width:800px){#source-records header{align-items:flex-start}.time-record-options{gap:8px;flex-direction:column;width:100%}.time-record-options label{justify-content:space-between}.time-record-options select{width:190px}#source-records nav{gap:8px;justify-content:space-between}#source-records ul{max-height:480px}.time-collection-jump{margin-left:0}.time-related button{overflow-wrap:anywhere;text-align:left}}

@media(min-width:1100px) and (min-height:760px){html[data-source-mode=sources][data-ic-view=atlas] body{height:auto;min-height:100dvh;display:block;overflow:auto}html[data-source-mode=sources][data-ic-view=atlas] #workspace{height:auto;overflow:visible;min-height:0}html[data-source-mode=sources][data-ic-view=atlas] .coordinated{min-height:0;align-items:start}html[data-source-mode=sources][data-ic-view=atlas] .atlas-visual-panel{overflow:visible}html[data-source-mode=sources][data-ic-view=atlas] #source-chronology svg{height:330px!important}html[data-source-mode=sources][data-ic-view=atlas] #source-records ul{max-height:480px}html[data-source-mode=sources][data-ic-view=atlas] #detail{position:sticky;top:14px;max-height:calc(100dvh - 28px);overflow:auto}}
html[data-source-mode=sources] .map-scroll{display:none!important}
html[data-source-mode=sources] .map-panel{min-height:0!important}
.time-collection-jump{margin-right:100px}
@media(max-width:600px){.time-collection-jump{margin-right:0;flex-basis:100%;text-align:left}}

.jevons-concept-link{margin:12px 0 18px;padding:12px 14px;border:1px solid var(--economic,var(--econ,#a63e25));border-left-width:3px;background:var(--panel,var(--paper,#f4f2ea))}.jevons-concept-link p{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px}.jevons-concept-link button{display:block;min-height:44px;border:0;background:transparent;color:inherit;font:600 16px/1.4 inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;text-align:left;padding:6px 0}.jevons-concept-link small{display:block;font-size:11px;line-height:1.5;opacity:.8}.jevons-concept-link button:focus-visible{outline:2px solid currentColor;outline-offset:3px}

.jevons-concept-link{border:0;border-top:1px solid var(--line,var(--hair,#9da99b));border-bottom:1px solid var(--line,var(--hair,#9da99b));background:transparent;padding:12px 0}.jevons-entity-selector{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.jevons-entity-selector button{flex:1;min-width:140px;min-height:56px;border:1px solid var(--line,var(--hair,#9da99b));border-radius:3px;padding:8px 10px;text-decoration:none;font-size:13px;font-weight:400;background:transparent}.jevons-entity-selector button small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}.jevons-entity-selector button[aria-pressed=true]{background:var(--ink,#202922);color:var(--paper,var(--panel,#f4f2ea));border-color:var(--ink,#202922)}

.radio-layout .presets[hidden]{display:none!important}

.time-mark.is-context,.lens-context{opacity:.65}.time-mark.is-context:hover,.time-mark.is-context:focus,.lens-context:hover,.lens-context:focus-within{opacity:1}.time-mark.is-highlighted circle{stroke-width:2}.time-row-label[aria-pressed=true] text{font-weight:700}.time-mark [class=time-hit]{pointer-events:all}
#detail .jevons-entity-selector button[aria-pressed=true],#sheet .jevons-entity-selector button[aria-pressed=true]{background:var(--ink,#202922);color:var(--panel,var(--paper,#f4f2ea));border:1px solid var(--ink,#202922)}
html[data-source-mode=sources][data-ic-view=radio] .radio-layout>.screen{display:flex;flex-direction:column;gap:12px}
html[data-source-mode=sources][data-ic-view=radio] #band-orientation{display:none}

.time-mark.is-related{opacity:1}.time-mark.is-related circle{stroke-width:3}.time-mark.is-related circle{paint-order:stroke fill}
/* Atlas light-mode lens selection: keep the dark selected button and its underline. */
html[data-ic-view=atlas]:not([data-theme=dark]) .time-lens-columns button[aria-pressed=true]{color:#6aff78}
/* Radio power is a visual sound state; controls remain fully operable. */
html[data-ic-view=radio]{--off-control-text:#4d5961;--off-control-bg:#d6dbdd;--off-control-edge:#8c979e}
html[data-ic-view=radio][data-theme=dark]{--off-control-text:#b9c5cf;--off-control-bg:#26333d;--off-control-edge:#6f8292}
@media(prefers-color-scheme:dark){html[data-ic-view=radio]:not([data-theme=light]){--off-control-text:#b9c5cf;--off-control-bg:#26333d;--off-control-edge:#6f8292}}
html[data-ic-view=radio] body.off :is(.display button,#lensKnob .knob-label,.temporal-controls button,#source-records nav button,.time-record-options select,[data-time-page],#soundSeg button,#themeSeg button){color:var(--off-control-text);background-color:var(--off-control-bg);border-color:var(--off-control-edge);filter:grayscale(1)}
html[data-ic-view=radio] body.off :is(.display button,.temporal-controls button,#soundSeg button,#themeSeg button)[aria-pressed=true]{color:var(--off-control-text);background-color:var(--off-control-bg);border-color:var(--off-control-text);box-shadow:inset 0 0 0 1px var(--off-control-text)}
html[data-ic-view=radio] body.off :is(#lensKnob .knob,#focusKnob .knob,#scenKnob .knob){filter:grayscale(1) brightness(.92)}
html[data-ic-view=radio] body.off :is(.edition-controls,.cond .label,.volume-control){color:var(--off-control-text)}
html[data-ic-view=radio] body.off :is(input[type=range],input[type=checkbox]){accent-color:var(--off-control-text)}
html[data-ic-view=radio] body.off :is(.display button,.temporal-controls button,#source-records nav button,.time-record-options select):focus-visible{outline:2px solid var(--ink);outline-offset:3px}
#anchorsBtn[hidden],[data-retired-anchor-control]{display:none!important}
html[data-ic-view=radio] body.off :is(.cond select,.band-head button,#fromYear,#toYear){color:var(--off-control-text);background-color:var(--off-control-bg);border-color:var(--off-control-edge);filter:grayscale(1)}
html[data-ic-view=radio] body.off .search-window{background:var(--off-control-bg);border-color:var(--off-control-edge);box-shadow:inset 0 1px 3px #0002}
html[data-ic-view=radio] body.off .search-window input{color:var(--off-control-text)}
html[data-ic-view=radio] body.off .search-window input::placeholder{color:var(--off-control-text)!important;opacity:1}
html[data-ic-view=radio] body.off .search-window:focus-within{outline:2px solid var(--ink);outline-offset:3px}

.time-selection{border-bottom:1px solid currentColor;padding-bottom:12px;margin-bottom:16px}.time-selection p{font-size:12px;margin:0 0 8px}.time-selection>div{display:flex;flex-wrap:wrap;gap:8px}.time-selection button{min-height:44px;border:1px solid currentColor;padding:8px 12px;background:transparent;color:inherit;font:inherit;cursor:pointer}.time-selection button:disabled{opacity:.4;cursor:default}