/* Supplied Akirator identity. Data colours retain their documented meaning. */
:root{--brand-primary:#39265E;--brand-accent:#7655A6;--brand-soft:#E8E0F2;--brand-paper:#F7F5F0;--brand-ink:#282333;--brand-muted:#665F70;--brand-line:#D8D1DF;--dimension-time:#90621B;--dimension-space:#14786F;--dimension-relations:#7655A6;--dimension-context:#AE503B;--dimension-scale:#386DA0;--atlas-canvas:var(--brand-paper);--atlas-surface:#FDFCF9;--atlas-text:var(--brand-ink);--atlas-muted:var(--brand-muted);--atlas-line:var(--brand-line);--atlas-action:var(--brand-primary);--atlas-focus:var(--brand-accent);--green:var(--brand-primary);--line:var(--brand-line);--muted:var(--brand-muted);color:var(--brand-ink);background:var(--brand-paper)}
body,.visual-mode{--green:var(--brand-primary);--line:var(--brand-line);--muted:var(--brand-muted);color:var(--brand-ink);background:var(--brand-paper)}
.topbar,.visual-mode .topbar{background:var(--brand-paper);height:auto;min-height:76px;padding-top:6px;padding-bottom:6px}
.topbar .brand,.visual-mode .topbar .brand{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0;width:220px;flex:0 0 220px;line-height:1;text-decoration:none}
.brand picture{display:block;width:190px;max-width:100%}.brand img{display:block;width:100%;height:auto}.topbar .brand span,.visual-mode .brand span{font:10px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.2px;white-space:nowrap;margin:0;color:var(--brand-muted)}
.brand:hover,.visual-mode a.brand:hover{background:transparent}
.footer-brand{flex-shrink:0}.footer-brand img{display:block;width:76px;height:auto}
a,.visual-mode a,.visual-mode button,.visual-mode .button{color:var(--brand-primary)}
h1,h2,h3,.visual-mode h1,.visual-mode h2,.visual-mode h3{color:var(--brand-ink)}
.v-subtitle,.muted,.sidebar-note{color:var(--brand-muted)}
button:hover,.button:hover,.visual-mode button:hover,.visual-mode a:hover{background-color:var(--brand-soft);border-color:var(--brand-accent)}
.primary,.visual-mode .v-primary,.visual-mode #main-nav .nav-major:first-child,.toast{background:var(--brand-primary);border-color:var(--brand-primary);color:white}
.primary:hover,.visual-mode .v-primary:hover{background:#4D347A;color:white}
#main-nav a[aria-current=page],.v-tab.active,.visual-mode .v-tab.active,.u-focus,.atlas-graph-focus,.atlas-context-focus,.atlas-selection-band{background:var(--brand-soft);color:var(--brand-primary)}
.atlas-selection-band{fill:var(--brand-soft)}
.atlas-graph-node{background:var(--atlas-surface);border-color:var(--brand-line)}
.v-focus-node{background:var(--brand-primary);color:white}.v-focus-node strong,.v-focus-node small{color:white}
.visual-mode .v-depths .active span,.visual-mode .v-depths button.active span{background:var(--brand-primary);border-color:var(--brand-primary);color:white}
button[aria-pressed=true],.visual-mode button[aria-pressed=true]{border-color:var(--brand-accent)}
.v-tab{--dimension:var(--brand-primary);border-bottom:3px solid var(--dimension)}
.v-tab[data-axis="time"],.v-tab[href*="axis=time"]{--dimension:var(--dimension-time)}.v-tab[data-axis="space"],.v-tab[href*="axis=space"]{--dimension:var(--dimension-space)}.v-tab[data-axis="relations"],.v-tab[href*="axis=relations"]{--dimension:var(--dimension-relations)}.v-tab[data-axis="context"],.v-tab[href*="axis=context"]{--dimension:var(--dimension-context)}.v-tab[data-axis="scale"],.v-tab[href*="axis=scale"]{--dimension:var(--dimension-scale)}
.visual-mode .v-tab.active{color:var(--dimension);background:var(--atlas-surface);border-color:var(--brand-line);border-bottom-color:var(--dimension);font-weight:700}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--brand-accent);outline-offset:3px}
@media(max-width:740px){.topbar .brand,.visual-mode .topbar .brand{width:190px;max-width:100%;min-width:0}.brand picture{width:164px}.topbar,.visual-mode .topbar{min-height:0}.topbar .brand span,.visual-mode .brand span{display:none}.footer-brand img{width:64px}}
@media(max-width:360px){.topbar .brand,.visual-mode .topbar .brand{width:158px}.brand picture{width:146px}}
/* Shared non-visual entry points and selected controls use the same identity. */
.visual-entry,.journey-progress,.anchor,.visual-mode .u-focus{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-ink)}
.pill:hover,#main-nav a:hover{background:var(--brand-soft)}
.visual-mode button[aria-pressed=true],.visual-mode .u-phase-strip button.selected{background:var(--brand-soft);color:var(--brand-primary);border-color:var(--brand-accent)}

