/* Match the reader site's tavern palette; keep the geographic image unfiltered.
   Font roles come from /design-tokens.css (loaded before this file). */
:root {
  color-scheme: dark;
  --atlas-page: #191511;
  --atlas-surface: #211b15;
  --atlas-inset: #171410;
  --atlas-hover: #30271c;
  --atlas-border: #554535;
  --atlas-text: #e9e8de;
  --atlas-muted: #b9aa97;
  --atlas-gold: #c8a968;
  --atlas-gold-bright: #e4ca8b;
  --atlas-gold-border: #8b744b;
  --atlas-green: #a7bd91;
}
*{box-sizing:border-box}body{margin:0;background:var(--atlas-page);color:var(--atlas-text);font:14px/1.6 var(--font-body)}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{min-height:44px;border:1px solid var(--atlas-border);border-radius:7px;background:var(--atlas-surface);color:inherit;padding:8px 12px;cursor:pointer}button:hover{border-color:var(--atlas-gold-border);background:var(--atlas-hover)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--atlas-gold);outline-offset:3px}a{color:var(--atlas-gold)}button[aria-pressed=true]{background:var(--atlas-gold);color:#fff;border-color:var(--atlas-gold)}[hidden]{display:none!important}.site-head{display:flex;align-items:center;gap:20px;padding:14px 30px;background:var(--atlas-surface);border-bottom:1px solid var(--atlas-border)}.brand{text-decoration:none;color:var(--atlas-gold);font-family:inherit;font-weight:700;letter-spacing:1px;font-size:23px}.brand span{font-weight:400}.divider{height:24px;width:1px;background:var(--atlas-border)}.site-head h1{font-size:17px;font-weight:500;margin:0}.edition{margin-left:auto;font-size:11px;letter-spacing:1px;color:var(--atlas-muted)}main{max-width:1800px;margin:auto;padding:0 24px 22px}.trail-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0}.trail-head nav{display:flex;align-items:center;gap:14px}.trail-head button{border:none;padding-left:0;background:none}.trail-head p{font-family:inherit;font-size:17px;color:var(--atlas-muted);margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;border:1px solid var(--atlas-border);border-radius:12px;overflow:hidden;background:var(--atlas-surface);box-shadow:0 12px 38px #0004}.atlas{min-width:0;display:flex;flex-direction:column;background:var(--atlas-inset)}.map-toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--atlas-surface);border-bottom:1px solid var(--atlas-border);flex-wrap:wrap}.map-toolbar button{font-size:12px}#enter-elwynn{background:var(--atlas-gold);color:#fff}#zoom-label{margin-left:auto;color:var(--atlas-muted);font-size:11px;font-variant-numeric:tabular-nums}.map-wrap{position:relative;flex:1;min-height:420px}#map{height:100%;min-height:420px;background:var(--atlas-inset)}.map-message{position:absolute;top:16px;left:50%;transform:translateX(-50%);max-width:80%;padding:10px 16px;background:#201a15f2;border:1px solid var(--atlas-border);border-radius:9px;z-index:800;box-shadow:0 4px 14px #0001;font-size:12px}.map-legend{position:absolute;bottom:28px;left:12px;z-index:500;background:#201a15f2;padding:6px 10px;border-radius:6px;display:flex;gap:12px;font-size:11px;pointer-events:none}.legend-quest{color:var(--atlas-gold-bright)}.legend-profession{color:var(--atlas-green)}.map-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--atlas-muted);padding:7px 14px;background:var(--atlas-surface)}.area-buttons{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px;background:var(--atlas-surface);border-bottom:1px solid var(--atlas-border)}.area-buttons button{font-size:12px;min-height:36px}.notebook{border-left:1px solid var(--atlas-border);padding:0 18px;height:min(730px,calc(100dvh - 200px));min-height:550px;overflow:auto;scrollbar-width:thin}.panel-tabs{display:flex;gap:8px;position:sticky;top:0;padding:14px 0;background:var(--atlas-surface);z-index:900}.panel-tabs button{flex:1}.panel-tabs span{font-variant-numeric:tabular-nums;margin-left:5px}.search-label{display:block;font-size:17px;font-family:inherit;margin-bottom:8px}input,textarea{border:1px solid var(--atlas-border);background:var(--atlas-inset);border-radius:7px;padding:10px 12px;width:100%;color:var(--atlas-text)}input{height:46px}.filters{display:flex;gap:6px;margin:10px 0 16px}.filters button{font-size:12px;padding:6px 10px;flex:1}.list-heading{display:flex;align-items:center;justify-content:space-between}.list-heading h2{font-size:12px;font-weight:500;color:var(--atlas-muted)}.list-heading span{font-size:11px;color:var(--atlas-muted)}.result{width:100%;text-align:left;border:0;border-bottom:1px solid var(--atlas-border);border-radius:0;padding:12px 3px;background:transparent;display:flex;align-items:center;gap:12px}.result.active{background:var(--atlas-hover)}.result strong{font-weight:500;font-size:13px;display:block}.result small{display:block;font-size:11px;color:var(--atlas-muted)}.result .badge{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#31291c;color:var(--atlas-gold)}.result.profession .badge{background:#202b23;color:var(--atlas-green)}.result .arrow{margin-left:auto;color:var(--atlas-muted)}.detail-card{border:1px solid var(--atlas-border);background:var(--atlas-hover);border-radius:9px;padding:15px;margin:4px 0 16px}.detail-top{display:flex;justify-content:space-between;align-items:center}.detail-top span{font-size:11px;color:var(--atlas-muted)}.detail-top button{border:0;background:none;min-width:44px;padding:0;font-size:19px}.detail-card h2{font-family:var(--font-heading);font-size:22px;margin:3px 0}.detail-card p{margin:10px 0;font-size:12px}.detail-card .coords{font-variant-numeric:tabular-nums;color:var(--atlas-muted);display:block;font-size:12px}.detail-card h3{font-size:12px;margin:17px 0 4px}.detail-card ol{padding-left:19px;font-size:12px}.detail-card li{margin:7px 0}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-actions button{flex:1;font-size:12px}.detail-actions .primary{background:var(--atlas-gold);color:white}.detail-card details{font-size:11px;margin-top:12px;color:var(--atlas-muted)}.muted{font-size:12px;color:var(--atlas-muted)}#journey-panel h2{font-family:var(--font-heading);font-size:22px;margin:10px 0}#journey-list{padding:0;list-style:none}#journey-list li{padding:13px 0;border-bottom:1px solid var(--atlas-border)}#journey-list .stop-open{width:100%;text-align:left;border:0;background:none;padding:0;min-height:34px;font-weight:500}.stop-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.stop-controls button{font-size:11px;padding:5px 8px;min-height:38px}.stop-controls select{min-height:38px;border:1px solid var(--atlas-border);background:var(--atlas-surface);border-radius:7px;color:inherit}.stop-done .stop-open{text-decoration:line-through;color:var(--atlas-muted)}.journey-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.journey-actions button{font-size:12px}.notice{min-height:22px;font-size:12px;color:var(--atlas-muted);margin:8px 0}.provenance{color:var(--atlas-muted);font-size:11px;max-width:1000px}.provenance summary{cursor:pointer}.provenance p{margin:8px 0}.error{border:1px solid #795240;background:#302018;padding:12px 16px;margin:10px 0;border-radius:8px;color:#e99d78}.error button{margin-left:12px}.leaflet-control-zoom a{width:44px!important;height:44px!important;line-height:44px!important;background:var(--atlas-surface)!important;color:var(--atlas-gold-bright)!important}.leaflet-control-attribution{font-size:9px!important;background:#201a15f2!important}.poi-icon{border:0;background:none}.poi-dot{display:grid;place-items:center;background:#b58432;color:white;width:36px;height:36px;border:3px solid #fff9e8;border-radius:50%;box-shadow:0 2px 7px #0005;font-size:17px;font-weight:bold}.poi-dot.profession{background:#4d7351}.poi-dot.selected{box-shadow:0 0 0 5px #fff9,0 3px 9px #0007}.marker-cluster-small{background:#211a10d9}.marker-cluster-small div{background:#31291c;color:var(--atlas-gold-bright);border:1px solid var(--atlas-gold-border)}.leaflet-tooltip{font-family:inherit;font-size:12px;background:var(--atlas-surface);color:var(--atlas-text);border:1px solid var(--atlas-border);box-shadow:0 2px 9px #0002}.world-portal{background:transparent;border:0}.world-portal button{background:var(--atlas-surface);color:var(--atlas-gold-bright);box-shadow:0 0 0 5px #c8a96830,0 3px 12px #0004;white-space:nowrap;min-height:48px;border:2px solid var(--atlas-gold-border);font-weight:600}.world-portal small{display:block;font-size:10px;font-weight:400}.start-icon{display:grid;place-items:center;background:#31596a;color:#fff;border:3px solid #fff;border-radius:50%;font-size:12px;font-weight:bold}dialog{max-width:600px;width:calc(100% - 32px);border:1px solid var(--atlas-border);border-radius:12px;padding:24px;background:var(--atlas-surface);color:var(--atlas-text)}dialog::backdrop{background:#17130fd9}.dialog-close{float:right;border:0;background:none;font-size:22px}dialog h2{margin-top:0}dialog p{font-size:12px}dialog textarea{font:12px/1.5 monospace;margin:8px 0}#transfer-error{color:#e99d78}#confirm-import{background:var(--atlas-gold);color:white}
@media(min-width:1400px){.workspace{grid-template-columns:minmax(0,1fr) 370px}.notebook{height:730px}}@media(max-width:1000px){main{padding:0 10px 20px}.site-head{padding:12px 14px;gap:10px;flex-wrap:wrap}.brand{font-size:19px}.site-head h1{font-size:15px}.edition{font-size:9px}.divider{display:none}.trail-head{padding:8px 2px}.trail-head p{display:none}.workspace{grid-template-columns:1fr}.notebook{height:auto;min-height:0;max-height:none;padding:0 14px 18px;border-left:0;border-top:1px solid var(--atlas-border)}.map-wrap,#map{height:430px;min-height:430px}.map-toolbar{padding:8px;gap:5px}.map-toolbar button{padding:7px 9px}.map-legend{font-size:10px;gap:8px}.map-caption{flex-wrap:wrap;gap:0}.area-buttons button{min-height:44px}.result{min-height:60px}.panel-tabs{position:static}.map-message{max-width:85%;width:max-content;font-size:11px}.stop-controls button{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Ordered journey guidance: square itinerary numbers are distinct from clusters. */
.guide-ribbon{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #45523f;background:#202b23;color:var(--atlas-text);z-index:1}.guide-ribbon>div{display:grid;flex:1;min-width:0}.guide-ribbon small{font-size:10px;letter-spacing:1px}.guide-ribbon strong{font-size:15px}.guide-ribbon span{font-size:11px}.guide-ribbon button{font-size:11px;flex-shrink:0}.guide-ribbon>strong{flex:1}#journey-guide{border:1px solid #45523f;border-radius:9px;background:#202b23;padding:14px;margin:15px 0}#journey-guide h3{font-family:var(--font-heading);font-size:23px;margin:5px 0}#journey-guide h4{font-size:12px;margin:13px 0 5px}#journey-guide p,#journey-guide li{font-size:12px}#journey-guide ol{padding-left:20px}#journey-guide li{margin:7px 0}.guide-progress{color:var(--atlas-muted);font-variant-numeric:tabular-nums}.guide-eyebrow{color:var(--atlas-muted);font-size:11px!important;margin-bottom:0}.guide-coordinates{font-variant-numeric:tabular-nums;color:var(--atlas-muted)}.guide-actions{display:flex;gap:7px;flex-wrap:wrap}.guide-actions button{font-size:12px}.guide-primary{background:var(--atlas-gold);color:#fff;border-color:var(--atlas-gold);min-height:44px}.guide-actions .guide-primary{width:100%}.guide-primary:hover{background:#d9bb78;color:#fff}.itinerary-dot{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;border:3px solid #fffae9;background:#526e87;color:#fff;box-shadow:0 2px 7px #0004;font-weight:700;font-size:16px}.itinerary-dot.next{background:#235c71;box-shadow:0 0 0 5px #fbf5dccc,0 2px 7px #0004}.itinerary-dot.done{background:#7c8b76}.itinerary-dot.skipped{background:#a4a494;color:#fff;text-decoration:line-through}@media(max-width:1000px){.guide-ribbon{flex-wrap:wrap;padding:10px}.guide-ribbon>div{flex-basis:100%}.guide-ribbon button{flex:1}.guide-ribbon>span{width:100%}.guide-actions button{min-height:44px}.map-legend{gap:6px;font-size:9px}}

.basemap-control{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.basemap-control select{font:inherit;color:inherit;border:1px solid var(--atlas-border);background:var(--atlas-surface);border-radius:6px;min-height:36px;max-width:135px;padding:4px}.basemap-control[hidden]{display:none}.basemap-note{font-size:10px;color:var(--atlas-muted);margin:0;padding:0 14px 8px}@media(max-width:1000px){.basemap-control select{min-height:44px}.map-toolbar{flex-wrap:wrap}}

.field-check{margin:12px 0;padding:14px 16px;border:1px solid var(--atlas-border);background:var(--atlas-surface);border-radius:10px;font-size:12px;max-width:1000px}.field-check summary{font-weight:600;cursor:pointer;min-height:28px}.field-check p{color:var(--atlas-muted)}.field-check a{color:var(--atlas-gold)}.observation-record{padding:12px 0;border-top:1px solid var(--atlas-border)}.observation-record p{margin:7px 0}.observation-record button{font-size:12px;min-height:40px}#observation-records{max-height:360px;overflow:auto}#observation-error{color:#e99d78}.observation-icon{background:none;border:0}.observation-dot{display:grid;place-items:center;width:36px;height:36px;border:3px solid #fff;border-radius:5px;background:#345f8b;color:white;font-size:14px;font-weight:bold;box-shadow:0 2px 7px #0006}#observation-map-note{color:#345f8b}

/* Area browsing and deliberate additions to the user's itinerary. */
.profession-filter{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin:0 0 12px}.profession-filter select{font:inherit;color:inherit;background:var(--atlas-surface);border:1px solid var(--atlas-border);border-radius:7px;padding:8px;min-height:44px;flex:1;max-width:185px}select:focus-visible{outline:3px solid var(--atlas-gold);outline-offset:3px}.discovery-summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:13px;margin:12px 0;background:var(--atlas-hover);border:1px solid var(--atlas-border);border-radius:8px}.discovery-summary>div{flex:1}.discovery-summary small{font-size:10px;color:var(--atlas-muted)}.discovery-summary h2{font-family:var(--font-heading);font-size:20px;margin:1px 0}.discovery-summary p{flex-basis:100%;margin:0;font-size:11px;color:var(--atlas-muted)}.discovery-summary button{font-size:11px;padding:6px 8px;min-height:36px}.discovery-actions{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px}.discovery-actions button{flex:1;font-size:11px;padding:7px;white-space:nowrap}#plan-results{background:var(--atlas-gold);color:#fff;border-color:var(--atlas-gold)}.result .result-trip{color:#73a2c5;font-size:10px;margin-top:3px}.area-label{font-weight:600;font-size:11px;background:#2b2317f2;border-color:var(--atlas-gold-border);box-shadow:none;pointer-events:none}#plan-preview{padding-left:22px;font-size:13px;max-height:40dvh;overflow:auto}#plan-preview li{padding:8px 0;border-bottom:1px solid var(--atlas-border)}#plan-error{color:#e99d78}@media(max-width:1000px){.discovery-summary button{min-height:44px}.discovery-actions button{min-height:44px}}

/* Integrated map workspace: one discovery panel, optional itinerary drawer. */
.site-head{position:relative;z-index:1500;gap:30px;padding:10px 24px;background:#201a15;color:var(--atlas-text)}.site-head .brand{color:var(--atlas-gold-bright);white-space:nowrap;font-size:21px}.site-head .main-nav{display:flex;align-items:center;gap:26px;margin-left:auto;color:var(--atlas-text)}.site-head .main-nav a{text-decoration:none;color:inherit;font-size:13px;min-height:44px;display:flex;align-items:center}.site-head .main-nav>a[aria-current]{color:var(--atlas-gold-bright);border-bottom:2px solid var(--atlas-gold)}.site-head .menu-toggle{display:none}.page-actions{display:flex;gap:16px;align-items:center}.page-actions h1{font-size:14px;font-weight:500;margin:0;color:var(--atlas-muted)}#open-journey{background:var(--atlas-gold);border-color:var(--atlas-gold);color:#fff;font-size:12px}#journey-count{display:inline-block;min-width:20px;border-radius:4px;margin-left:6px;background:#ffffff20;font-variant-numeric:tabular-nums}.area-control{display:flex;align-items:center;gap:8px;font-size:12px}.area-control select{max-width:220px;min-height:40px;font:inherit;color:inherit;background:var(--atlas-surface);border:1px solid var(--atlas-border);border-radius:7px;padding:6px}.map-settings{position:relative;font-size:12px}.map-settings summary{cursor:pointer;min-height:40px;display:flex;align-items:center;padding:6px 10px}.map-settings>div{position:absolute;top:100%;right:0;z-index:1100;width:235px;padding:14px;background:var(--atlas-surface);border:1px solid var(--atlas-border);border-radius:8px;box-shadow:0 6px 20px #0002}.map-settings p{font-size:11px;color:var(--atlas-muted);margin:8px 0 0}.notebook{padding:0;height:min(760px,calc(100dvh - 150px));min-height:570px;overflow:hidden;display:flex;flex-direction:column}.notebook-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px}.notebook-heading strong{font-family:var(--font-heading);font-size:19px;font-weight:500}#toggle-notebook{display:none}#notebook-content{padding:0 18px 18px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin}.search-label{font-family:inherit;font-size:12px;color:var(--atlas-muted)}.filters{gap:6px}.filters button{background:transparent;border-color:transparent;font-size:12px;min-height:34px;padding:5px 10px;flex:none}.filters button[aria-pressed=true]{background:var(--atlas-hover);color:var(--atlas-gold);border-color:var(--atlas-gold-border)}.detail-card{margin:0;border:none;background:transparent;padding:0}.detail-top{gap:6px;flex-wrap:wrap;margin-bottom:14px}.detail-top button{font-size:12px;padding:6px 0;color:var(--atlas-gold)}.detail-top span{font-size:10px}.detail-card h2{margin-bottom:8px}.detail-card details{margin:15px 0}.detail-card details summary{cursor:pointer;min-height:28px}.detail-actions{margin-top:18px}.journey-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(430px,100%);height:100dvh;max-height:100dvh;max-width:100%;border-radius:12px 0 0 12px;padding:22px;overflow:auto}.journey-drawer::backdrop{background:#17130fd9}.map-help{font-size:11px;color:var(--atlas-muted);padding:6px 0 18px}.map-help>summary{cursor:pointer;display:inline-block;padding:8px 0}.map-help .field-check{background:transparent}.map-help>p{font-size:12px}.site-head .nav-dropdown a{display:block}
@media(max-width:1000px){main{padding-bottom:86px}.trail-head{gap:7px}.trail-head nav{gap:7px;font-size:12px}.page-actions{gap:0}.page-actions h1{display:none}.notebook{position:fixed;bottom:0;left:0;right:0;height:auto;max-height:58dvh;min-height:0;z-index:1300;background:var(--atlas-surface);border:1px solid var(--atlas-border);border-radius:15px 15px 0 0;box-shadow:0 -6px 24px #0004;padding:0}.notebook-heading{padding:9px 16px}.notebook-heading strong{font-size:16px}#toggle-notebook{display:block;font-size:12px;min-height:38px;padding:6px 10px}#notebook-content{display:none;padding:0 16px 16px;overscroll-behavior:contain}.notebook.sheet-expanded{height:58dvh}.notebook.sheet-expanded #notebook-content{display:block}.map-wrap,#map{height:calc(100dvh - 270px);min-height:360px}.map-toolbar{gap:3px;padding:8px}.area-control{gap:5px}.area-control select{max-width:170px;min-height:44px}.map-toolbar button{min-height:40px;font-size:11px}#zoom-label{width:100%;margin:0;text-align:right;font-size:10px}.journey-drawer{inset:auto 0 0 0;height:85dvh;max-height:85dvh;width:100%;border-radius:16px 16px 0 0}.map-caption{font-size:10px}.map-settings>div{right:0}.site-head{padding:10px 14px;gap:15px}.site-head .main-nav{gap:15px}.site-head .main-nav a{font-size:12px}}
@media(max-width:820px){.site-head{flex-wrap:nowrap}.site-head .menu-toggle{display:block;margin-left:auto;background:transparent;color:var(--atlas-text);border:1px solid var(--atlas-border);min-width:44px}.site-head .main-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:8px 14px;background:#201a15}.site-head .main-nav.integrated-nav.open{display:flex}.map-settings>div{left:0;right:auto}}

/* Zone hits in search results (M06): entering the zone map directly. */
.result.zone-hit { border-bottom: 1px solid var(--atlas-gold-border); background: #2b2317; }
.result.zone-hit strong { color: var(--atlas-gold-bright); }

/* Marker themes (plan §6.3): exactly one coloring theme active at a time. */
.poi-dot.theme-a, .itinerary-dot.theme-a { background: #2f5e8f; }
.poi-dot.theme-h, .itinerary-dot.theme-h { background: #8f2f36; }
.poi-dot.theme-n { background: #6b6b4d; }
.poi-dot.lv-ok { background: #4d7351; }
.poi-dot.lv-near { background: #b58432; }
.poi-dot.lv-far { background: #a03e2f; }
.legend-a { color: #7fa8d9; } .legend-h { color: #d98b8b; } .legend-n { color: var(--atlas-muted); }
.legend-ok { color: var(--atlas-green); } .legend-near { color: var(--atlas-gold-bright); } .legend-far { color: #e99d78; }
.level-input-row { display: flex; align-items: center; gap: 7px; min-height: 30px; font-size: 12px; margin-top: 4px; }
.level-input-row input { width: 64px; min-height: 30px; padding: 4px 6px; border: 1px solid var(--atlas-border); background: var(--atlas-inset); color: var(--atlas-text); border-radius: 4px; font-size: 16px; }

/* Layer list (plan §6.3): display-only toggles inside map settings. */
.layer-list { margin: 12px 0 0; padding: 10px 0 0; border: 0; border-top: 1px solid var(--atlas-border); }
.layer-list legend { padding: 0 0 4px; font-size: 11px; color: var(--atlas-muted); }
.layer-list label { display: flex; align-items: center; gap: 7px; min-height: 30px; font-size: 12px; cursor: pointer; }
.layer-list input { width: 15px; height: 15px; accent-color: var(--atlas-gold); }
.layer-note { margin: 6px 0 0; font-size: 10px; color: var(--atlas-muted); }

/* Zone overview (plan §6.4): editorial facts + honest coverage status. */
.zone-overview { margin: 2px 0 12px; padding: 10px 12px; border: 1px solid var(--atlas-border); border-radius: 8px; background: var(--atlas-surface); }
.zone-overview summary { cursor: pointer; min-height: 28px; display: flex; align-items: center; font-weight: 600; color: var(--atlas-gold-bright); }
.zo-meta { margin: 8px 0 0; font-size: 12px; }
.zo-meta strong { color: var(--atlas-gold-bright); font-weight: 600; }
.zo-meta span { color: var(--atlas-muted); }
.zo-intro { margin: 6px 0 0; font-size: 12px; line-height: 1.7; }
.zo-status { margin: 8px 0 0; font-size: 11px; color: var(--atlas-muted); }

/* Continent-view zone outline label (traced approximate polygons). */
.continent-label-icon { background: none; border: 0; }
.continent-label { display: inline-block; padding: 2px 8px; color: #ffe9a8; background: #201a15d9; border: 1px solid #8b744b; border-radius: 4px; font-family: var(--font-heading); font-size: 13px; white-space: nowrap; text-shadow: 0 1px 3px #000; }

/* Reader branding and compact map chrome. No map dimensions or panel states change. */
body { min-width: 320px; }
::selection { color: #191511; background: #d7bd7e; }
button, input, textarea, .area-control select, .profession-filter select,
.basemap-control select, .stop-controls select { border-radius: 4px; }
button:hover { color: var(--atlas-gold-bright); }
input::placeholder, textarea::placeholder { color: #a49784; opacity: 1; }
a:hover { color: var(--atlas-gold-bright); }
.site-head { background: #201a15; border-bottom-color: var(--atlas-border); padding-block: 14px; }
.site-head .brand { display: flex; align-items: center; gap: 11px; letter-spacing: normal; text-decoration: none; }
.site-head .brandmark { display: block; flex: none; width: 81px; height: 46px; }
.site-head .brand-name { display: flex; flex-direction: column; gap: 5px; }
.site-head .brand-name strong { font: bold 19px Georgia, serif; letter-spacing: .02em; color: var(--atlas-text); }
.site-head .brand-name em { color: #d5b976; font-style: normal; }
.site-head .brand-name small { color: var(--atlas-muted); font: 11px/1.4 var(--font-body); letter-spacing: .04em; }
.site-head .main-nav { color: #c9bdac; }
.site-head .main-nav a { font-weight: 600; }
.site-head .main-nav a:hover { color: var(--atlas-gold-bright); }
.site-head .main-nav.integrated-nav .nav-dropdown { background: #261d16; border-color: var(--atlas-border); }
.trail-head { color: var(--atlas-muted); }
.trail-head strong { color: var(--atlas-gold-bright); }
.trail-head button:hover { color: var(--atlas-gold-bright); }
.page-actions h1 { color: var(--atlas-muted); }
.workspace { border-color: #6b5738; border-radius: 6px; box-shadow: 0 14px 40px #0004; }
.map-toolbar { background: linear-gradient(180deg, #2b241b, #211b15); }
.map-wrap, #map { background: #171410; }
.map-settings>div { box-shadow: 0 8px 24px #0006; }
.notebook-heading { border-bottom: 1px solid var(--atlas-border); margin-bottom: 14px; }
.notebook-heading strong { color: var(--atlas-gold-bright); font-size: 17px; font-weight: 600; }
.discovery-summary { border-left: 2px solid var(--atlas-gold); border-radius: 4px; background: #282118; }
.discovery-summary h2 { color: var(--atlas-gold-bright); font-size: 19px; }
.filters button[aria-pressed=true] { color: var(--atlas-gold-bright); background: #352b1b; border-color: var(--atlas-gold-border); }
.result { border-radius: 0; }
.result:hover, .result.active { background: #30271c; }
.result:hover strong, .result.active strong, .detail-card h2 { color: var(--atlas-gold-bright); }
.result .badge { background: #352b1b; color: var(--atlas-gold-bright); }
.result.profession .badge { background: #253024; color: var(--atlas-green); }
.detail-card h2 { font-size: 22px; }
.detail-card h3 { color: var(--atlas-gold-bright); }
.detail-card .coords { color: #d2b979; }
.detail-top button { color: var(--atlas-muted); }
#open-journey, #plan-results, #enter-elwynn, #confirm-import,
.detail-actions .primary, .guide-primary { background: linear-gradient(180deg, #d9bf7e, #bb9956); color: #21190d; border-color: #d9bb78; font-weight: 600; }
#open-journey:hover, #plan-results:hover, #enter-elwynn:hover, #confirm-import:hover,
.detail-actions .primary:hover, .guide-primary:hover { background: #e4ca8b; color: #191511; }
#journey-count { background: #21190d20; }
.guide-ribbon { background: #22291e; color: var(--atlas-text); }
.guide-ribbon strong, #journey-guide h3 { color: var(--atlas-gold-bright); }
#journey-guide { background: #22291e; }
.guide-primary { border-radius: 4px; }
dialog { border-color: var(--atlas-gold-border); box-shadow: 0 18px 60px #0008; }
dialog h2, #journey-panel h2 { color: var(--atlas-gold-bright); }
.journey-drawer { border-left: 1px solid var(--atlas-gold-border); border-radius: 6px 0 0 6px; }
.leaflet-control-zoom { border: 1px solid var(--atlas-gold-border)!important; border-radius: 4px!important; overflow: hidden; box-shadow: 0 3px 12px #0007; }
.leaflet-control-zoom a { border-bottom-color: var(--atlas-border)!important; }
.leaflet-control-zoom a:hover { background: #352b1b!important; }
.leaflet-control-zoom .leaflet-disabled { color: #807666!important; }
.leaflet-control-attribution, .leaflet-control-attribution a { color: #d1c1a7!important; }
.leaflet-tooltip { color: var(--atlas-gold-bright); border-color: var(--atlas-gold-border); box-shadow: 0 2px 9px #0006; }
.leaflet-tooltip-top::before { border-top-color: var(--atlas-gold-border); }
.leaflet-tooltip-bottom::before { border-bottom-color: var(--atlas-gold-border); }
.leaflet-tooltip-left::before { border-left-color: var(--atlas-gold-border); }
.leaflet-tooltip-right::before { border-right-color: var(--atlas-gold-border); }
.marker-cluster-small { box-shadow: 0 2px 10px #0005; }
.marker-cluster-small div { color: var(--atlas-gold-bright); }
.map-legend { border: 1px solid #6b5738; color: var(--atlas-muted); }
.map-caption, .basemap-note { background: #211b15; }
.field-check { border-color: var(--atlas-border); }
#observation-map-note { color: #9fc2d9; }
@media(max-width:1000px) {
  .notebook { background: #211b15; border-color: var(--atlas-gold-border); box-shadow: 0 -6px 24px #0006; }
  .notebook-heading { margin-bottom: 0; }
  .notebook.sheet-expanded .notebook-heading { margin-bottom: 12px; }
  .journey-drawer { border-top: 1px solid var(--atlas-gold-border); border-radius: 10px 10px 0 0; }
}
@media(max-width:820px) {
  .site-head { padding-block: 10px; }
  .site-head .brandmark { width: auto; height: 34px; }
  .site-head .brand-name { gap: 3px; }
  .site-head .brand-name strong { font-size: 16px; }
  .site-head .brand-name small { font-size: 9px; }
  .site-head .main-nav { background: #201a15; border-bottom: 1px solid var(--atlas-border); }
}