/* CodLab: a verified source connection behind conceptual artwork. */
.visual-data-host { min-width:0; }
.visual-data-image { position:relative; min-width:0; }
.visual-data-image>img { display:block; width:100%; height:auto; }
.visual-data { --visual-source-color:var(--text-dim,#778492); position:relative; isolation:isolate; max-width:100%; margin-block:12px 4px; padding:10px 0 0; border-top:1px solid var(--line,#26313d); color:var(--text-soft,#b3bec9); font: .72rem/1.6 var(--font-mono,'IBM Plex Mono',monospace); letter-spacing:0; text-align:left; overflow-wrap:anywhere; }
.visual-data[data-state=ready] { --visual-source-color:var(--green,#6fd3a5); }
.visual-data[data-state=stale],.visual-data[data-state=sample] { --visual-source-color:var(--amber,#dfb060); }
.visual-data__head { display:flex; align-items:center; flex-wrap:wrap; gap:4px 10px; min-width:0; }
.visual-data__symbol { position:relative; display:inline-block; flex:none; width:7px; height:7px; border-radius:50%; background:var(--visual-source-color); }
.visual-data__symbol::before { content:''; position:absolute; inset:-5px; z-index:-1; border:1px solid var(--visual-source-color); border-radius:50%; opacity:.22; }
.visual-data__label { color:var(--visual-source-color); font:inherit; font-weight:500; }
.visual-data__source { color:var(--text,#f3f6f8); }
.visual-data__environment { color:var(--text-soft,#b3bec9); }
.visual-data__time { color:var(--text-dim,#778492); white-space:nowrap; }
.visual-data__disclosure { margin-top:3px; }
.visual-data__summary { width:fit-content; max-width:100%; min-height:32px; padding-block:5px; color:var(--text-soft,#b3bec9); cursor:pointer; }
.visual-data__summary:hover { color:var(--text,#f3f6f8); }
.visual-data__summary:focus-visible { outline:2px solid var(--red,#ff5267); outline-offset:3px; }
.visual-data__details { display:flex; flex-wrap:wrap; gap:2px 12px; margin-top:3px; }
.visual-data__note { max-width:62ch; margin:5px 0 0!important; color:var(--text-dim,#778492); font: .67rem/1.65 var(--font-mono,'IBM Plex Mono',monospace)!important; letter-spacing:0; }
.visual-data__time[hidden],.visual-data__details:empty { display:none; }
.section-data-art--wide>.visual-data { grid-column:1/-1; width:100%; min-width:0; }
.event-card .visual-data-image { margin-bottom:18px; }
.event-card .visual-data { margin:0; padding:9px 12px; background:var(--bg-deep,#05070a); }
.event-card .visual-data__note { max-width:none; }
.nano-home .nano-hero__art>.visual-data { position:absolute; left:26%; right:18px; bottom:50px; margin:0; padding:9px 10px; background:rgb(5 7 10 / .88); }
@media(max-width:760px) {
 .nano-home .nano-hero__art.visual-data-host { height:auto; }
 .nano-home .nano-hero__art.visual-data-host>figcaption { position:static; max-width:none; margin-top:12px; text-align:left; }
 .nano-home .nano-hero__art.visual-data-host>[data-dna-pause] { top:365px; bottom:auto; }
 .nano-home .nano-hero__art>.visual-data { position:relative; inset:auto; margin-top:12px; padding:10px 0 0; background:transparent; }
}
@media(max-width:480px) { .visual-data { font-size:.7rem; } .visual-data__head { gap:4px 8px; } }
@media(forced-colors:active) { .visual-data { border-color:CanvasText; color:CanvasText; } .visual-data__symbol { background:CanvasText; } .visual-data__symbol::before { border-color:CanvasText; } .visual-data__label,.visual-data__source,.visual-data__time,.visual-data__note,.visual-data__summary { color:CanvasText; } .visual-data__summary:focus-visible { outline-color:Highlight; } }