/* Shared atlas controls and decorative surfaces, across every entity and dimension.
   Geography, dimension colours and naturalistic artwork retain their semantic palettes. */
.visual-mode .u-experience{--u-accent:var(--brand-primary);--u-soft:var(--brand-soft);--u-ink:var(--brand-ink)}
button,.button,input,select,textarea,.visual-mode button,.visual-mode .button,.visual-mode .topbar input{border-color:var(--brand-line)}
textarea:focus-visible{outline-color:var(--brand-accent)}
.eyebrow,.v-breadcrumb a,.d-world-link{color:var(--brand-primary)}
.breadcrumbs>span:not([aria-current]),.u-anchor,.u-detail-body,.u-time-head>span,.u-network-column span,.u-related-card small,.u-related-card span,.u-lenses small,.visual-entry p,.v-edition span{color:var(--brand-muted)}
.relation,thead,.v-bottom-heading>span,.u-anchor,.d-anchor,.visual-mode .d-anchor-button{background:var(--brand-soft)}
.category-card:hover,.branch-card:hover{background:var(--brand-soft);border-color:var(--brand-accent)}
.empty,.u-anchor>span+span,.d-anchor span+span,.d-perspective,.d-fact,.v-context-strip>span,.v-depths button:not(:last-child):after{border-color:var(--brand-line)}
.v-depths button:not(:last-child):after{background:var(--brand-line)}
.visual-mode .selected,.visual-mode .u-experience button.selected,.visual-mode .d-experience button.selected{background:var(--brand-soft);color:var(--brand-primary);border-color:var(--brand-accent)}
.visual-mode .u-experience button.selected{box-shadow:inset 3px 0 0 var(--brand-accent)}
.visual-mode .u-experience .u-primary{background:var(--brand-primary)!important;border-color:var(--brand-primary);color:white!important}
.visual-mode .u-experience .u-primary:hover{background:#4D347A!important}
button[aria-pressed=true]:hover{background:var(--brand-primary);color:white}
.visual-mode button[aria-pressed=true]:hover{background:var(--brand-soft);color:var(--brand-primary)}
.visual-mode .d-segment button.selected{background:var(--brand-primary);border-color:var(--brand-primary);color:white}
.visual-mode .d-lens.selected{background:var(--brand-soft);color:var(--brand-primary);border-color:var(--brand-accent);box-shadow:0 0 0 3px #7655a633}
.visual-mode .d-ruler button.selected{border-left-color:var(--brand-accent)}
.visual-mode .d-experience button.d-world.selected{background:transparent;border-color:transparent}
.d-world.selected img{outline-color:var(--brand-accent)}
.visual-mode .d-world:hover{background:#E8E0F255}
.d-inspector .v-depths button{color:var(--brand-primary)!important}
.u-time-dot{background:var(--brand-accent)}
.u-time-row button,.u-related-card,.u-network-column button,.u-network-column:last-child button,.u-spatial-roles button{background:var(--atlas-surface);border-color:var(--brand-line)}
.u-network-column:first-child:after,.u-network-column:last-child:before,.u-network .u-focus,.u-spatial-stage .u-focus,.atlas-scale-row,.atlas-scale-row:before{border-color:var(--brand-line)}
.atlas-chart-scroll{scrollbar-color:var(--brand-accent) var(--brand-soft)}
.v-time-access button:focus-visible{background:var(--brand-soft)}
.v-overview input[type=range]{accent-color:var(--brand-primary)}
.v-current,.v-point-label{fill:var(--brand-primary)}
dialog{box-shadow:0 20px 70px #28233333}dialog::backdrop{background:#282333d0}

/* Shared language disclosure: styled options, native keyboard buttons. */
.topbar .language-picker{position:relative;margin-left:auto;order:10;align-self:center;z-index:50}
#language-toggle{min-width:112px;display:flex;justify-content:space-between;gap:18px;background:var(--atlas-surface);border-color:var(--brand-line);font-size:13px}
#language-toggle[aria-expanded=true]{border-color:var(--brand-accent);background:var(--brand-soft)}
#language-options{position:absolute;right:0;top:calc(100% + 8px);width:180px;padding:6px;background:var(--atlas-surface);border:1px solid var(--brand-line);border-radius:10px;box-shadow:0 12px 32px #28233320}
#language-options[hidden]{display:none}
#language-options button{display:flex;justify-content:space-between;width:100%;border:0;text-align:left;border-radius:6px;color:var(--brand-ink);background:transparent;padding:10px 12px}
#language-options button[aria-pressed=true]{color:var(--brand-primary);background:var(--brand-soft);font-weight:700}
#language-options button span{visibility:hidden}#language-options button[aria-pressed=true] span{visibility:visible}
#language-options button:hover{background:var(--brand-soft)}
@media(max-width:740px){.topbar .language-picker{grid-row:2;grid-column:2;margin-left:0;justify-self:end}}

/* Connections: brand symbol behind the opaque text, subtle translucent panel. */

.v-graph .v-edge-label{fill:var(--brand-accent)}
.v-graph .node-interpretation,.v-graph .node-application{background:#EEE9F4!important;border-color:var(--brand-line)!important}
.v-graph .v-node:hover,.v-graph .v-node:focus-visible{box-shadow:0 0 0 2px #7655a644}

/* One focus component across illustrated and evidence-aware renderers. */
:root{--brand-focus-panel:rgb(57 38 94 / 85%);--brand-focus-padding:16px 14px}
.brand-focus{isolation:isolate;position:relative;background:transparent;border:0;padding:0;overflow:visible;text-align:center}
.brand-focus::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;background:url('/releases/20260921-solar-restored-v3/assets/identity/symbol.svg') center/contain no-repeat}
.brand-focus .brand-focus-content{position:relative;box-sizing:border-box;width:100%;background:var(--brand-focus-panel);padding:var(--brand-focus-padding);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;overflow-wrap:anywhere}
.brand-focus .brand-focus-content :is(strong,h3,small,span){color:inherit;opacity:1;margin:0}
.brand-focus .brand-focus-content :is(small,span){font:12px/1.5 var(--atlas-body)}
.v-graph .v-focus-node.brand-focus{position:absolute;background:transparent;padding:0}
.atlas-graph-focus.brand-focus{position:absolute;background:transparent;border:0;padding:0;gap:0}
.atlas-graph-focus .brand-focus-content{min-height:150px}
.atlas-space-focus{width:min(100%,280px);margin:28px auto 36px}
.atlas-space-focus .brand-focus-content{min-height:110px}
.atlas-context-focus.brand-focus{width:min(100%,540px);margin:32px auto;padding:0;background:transparent}
.atlas-context-focus .brand-focus-content{min-height:120px}
.atlas-context-focus h3{font:24px/1.3 var(--atlas-heading)}

/* Empty catalog preserves the five perspectives without inventing entries. */
.empty-dimensions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}.empty-dimensions .category-card{min-width:0;border-top:3px solid var(--brand-primary,#57397b)}.empty-dimensions h3{font-size:1rem}.empty-dimensions p{font-size:.9rem;line-height:1.5}@media(max-width:1100px){.empty-dimensions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.empty-dimensions{grid-template-columns:1fr}}