/* Cozumel Desvelado · clear field-atlas edition, 2026-09-27. */
:root{--navy:#0a2331;--teal:#086f78;--gold:#bd9851;--ink:#142d39;--muted:#4d6470;--line:#d6e1e5;--paper:#f3f7f8;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif}
body{background:var(--paper);color:var(--ink);line-height:1.55}
.shell{grid-template-columns:238px minmax(0,1fr)}
.sidebar{background:#092332;padding:23px 14px 18px;border-right:1px solid #1f4655}
.brand{gap:10px;padding:8px 9px;font-family:var(--sans);letter-spacing:.065em;font-size:.85rem;line-height:1.2}
.brand strong{font-size:.88rem;letter-spacing:.035em;font-weight:720}
.brand-mark{display:block;width:43px;height:43px;flex:none;font-size:0}
.brand-mark img{width:100%;height:100%;border-radius:10px}
.nav-caption{margin:26px 12px 12px;color:#95b7c2;font-size:.71rem;letter-spacing:.11em}
#nav{gap:4px}
#nav a{border-radius:10px;padding:11px 12px;color:#cadbe0;font-size:.9rem;line-height:1.35;white-space:normal}
#nav a:hover{background:#164355;color:#fff}
#nav a.active{background:#125163;color:#fff;box-shadow:inset 3px 0 #e6bf70}
#nav .nav-icon{width:23px;flex:none;color:#e4c484}
.orientation-side-group{border-color:#ffffff1a}
.orientation-side-group summary{color:#c3d8de}
.side-bottom{border-color:#ffffff2a;margin-top:auto;padding:15px 9px 0}
.side-bottom p{color:#e4f0f1}
.side-bottom small,.side-link{color:#adcad1}
.private-label{color:#f0c77e}
.body{min-width:0}
.topbar{height:auto;min-height:72px;padding:12px clamp(18px,3vw,38px);background:#fff;border-color:var(--line)}
.breadcrumb{color:#536c78;letter-spacing:.035em;font-size:.72rem}
.breadcrumb b{font-weight:700}
.top-actions{gap:8px}
.top-actions .button,.top-actions .icon-btn{border-radius:10px;min-height:44px}
.top-actions .avatar{background:#e5eff0;color:#125163}
.global-search-bar{padding:13px clamp(18px,3vw,38px);background:#fff;border-color:var(--line)}
.global-search-bar form{max-width:1380px;display:flex;align-items:center;gap:17px}
.global-search-bar label{font-size:.78rem;color:#37535f;margin:0;min-width:196px}
.global-search-controls{flex:1;min-width:0}
.global-search-controls input{border:1px solid #bdcdd2;border-radius:10px;min-height:46px;background:#f8fbfb}
.global-search-controls button{min-height:46px;border-radius:10px;background:#ecf4f5}
main{max-width:1450px;padding:clamp(18px,2.7vw,38px);margin:0 auto}
h1,h2,.serif{font-family:var(--serif);letter-spacing:-.02em}
h1{font-size:clamp(2.2rem,3.2vw,3.25rem)}
h2{font-size:clamp(1.65rem,2vw,2.1rem)}
.eyebrow{color:#086f78;font-size:.72rem}
.heading-row{margin-bottom:22px}
.button,.icon-btn{border-radius:10px}
.button.primary{background:#0b6c76;border-color:#0b6c76;color:#fff;box-shadow:none}
.button.primary:hover{background:#09545e}
.panel,.card,.route-card,.catalog-item,.atlas-card,.orientation-action,.orientation-quick,.orientation-explainer,.orientation-backups,.orientation-group{background:#fff;border:1px solid #d5e1e5;border-radius:14px;box-shadow:0 4px 18px #0d31400c}
.panel{padding:clamp(18px,2vw,27px)}
.home-shortcut,.quick-card,.orientation-welcome{border-radius:12px}
.orientation-welcome{background:#e9f3f4;border-color:#b9d6da}
.orientation-action:hover,.card:hover,.quick-card:hover{box-shadow:0 9px 24px #0d314015}
.home-presentation{border-color:#b0cdd0;border-radius:17px}
.home-presentation-scene{min-height:330px}
.home-presentation-copy h1{font-family:var(--serif)}
.section-head{margin:32px 0 16px}
.section-head h2{font-size:clamp(1.55rem,2vw,1.95rem)}
.map-panel,.field-map,.atlas-scroll{border-radius:13px}
.badge{border-radius:7px}
.search-answer{background:#eaf5f5}
.orientation-nav-icon{width:1.35rem;height:1.35rem}
#orientation-mobile-nav{background:#fff;box-shadow:0 -7px 22px #09233216;border-color:#d2e2e5}
#orientation-mobile-nav a,#orientation-mobile-nav button{color:#395b68}
#orientation-mobile-nav [aria-current=page],#orientation-mobile-nav button.active{background:#e9f5f5;color:#085e68}
footer{color:#57717b}

/* Shared surfaces and controls across atlas, paths, books, field notes and research. */
:root{--atlas-surface:#fff;--atlas-subtle:#eaf2f4;--atlas-border:#c9d9de;--atlas-accent:#0b6975;--atlas-deep:#0b2b3b;--atlas-gold:#b6904a}
main :is(p,li,dd){color:inherit}
main :is(.citation,.caption,.fig-caption,.route-meta,.entry-meta,.map-footnote,.map-caption,.plan-help,.point-list-item small){color:#49636f}
main :is(.map-workbench,.explore-detail,.explore-plan,.point-detail,.point-results,.road-card,.path-card,.clue-card,.road-find,.road-documents,.road-connection-panel,.source-map-frame,.concordance,.method-panel,.library-lead article,.book-timeline article,.comparison-grid>section,.map-place-list,.reader-index,.reader,.reader-text,.research-reading,.finding-grid article,.orientation-group,.orientation-quick,.orientation-explainer,.orientation-backups,.documentary,.home-shortcut,.access-notice){border:1px solid var(--atlas-border);border-radius:14px;box-shadow:0 4px 18px #0b2b3b0b;background:var(--atlas-surface);color:var(--ink)}
main :is(.road-card,.path-card,.clue-card,.home-shortcut,.point-list-item,.orientation-action,.map-place-list button,.global-search-result):hover{border-color:#89b6bf;background:#f2f9fa}
main :is(.explore-detail,.point-backups,.landscape-reading,.orientation-quick,.orientation-explainer,.orientation-backups,.plan-inventory,.road-explanation,.point-intro,.discovery-strip,.comparison-note,.access-notice,.field-pause-note){background:#e9f3f5;border-color:#bbd3d9;color:var(--ink)}
main :is(.explore-detail,.point-intro,.road-explanation,.field-pause-note){border-left:4px solid var(--atlas-accent)}
main .explore-detail{border-top:1px solid var(--atlas-border)}
main :is(.explore-header h1,.scene-context h2,.path-card h2,.clue-card h2){color:var(--ink)}
main :is(.explore-header p,.path-intro,.point-intro){color:#425d68}
main :is(.map-switch,.map-tabs,.reader-toolbar,.scene-tabs,.search-dialog-header){background:#e8f0f2;border-color:var(--atlas-border)}
main .map-switch{padding:5px;gap:4px;border-radius:12px}
main .map-switch a{color:#315767;border-radius:9px}
main .map-switch a[aria-current],main .map-tabs button[aria-pressed=true]{background:var(--atlas-deep);color:#fff;box-shadow:0 3px 10px #072c3c26}
main .map-tabs button{color:#365d68}
main .point-count{background:var(--atlas-deep);color:#fff}
main .point-list-item{color:var(--ink);border-color:#e0e9ec}
main .point-list-item.selected{background:#e7f3f4;box-shadow:inset 4px 0 var(--atlas-accent)}
main .point-index,.shortcut-number,.catalog-id,.book-year{color:#92703a}
main .point-backups{border:1px solid var(--atlas-border);padding:clamp(18px,2vw,26px)}
main .map-workbench{overflow:hidden}
main .map-caption{background:#fff}
main .map-tools,main .map-bottom-tools,main .map-legend{background:#fff}
main .map-legend span{color:#31515e}
main .hypothesis-toggle input,main .map-workspace-tools input{accent-color:var(--atlas-accent)}
main .road-card{color:var(--ink)}
main .road-card small{color:#506873}
main .road-symbol{color:var(--atlas-accent)}
main .road-symbol.relation{color:#a66e2d}
main .path-meta,main .evidence-chip{color:#375b67}
main .map-place-list button{border:1px solid var(--atlas-border);border-radius:9px;color:var(--ink);background:#fff}
main .map-place-list button[aria-pressed=true]{background:var(--atlas-deep);color:#fff}
main .stop-list li,main .stop-row{border-color:var(--atlas-border)}
main :is(.road-find input,.road-find select,.road-connection-panel select,.orientation-search input,.point-toolbar input,.point-toolbar select,.point-detail textarea,.point-detail select){border:1px solid #aabfc5;border-radius:10px;background:#fff;color:var(--ink)}
main .reader-toolbar{border:1px solid var(--atlas-border);border-radius:12px;padding:10px;box-shadow:none}
main .reader-index{background:#fff}
main .reader-text{box-shadow:none;line-height:1.8}
main .book-timeline article,main .library-lead article{min-width:0}
main .research-intro,main .immersive-stage{background:var(--atlas-deep);color:#f4f7f4}
main .scene-context{background:#e9f3f5;color:var(--ink)}
main .scene-context a{color:var(--atlas-accent)}
main .immersive-stage .button{background:#fff;color:var(--atlas-deep);border-color:#c7dce0}
main .immersive-stage .button.primary{background:#d2ac67;color:#202d2d;border-color:#d2ac67}
main .scene-tabs a{color:#f5f5ed;border-color:#66848d}
main .scene-tabs a[aria-current]{background:#e1b968;color:#162d35}
main .research-banner{border-radius:12px}
main .finding-grid article{background:#fff}
main .orientation-welcome{background:#e9f3f5;border-color:var(--atlas-border)}
#detail,#global-search-dialog{border:1px solid var(--atlas-border);border-radius:17px;background:#f7fafb;color:var(--ink)}
#detail .dialog-top,.search-dialog-header{background:#eff5f6;border-color:var(--atlas-border)}
#global-search-dialog .search-answer{background:#e7f3f5;border-color:#9fc3ca;border-left:4px solid var(--atlas-accent)}
#global-search-dialog .global-search-result{border-color:var(--atlas-border);border-radius:12px}
#global-search-dialog .global-search-result b{color:var(--atlas-accent)}
input[type=checkbox],input[type=radio]{accent-color:var(--atlas-accent)}
main :is(.zoom-controls button,.map-tools .button,.map-place-list button,.point-list-item){min-height:44px}
main :is(.route-card,.path-card,.clue-card,.road-card,.catalog-item,.point-detail,.explore-plan){padding:clamp(17px,2vw,24px)}
main :is(.map-workbench,.point-map,.field-map,.comparison-map,.source-map-frame,.atlas-scroll){min-width:0}

@media(max-width:850px){
 .sidebar{position:static;height:56px;min-height:0;padding:5px 12px;border-right:0}
 .brand{padding:4px 3px;color:#fff;font-size:.75rem;max-width:max-content}
 .brand strong{font-size:.8rem}
 .brand-mark{width:39px;height:39px}
 .nav-caption,.sidebar #nav,.sidebar .side-bottom{display:none}
 .topbar{position:absolute;right:10px;top:4px;z-index:10;height:48px;min-height:48px;padding:0;background:transparent;border:0}
 .top-actions{width:auto;justify-content:flex-end;gap:5px}
 .top-actions #mobile-menu{display:none}
 .top-actions .button,.top-actions .icon-btn{min-height:42px}
 .global-search-bar{padding:8px 16px 10px}
 .global-search-bar form{display:block}
 .global-search-bar label{margin:0 0 3px;font-size:.75rem}
 .global-search-controls input,.global-search-controls button{min-height:42px}
 main{padding:16px 16px 32px}
 #orientation-mobile-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}
}
@media(max-width:620px){
 .top-actions #install-app{padding-inline:11px}
 .top-actions #text-size,.top-actions #share{min-width:43px;padding-inline:9px}
 .home-presentation-scene{min-height:255px}
 .home-presentation-copy h1{font-size:2rem}
 .heading-row h1{font-size:2.2rem}
 .orientation-action{padding:18px}
 .card,.panel,.route-card,.catalog-item{box-shadow:0 2px 12px #0d314009}
 main .map-switch{display:flex;overflow:auto;flex-wrap:nowrap;scrollbar-width:thin;scroll-snap-type:x proximity}
 main .map-switch a{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;white-space:nowrap;scroll-snap-align:start}
 main :is(.point-layout,.exploration-layout,.comparison-grid){grid-template-columns:minmax(0,1fr)}
 main .point-map{height:min(54dvh,460px);min-height:310px}
 main .point-results{order:2}
 main :is(.point-detail,.explore-detail,.explore-plan){padding:18px}
}
@media(max-width:360px){.top-actions{gap:3px}.top-actions .button{font-size:.76rem}.top-actions #text-size{display:none}.brand{font-size:.68rem}.brand strong{font-size:.73rem}}
@media print{.sidebar{display:none}.shell{display:block}}