/* Generated from the versioned direction: one visual vocabulary across every entry. */
:root{--atlas-canvas:#f8f7f2;--atlas-surface:#fdfcf9;--atlas-text:#203638;--atlas-muted:#52616a;--atlas-line:#dcded6;--atlas-action:#294f40;--atlas-focus:#795b20;--atlas-water:#dbe8e8;--atlas-land:#eee8d8;--atlas-heading:Georgia,serif;--atlas-body:Arial,Helvetica,sans-serif;--atlas-radius:6px}
.visual-mode{font-family:var(--atlas-body);background:var(--atlas-canvas);color:var(--atlas-text);--green:var(--atlas-action);--line:var(--atlas-line);--muted:var(--atlas-muted)}
.visual-mode h1,.visual-mode h2,.visual-mode h3{font-family:var(--atlas-heading)}.visual-mode .panel{background:var(--atlas-surface);border-radius:var(--atlas-radius)}
.visual-mode .u-experience{--u-accent:var(--atlas-action);--u-ink:var(--atlas-text)}.visual-mode button:focus-visible,.visual-mode a:focus-visible{outline:3px solid var(--atlas-focus);outline-offset:3px}.visual-mode .u-experience h1{font-size:clamp(34px,3.3vw,48px);letter-spacing:-1px;line-height:1.15}.visual-mode .v-subtitle{font-size:20px}.visual-mode .u-focus p{font-family:var(--atlas-body)}
.atlas-template{min-width:0;padding:20px}.atlas-template .u-section-heading{flex-wrap:wrap}.atlas-template .u-section-heading h2{font-size:26px}.atlas-template .u-section-heading .u-note{font-size:12px;max-width:none}.atlas-caption{font-size:12px;color:var(--atlas-muted);line-height:1.6;margin:18px 0 0}.atlas-chart-scroll{overflow-x:auto}.atlas-time-chart{width:100%;min-width:670px;display:block}.atlas-selection-band{fill:#e8eee1}.atlas-baseline{stroke:#b8c4b8;stroke-width:1.5}.atlas-point{fill:var(--atlas-surface);stroke:var(--atlas-action);stroke-width:2}.atlas-point.selected{fill:var(--atlas-action)}.atlas-row-label,.atlas-data-label{font:14px var(--atlas-body);fill:var(--atlas-text)}.atlas-pending-label{font:12px var(--atlas-body);fill:var(--atlas-muted)}.atlas-event-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.atlas-event-list button{flex-direction:column;align-items:flex-start;text-align:left;padding:12px;gap:8px}.atlas-event-list strong{font:18px/1.3 var(--atlas-heading);overflow-wrap:anywhere}.atlas-event-list small{font-size:12px;color:var(--atlas-muted)}.atlas-step{font-size:12px;color:var(--atlas-muted)}.atlas-legend{display:flex;gap:18px;flex-wrap:wrap;font:12px/1.6 var(--atlas-body);color:var(--atlas-muted);padding:16px 0 0}
.atlas-map{position:relative;min-height:400px;margin:12px -20px 0;overflow:hidden;background:var(--atlas-water)}.atlas-map>img{position:absolute;width:100%;height:100%;object-fit:cover}.atlas-map-key,.atlas-map-empty{position:absolute;background:rgba(253,252,249,.96);border:1px solid var(--atlas-line);border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:7px;max-width:270px;font-size:12px;line-height:1.5}.atlas-map-key{top:15px;right:15px}.atlas-map-key strong{font:20px var(--atlas-heading)}.atlas-map-empty{bottom:18px;left:18px}.atlas-map-empty strong{font:23px var(--atlas-heading)}.atlas-role-bar{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0}.atlas-role-bar button{font-size:13px;text-align:left}.atlas-role-bar strong{font-weight:normal}.atlas-places{border-top:1px solid var(--atlas-line);padding-top:16px}.atlas-places p{font-size:14px;color:var(--atlas-muted);line-height:1.6}.atlas-places a{margin:4px 8px 4px 0}.atlas-physical{background:#f2f1e9}.atlas-space-chart{display:block;width:100%;min-height:220px}.atlas-physical .atlas-art img{max-height:230px;object-fit:cover}
.atlas-network{position:relative;width:760px;max-width:none;margin:auto}.atlas-network-chart,.atlas-network-nodes{position:absolute;inset:0;width:100%;height:100%}.atlas-network-nodes{pointer-events:none}.atlas-network-nodes>*{pointer-events:auto}.atlas-edge{fill:none;stroke:#b0bdad;stroke-width:1.5}.atlas-edge.selected{stroke:var(--atlas-action);stroke-width:2.5}.atlas-graph-node,.atlas-graph-focus{position:absolute;display:flex;flex-direction:column;gap:7px;align-items:flex-start;text-align:left;padding:12px;border:1px solid #cbd3c4;border-radius:6px;background:#f4f3e9;justify-content:center}.atlas-graph-node strong{font:20px/1.2 var(--atlas-heading);overflow-wrap:anywhere}.atlas-graph-node small,.atlas-graph-node span{font-size:12px;line-height:1.35;color:var(--atlas-muted)}.atlas-graph-focus{background:#e8eee1;border-color:#789079;align-items:center;text-align:center}.atlas-graph-focus strong{font:25px/1.2 var(--atlas-heading);overflow-wrap:anywhere}.atlas-graph-focus small,.atlas-graph-focus span{font-size:12px;color:var(--atlas-muted)}.atlas-list{border-top:1px solid var(--atlas-line);margin-top:10px}.atlas-list button{display:flex;width:100%;justify-content:space-between;text-align:left;margin:8px 0;gap:12px}.atlas-list span{font-size:12px}.atlas-list summary{font-size:14px}
.atlas-art{margin:10px -20px 16px}.atlas-art img{width:100%;max-height:280px;object-fit:cover;display:block}.atlas-art figcaption{font-size:12px;color:var(--atlas-muted);padding:8px 20px}.atlas-context-focus{padding:20px;margin:10px 0 18px;border-left:3px solid var(--atlas-action);background:#f1f2e9}.atlas-context-focus>span{font-size:12px;color:var(--atlas-muted)}.atlas-context-focus h3{font-size:26px;line-height:1.4;margin:8px 0}.atlas-lenses{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-lenses button{align-items:flex-start;text-align:left;padding:15px;gap:12px}.atlas-lenses strong{display:block;font:21px/1.3 var(--atlas-heading);margin-bottom:6px}.atlas-lenses small{font:14px/1.5 var(--atlas-body);color:var(--atlas-muted)}.atlas-lenses button:last-child{grid-column:1/-1}.atlas-scale-tree{padding:8px 0 20px}.atlas-scale-row{position:relative;padding-left:24px;margin:0 0 12px;border-left:1.5px solid #bbc7b6}.atlas-scale-row:before{content:'';position:absolute;left:0;top:30px;width:24px;border-top:1.5px solid #bbc7b6}.atlas-scale-row[data-level="2"]{margin-left:20px}.atlas-scale-row[data-level="1"]{margin-left:40px}.atlas-scale-row[data-level="0"]{margin-left:60px}.atlas-scale-row button{display:grid;grid-template-columns:24px 1fr;text-align:left;width:100%;padding:14px 18px;gap:8px}.atlas-scale-row strong{font:22px/1.3 var(--atlas-heading)}.atlas-scale-row small{grid-column:2;font:13px var(--atlas-body);color:var(--atlas-muted)}
@media(min-width:951px){.u-grid{grid-template-columns:minmax(0,1fr) 305px}.u-grid.u-closed{grid-template-columns:minmax(0,1fr) 165px}.u-grid .atlas-template{padding:20px}.u-grid .u-inspector{padding:18px}.u-inspector .v-depths small{font-size:12px}.u-inspector .u-section-heading h2{font-size:24px}}
@media(max-width:740px){.visual-mode .u-experience h1{font-size:34px}.visual-mode .v-subtitle{font-size:18px}.atlas-template{padding:17px}.atlas-map{margin-left:-17px;margin-right:-17px;min-height:370px}.atlas-map-key{top:12px;left:12px;right:auto;max-width:240px}.atlas-map-empty{left:12px;bottom:12px;max-width:240px}.atlas-event-list{grid-template-columns:1fr 1fr}.atlas-lenses{grid-template-columns:1fr}.atlas-context-focus h3{font-size:23px}.atlas-art{margin-left:-17px;margin-right:-17px}.atlas-scale-row[data-level="0"]{margin-left:36px}.atlas-scale-row[data-level="1"]{margin-left:24px}.atlas-scale-row[data-level="2"]{margin-left:12px}.atlas-role-bar button{width:100%}.atlas-list button{flex-direction:column;align-items:flex-start}.atlas-space-chart{overflow:visible}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{transition:none!important;animation:none!important}}

.atlas-graph-node strong{font-size:18px}.atlas-graph-focus strong{font-size:22px}.atlas-chart-scroll{scrollbar-width:thin;scrollbar-color:#789079 #eee8d8}

@media(max-width:740px){.atlas-time-chart{min-width:0;width:100%}.atlas-network{min-width:0}.atlas-graph-node strong{font-size:20px}.atlas-graph-focus strong{font-size:24px}.atlas-chart-scroll{overflow:visible}.atlas-list summary{font-size:15px}}

.atlas-demo-notice{padding:14px 18px;border:1px solid var(--atlas-line);border-left:4px solid var(--atlas-focus);background:var(--atlas-surface);font:16px/1.5 var(--atlas-body);margin:14px 0}.atlas-unlocated{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:var(--atlas-canvas)}.atlas-unlocated h3{font-size:28px}.atlas-unlocated p{max-width:440px}.atlas-graph-node.fictional{border-style:dashed}
/* Audit R9: readable secondary text and consistent focus/interaction targets. */
.visual-mode .brand span{font-size:12px;letter-spacing:.5px;white-space:normal;line-height:1.35}
.u-scale-ladder span,.u-phase-strip small,.u-time-row button,.u-spatial-roles small,.v-depths button:not(.active) span,.v-source small,.u-network-column small,.d-scale-steps small,.u-related small,.d-world small,.u-focus small,.d-note{color:var(--atlas-muted)}
.atlas-edge,.atlas-baseline{stroke:var(--atlas-muted)}.u-time-row button{border-color:var(--atlas-muted)}
.visual-mode .v-close,.visual-mode .v-history button,.visual-mode .d-anchor-button,.visual-mode .d-segment button{min-width:44px;min-height:44px}.visual-mode .text-button{min-height:44px}
/* Audit R10: complete secondary-text coverage and visible control targets. */
.u-note,.u-place-links p,.u-scale-ladder small,.v-detail-body p,.v-detail-body dd,.v-lane-desc,.v-zoom>span,.v-period-nav small,.v-structure summary span,.v-bottom-context ul,.d-question small,.d-disciplines small,.d-branches small,.d-era-list small{color:var(--atlas-muted)}
.visual-mode .v-close,.visual-mode .u-inspector .u-section-heading>button,.visual-mode .v-text-link,.visual-mode .v-context-strip button,.visual-mode .v-map-date button,.visual-mode .v-map-preview button{min-height:44px!important;min-width:44px}
/* Browser zoom audit: long labels must wrap inside their own grid cell. */
.u-phase-strip button,.u-related-card{min-width:0}.u-phase-strip strong,.u-related-card strong{max-width:100%;overflow-wrap:anywhere}
@media(max-width:950px){.u-phase-strip,.u-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Keep room for the visual itself when the sidebar and inspector cannot coexist. */
@media(max-width:1350px){
 .v-tabs{flex-wrap:wrap;gap:12px}
 .v-tabs>div:first-child{max-width:100%;overflow-x:auto}
 .v-time-grid,.v-map-grid,.v-graph-grid,.v-graph-grid.panel-closed,.u-grid,.u-grid.u-closed{grid-template-columns:minmax(0,1fr)}
 .v-graph-grid.panel-closed .v-reopen{grid-column:1}
 .v-graph{overflow-x:auto}
 .v-graph #v-network,.v-graph-nodes{min-width:650px;width:100%}
 .v-graph-headings{min-width:610px}
 .v-mobile-guide{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;border:1px solid var(--line)}
 .v-mobile-guide select{width:100%}
 .u-phase-strip,.u-related{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.v-node strong,.v-node small,.d-era-list small{overflow-wrap:anywhere}
.v-graph{overflow-x:auto}
.v-graph #v-network,.v-graph-nodes{width:max(100%,650px);min-width:650px}
.v-graph-headings{left:20px;right:20px;min-width:610px}
.v-node{height:auto;min-height:105px}
.v-focus-node{padding:4px}
.v-focus-node strong{font-size:24px;line-height:1.1}
.v-detail h2{white-space:normal;overflow-wrap:anywhere;min-width:0}

.v-graph{overscroll-behavior-x:contain}
.visual-mode h2:focus-visible,.v-graph:focus-visible{outline:3px solid var(--atlas-focus);outline-offset:3px}
@media(max-width:400px){.u-phase-strip,.u-related{grid-template-columns:minmax(0,1fr)}}