.world-atlas{margin-bottom:28px}.atlas-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.atlas-heading h1{font-size:26px;color:#ecd099;margin:4px 0 12px}.atlas-target{border:1px solid #9d895c;background:#2b382b;padding:18px;margin:18px 0;scroll-margin-top:12px}.atlas-target p{margin:12px 0;line-height:1.8}.atlas-route{color:#f0d79e;overflow-wrap:anywhere}.atlas-locks{font-size:14px;line-height:1.8;color:#eac19a;padding-left:20px}.atlas-regions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.atlas-regions button{border:1px solid #687357;color:#e8d09b;background:#223027;padding:8px 12px;min-height:40px;font-size:14px}.atlas-chart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.atlas-region{border-left:2px solid #9c8658;padding:0 0 0 12px;scroll-margin-top:16px}.atlas-region>h2{color:#e7c983;font-size:20px;border-bottom:1px solid #546044;margin:0 0 10px;padding:8px 0}.atlas-nodes{display:grid;gap:10px}.atlas-node{border:1px solid #4d5d47;background:#1c2a24;padding:10px 12px}.atlas-node.node-current{border-color:#e2c27a;background:#35432d}.atlas-node.node-selected{box-shadow:inset 3px 0 #d7b976}.atlas-place{display:flex;width:100%;gap:8px;justify-content:space-between;align-items:center;border:0;background:transparent;color:#ead7b0;text-align:left;padding:6px 0;min-height:40px}.atlas-place b{font-size:16px}.atlas-place>span{color:#c2c8b1;font-size:13px;white-space:nowrap}.atlas-exits{margin:6px 0;display:flex;flex-direction:column;gap:4px;color:#c4ceba;font-size:14px;line-height:1.7}.atlas-exits small{font-size:13px;color:#dfbd90}.atlas-feature{color:#cfc197;font-size:14px;line-height:1.6;margin:8px 0 0;border-top:1px dotted #4b5c44;padding-top:8px}.viewport-shell .main .atlas-exits,.viewport-shell .main .atlas-feature{font-size:14px}.local-benefit{padding:18px;border:1px solid #8f7f55;background:#2e3a29;margin-bottom:20px}.local-benefit h2{font-size:20px;color:#ead093}.local-benefit p{line-height:1.8}#map-local{scroll-margin-top:16px}
@media(max-width:900px){.atlas-chart{grid-template-columns:1fr}}
@media(max-width:700px){.atlas-target{padding:14px}.atlas-heading h1{font-size:23px}.atlas-target>button{width:100%}.atlas-region{padding-left:10px}.atlas-node{padding:8px 10px}.viewport-shell .tabs{grid-template-columns:repeat(9,minmax(44px,1fr));overflow-x:auto}.viewport-shell .tabs button{font-size:14px;min-width:44px}.atlas-heading .badge{white-space:normal}.atlas-place{flex-wrap:wrap}}

/* Separate journey activities; keep switches available within the main scroll area. */
.journey-sections{position:sticky;top:-16px;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:var(--panel);padding:8px 0;border-bottom:1px solid var(--line)}
.journey-sections button{min-width:0;min-height:44px;padding:8px 4px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:14px;line-height:1.4}
.journey-sections button[aria-current=page]{background:#35432d;color:#f0d79e;border-color:#b49a62;box-shadow:inset 0 -2px #d7b976}
.journey-sections button:focus-visible{outline:2px solid #f0d79e;outline-offset:-3px}
.journey-location{font-size:12px;color:var(--muted);margin:10px 0}
.journey-story:empty{display:none}.journey-story .card:first-child{padding-top:0}.journey-story>.secondary,.journey-story>.text-action{margin:4px 6px 8px 0}
.journey-next{padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:16px}.journey-next p{margin:8px 0}.journey-content .world-atlas{margin-top:0}
@media(max-width:900px){.journey-sections{top:-12px}.journey-sections button{font-size:13px;padding:8px 2px}}
@media(min-width:600px) and (max-height:500px){.journey-sections{top:-10px}}

.page-sections{position:sticky;top:-16px;z-index:2;display:flex;gap:4px;overflow-x:auto;overscroll-behavior:contain;background:var(--panel);border-bottom:1px solid var(--line);padding:8px 0;scrollbar-width:thin}
.page-sections .section-choice{flex:1 0 78px;min-height:44px;padding:8px 4px;white-space:nowrap;font-size:13px;border:1px solid var(--line);background:transparent;color:var(--muted)}
.page-sections [aria-current=page]{color:#f0d79e;background:#35432d;border-color:#b49a62;box-shadow:inset 0 -2px #d7b976}.page-sections button:focus-visible{outline:2px solid #f0d79e;outline-offset:-3px}
[data-page-section]{padding-top:12px}.section-hero-picker{display:block;margin:0 0 16px}.section-hero-picker select{display:block;width:100%;min-height:44px;margin-top:6px}
[data-page-section] #roster-detail,[data-page-section] [data-fold^="chronicle-"],[data-page-section] [data-fold^="hero-"]{scroll-margin-top:76px}
@media(max-width:900px){.page-sections{top:-12px}.page-sections .section-choice{flex-basis:74px}}
@media(min-width:600px) and (max-height:500px){.page-sections{top:-10px}}