/* Shared visual theme. Loaded last on every page. No remote fonts or assets. */
.hero-image{object-position:50% 43%}.hero-shade{background:linear-gradient(90deg,#071d2cba 0%,#071d2c70 48%,#071d2c14 90%),linear-gradient(0deg,#071d2c80,transparent 50%)}.hero-caption{bottom:32px;right:40px}.hero-caption small{max-width:300px}
:root{--paper:#f8fafc;--cream:#edf2f7;--forest:#0f766e;--forest-deep:#0f172a;--ink:#172b3a;--muted:#526574;--orange:#087f8c;--line:#d9e2ea;--serif:'Segoe UI',Arial,sans-serif;--sans:'Segoe UI',Arial,sans-serif;--shadow:0 14px 40px #0f172a0b;--accent:#087f8c}
body,.wonder-page{background:#f8fafc;color:#172b3a}
h1,h2,h3,.wonder-section h2,.moon-lab h2,.regional-map-section h2,.region-card-copy h3,.night-card-copy h3,.directory-intro h1,.state-directory strong,.intro h1,.quiz-banner strong,.quiz-art-copy h2{font-family:'Segoe UI',Arial,sans-serif;font-weight:600;letter-spacing:-.04em}
h1 em,h2 em,h3 em{font-style:normal;color:#087f8c}.hero h1{font-weight:600}.hero h1 em{color:#8de9e4}.hero .eyebrow,.hero-description,.hero-caption small{color:#f1f5f9}.hero-stamp{background:#0f172a66;border-radius:14px;transform:none;color:#f1f5f9}.brand-mark,.logo svg{transform:none}
.header,.atlas-header{background:#fff;border-bottom:1px solid #e2e8f0}.logo,.brand{color:#172b3a}.main-nav a:hover,.photo-nav a:hover{color:#087f8c}.guide-button{background:#edf2f7;border-color:#d9e2ea;color:#172b3a}.button,.primary{border-radius:9px!important}.button.orange,.button.forest,.primary{background:#0f766e;color:#fff}.button.orange:hover,.button.forest:hover,.primary:hover{background:#115e59}.button.outline{background:transparent;color:#172b3a;border-color:#cbd5e1}.text-link{border-color:#a6bac7}.eyebrow{color:#087f8c}.eyebrow.light{color:#d7f6f3}
.us-navigation{background:#edf2f7;border-block:1px solid #d9e2ea;color:#172b3a}.us-navigation select{background:#fff;border:1px solid #bccbd6;border-radius:8px;color:#172b3a}.us-navigation a:hover{color:#087f8c}.us-navigation :focus-visible,:focus-visible,.us-guide :focus-visible{outline-color:#087f8c}
.new-wonder-banner,.quiz-banner,.match-explanation{background:#e8f3f4;border:1px solid #d1e6e8;border-radius:12px}.new-wonder-banner p,.quiz-banner p,.match-explanation p{color:#526574}.new-wonder-banner a,.new-wonder-banner a:first-child{background:#0f766e;color:#fff;border-radius:8px}.photo-quest-banner{border-bottom:1px solid #d9e2ea}.manifesto-strip{border-color:#d9e2ea}.park-card:nth-child(n) .park-photo{transform:none}.park-photo,.trail-card,.match-card,.country-detail{border-radius:12px!important}.park-card h3{color:#172b3a}.park-number,.match-rank,.trail-image-caption{background:#f8fafc;color:#172b3a}.filter.active{background:#0f766e;color:#fff}.filter:hover:not(.active){background:#e2e8f0}.park-search{border-color:#cbd5e1;background:#fff}.park-search input{color:#172b3a}.save-heart{background:#ffffffed;color:#172b3a}.save-heart[aria-pressed=true]{background:#0f766e;color:#fff}.trail-body,.trail-card{background:#fff}.difficulty,.difficulty.moderate,.trail-tags span{background:#e4f2f0;color:#145d58}.trail-body button{color:#0f766e}.closing-note h2 em{color:#087f8c}.closing-mountains{stroke:#6c8b9b}.footer{background:#0f172a;color:#f8fafc}.footer .brand{color:#f8fafc}.footer-bottom{color:#b9cad6;border-color:#334155}footer:not(.footer){border-color:#d9e2ea;color:#172b3a}
dialog,.modal-body{background:#fff;color:#172b3a}dialog::backdrop{background:#0f172aaa}.modal-top,.modal-stats,.modal-notice,.query-preview,.empty-state{background:#edf2f7;color:#334155;border-color:#d9e2ea}.modal-top .eyebrow,.modal-stats strong{color:#087f8c}.modal-hike,.saved-item{border-color:#d9e2ea}.modal-hike button{background:#e4f2f0;color:#145d58}.toast{background:#0f172a;color:#fff}
.us-guide .region-hero{background:#122d3c;border-radius:14px}.us-guide .region-hero:before{background:repeating-radial-gradient(ellipse at 100% 130%,transparent 0 35px,#89d9e522 36px 38px,transparent 39px 65px)}.us-guide .region-hero h1,.us-guide .region-hero p,.us-guide .art-label{color:#f1f5f9}.us-guide .region-hero .eyebrow{color:#a4dcdf}.us-guide .region-hero .primary{background:#e3f6f5;color:#125851}.us-guide #region-map{background:#e5eef3;border:1px solid #d1dfe7}.us-guide .country-shape{fill:#6b9aa2;stroke:#f8fafc}.us-guide .destination-marker circle{fill:#fff;stroke:#123747}.us-guide .destination-marker text{fill:#123747}.us-guide .destination-marker:hover circle,.us-guide .destination-marker:focus circle,.us-guide .destination-marker.is-selected circle{fill:#0f766e;stroke:#fff}.us-guide .destination-marker:hover text,.us-guide .destination-marker:focus text,.us-guide .destination-marker.is-selected text{fill:#fff}.map-coverage{background:#edf2f7;border-color:#5b91a3;color:#425d6c}.mapped-places button{background:#edf2f7;color:#172b3a}.region-filters{background:#edf2f7;border-radius:12px}.region-filters input,.region-filters select{background:#fff;color:#172b3a;border-color:#bccbd6}.region-filters button{color:#145d58;border-color:#7fa9aa;border-radius:8px}.us-guide .region-card{background:#fff;border:1px solid #d9e2ea;border-radius:12px}.us-guide .region-card.is-selected{border-color:#087f8c;box-shadow:0 0 0 3px #c7e9ec}.destination-photo-placeholder{background:repeating-linear-gradient(135deg,#edf3f6 0 20px,#e6eef2 20px 21px);color:#607d8b}.destination-photo-placeholder p{font-family:'Segoe UI',Arial,sans-serif;font-style:normal;font-size:18px;letter-spacing:-.02em}.region-number{background:#fff;color:#172b3a;box-shadow:0 2px 12px #0f172a0b}.us-guide .source-note{color:#607383}.pin-pending{border-color:#bacbd5;color:#526574;border-radius:6px}.region-empty{background:#edf2f7;color:#425d6c}.state-directory a{background:#fff;border-color:#d9e2ea;color:#172b3a}.state-directory a:hover{background:#e4f2f0;border-color:#97c5c3}.wonder-note{background:#e8f3f4;color:#172b3a;border-color:#d1e6e8}.wonder-note p{color:#526574}
.quiz-shell,.quiz-main,.quiz-option,.match-card,.country-detail,.light-lab,.dream-card,.pack-column,.night-card{background:#fff;border-color:#d9e2ea}.quiz-option:has(input:checked){background:#e4f2f0;border-color:#0f766e}.quiz-progress,.quiz-option small,.match-copy>p,.country-detail-copy>p,.photo-tip p{color:#526574}.quiz-art-copy h2{color:#fff}.quiz-art-copy h2 em{color:#a4eeee}.quiz-location,.quiz-art-copy>span,.quiz-art-copy p{color:#f1f5f9}.match-reasons{color:#426475}.match-tradeoff{background:#edf2f7;color:#526574!important}.photo-tip{background:#edf2f7;border-color:#087f8c}.photo-tip h3,.photo-tip h4{color:#172b3a}.country-map-box{background:#122d3c;color:#f1f5f9}.country-map-heading select{background:#213f50;border-color:#668d9d;color:#fff}.country-shape{fill:#6b9aa2;stroke:#b5d4dd}.context-shape{fill:#294a5b;stroke:#527a8e}.destination-marker circle{fill:#0f766e;stroke:#fff}.destination-marker.selected circle{fill:#8de9e4;stroke:#fff}.destination-marker.selected text{fill:#123747}.map-destination-list button{color:#d6e8ee;border-color:#527a8e}.map-destination-list button.active{background:#a4eeee22;color:#fff}.map-disclaimer{color:#b9d0dc}.atlas-country-link{background:#edf2f7;border-color:#cbd5e1;color:#172b3a}.atlas-quiz-link{color:#b0e7e8}.photo-principles{border-color:#d9e2ea}
.map-side{background:#122d3c}.map-topbar,.map-bottom-bar{background:#193949;color:#e6f1f5}.view-tabs button[aria-pressed=true]{background:#e7f1f5;color:#172b3a}.destination-copy{background:#fff}.panel-kind,.place-facts,.facts{color:#526574}.night-filters,.moon-lab,.sky-check-grid article,.illustration-notice,.season-bubble,.month-ribbon span,.region-trails{background:#edf2f7;color:#526574;border-color:#d9e2ea}.night-filters select,.moon-lab input,.moon-lab select,.light-lab select,.light-lab input{background:#fff;color:#172b3a;border-color:#bccbd6}.month-ribbon .active,.month-ribbon span.active{background:#0f766e;color:#fff}.night-rank,.image-kind{background:#edf2f7;color:#334155}.night-card-copy h3,.sky-check-grid h3,.sky-check-grid article>span{color:#172b3a}.night-card-copy p,.sky-check-grid p{color:#526574}.pack-intro{background:#122d3c;color:#f1f5f9}.postcard-preview{background:#edf2f7}.studio-heading p,.pack-intro p{color:#617988}
@media(max-width:1000px){.main-nav{gap:16px}.header{gap:16px}.hero h1{letter-spacing:-.04em}}
@media(max-width:650px){.main-nav{background:#fff}.us-guide .region-hero h1{font-size:42px}.directory-intro h1{letter-spacing:-.045em}.new-wonder-banner h2{font-size:30px}}
@media(max-width:650px){.hero-image{object-position:58% 45%}.hero-shade{background:linear-gradient(90deg,#071d2caa,#071d2c44),linear-gradient(0deg,#071d2ca0,transparent 70%)}.hero-caption{bottom:20px;left:24px;right:24px}.hero-caption small{display:block;font-size:9px;max-width:290px}}