/* Shared palette: printed rice paper, cinnabar seals, jade rivers and dark tea ink. */
:root{--wf-jade:#125948;--wf-ink:#183b35;--wf-clay:#a13937;--wf-copper:#9b552e;--wf-gold:#e4b362;--wf-mist:#e3f0e8;--wf-paper:#fffcf3;--ink:#18362e;--accent:#a2383b;--soft:#e8f0e6;--warm:#a54d2e;--muted:#50675e;--line:#d3ddce;--paper:#fffdf7}
body{accent-color:var(--wf-jade)}
.site-header:not(.on-hero){background:linear-gradient(105deg,#fffaf0 0%,#fffdf8 52%,#f2f6ed 100%);border-bottom-color:#c9d5c8}
.site-header:not(.on-hero) .brand-mark,.footer-brand .brand-mark{color:#ad5036}
.site-header:not(.on-hero) .site-nav a[aria-current=page]{color:#963039}
.site-header:not(.on-hero) .header-plan,.chat-trigger{background:linear-gradient(118deg,#aa3b3d,#88353c);color:#fff;box-shadow:0 5px 18px #81333721}
.breadcrumbs{background:#fbf7eb;border-bottom-color:#d8ddcb}
.site-footer{background:linear-gradient(120deg,#163f36,#0e302e);color:#fff9eb;border-top:3px solid #cb9c56}
.site-footer .footer-column a,.site-footer .footer-meta a,.site-footer .footer-note{color:#e2ece0}
:where(.home-section,.section-wrap,.sx-wrap,.article-wrap,.city-wrap) :is(.section-kicker,.home-eyebrow:not(.light),.city-eyebrow,.sx-eyebrow){color:#91402e}
.home-guide-section,.journal-section,.section-wrap .check-block,.city-practical-lead{background-color:#f8f1e0}
.feature-text,.guide-text,.city-duration-picker{background-color:#e5f0e6}
.city-route-step,.city-place-no,.home-guide-link,.text-link,.section-link{color:#175949}
.tp-city.is-selected,.atlas-city-card.active{background:#dfefdf;border-color:#92b7a0}
:where(.tp-generate:not(:disabled),.detail-primary,.sx-button,.lead-wa,.section-button:not(.outline)){--studio-button:#155c48}
.tp-generate:not(:disabled),.atlas-detail .detail-primary,.plan-enquiry .lead-wa,.sx-help .sx-button{background:linear-gradient(115deg,#155d48,#20483a);color:white}
body[data-page=atlas]{background:linear-gradient(150deg,#eee9d8 0%,#f4f5eb 38%,#e7f1e8 100%)}
.atlas-heading>div:first-child>span,.map-toolbar .map-level{color:#895134}
.atlas-heading h1{color:#173e34}
.atlas-heading .atlas-modes{background:#e4e8d6;border:1px solid #cbd6be}
.atlas-modes button[aria-selected=true]{background:#194e40}
.atlas-workspace{border-color:#c1cdbd;box-shadow:0 14px 45px #254b3614}
.atlas-left,.atlas-detail{background:#fffdf5}
.atlas-city-card.active{box-shadow:inset 4px 0 #287750}
.atlas-city-card:hover:not(.active){background:#f3f3e3}
.atlas-picker-trigger,.atlas-filters select{border-color:#c4d3bf}
.map-status,.city-card-select strong,.detail-city-copy h2{color:#183e34}
.atlas-workspace .atlas-map,.atlas-workspace .map-surface{background:radial-gradient(ellipse at 69% 87%,#c6e5de 0%,#dceee5 58%,#e5efe5 100%)}
.atlas-map #map-land path{fill:#f1ecde;stroke:#aebba6}
.atlas-map #map-provinces path{fill:#e3e7d3;stroke:#aebba4;stroke-width:.6}
.atlas-map #map-provinces path[data-region=northwest]{fill:#e8ddc4}
.atlas-map #map-provinces path[data-region=southwest]{fill:#e5d1c1}
.atlas-map #map-provinces path[data-region=north]{fill:#dfe7ce}
.atlas-map #map-provinces path[data-region=northeast]{fill:#d9e5da}
.atlas-map #map-provinces path[data-region=east]{fill:#e3e9d1}
.atlas-map #map-provinces path[data-region=central]{fill:#e9dfc9}
.atlas-map #map-provinces path[data-region=south]{fill:#d8e5d2}
.atlas-map #map-rivers path{stroke:#72adab}
.atlas-map .marker-core{fill:#28765b}.atlas-map .city-marker.selected .marker-core{fill:#b44933;stroke:#ffedcd}
.atlas-map .marker-name{fill:#295644;stroke:#fbf7e8}
.atlas-map .city-marker.selected .marker-name{fill:#964031}
.atlas-map .map-hint,.atlas-map .map-controls,.atlas-map .map-expand{color:#285845;border-color:#b6cbb6}
.atlas-detail .detail-guide{background:#f4e9d0;color:#66431e;border-color:#d6c49d}
.tp-heading,.sx-services-heading,.section-heading,.city-section-head{border-color:#c7d2bf}
.tp-layout,.sx-services-grid .sx-service{border-color:#c6d2be}
.tp-controls-title,.tp-days-head{color:#204b3c}
.tp-days-head{background:linear-gradient(110deg,#e2efe3,#fbf8eb)}
.tp-province:hover,.tp-city:not(.is-selected):hover{background:#f4efd9}
.sx-service-2 .sx-service-content{background:#fff9ea}.sx-service-3 .sx-service-content{background:#eef5eb}
.sx-service-1 .sx-format{color:#f6eed7;background:#1d4a3d}
.sx-card:not(:first-child),.sx-order-summary{border-color:#d3d4ba}
.city-closing,.chat-head{background:linear-gradient(125deg,#1e5a46,#153e35);color:#fff9eb}
.studio-direct{margin:16px 0 4px;padding:13px 15px;border-top:1px solid #bccdb9;color:#214237;background:#f5f8ef;border-radius:7px}
.studio-direct summary{cursor:pointer;font-weight:650;color:#215747;min-height:24px}
.studio-direct label{display:flex;align-items:flex-start;gap:9px;margin:12px 0;font-size:13px;line-height:1.55}
.studio-direct label input[type=checkbox]{width:18px;height:18px;min-height:0;flex:0 0 18px;margin:1px}
.studio-direct button{min-height:44px;border:none;border-radius:6px;background:#215744;color:white;padding:9px 16px;font-weight:bold;cursor:pointer}
.studio-direct button:disabled{opacity:.66;cursor:default}.studio-direct p{margin:8px 0 0;font-size:13px;overflow-wrap:anywhere}.studio-direct p:empty{display:none}
@media(prefers-contrast:more){:root{--muted:#314b3e}.atlas-map #map-provinces path{stroke:#637458}.studio-direct{border:1px solid currentColor}.atlas-city-card.active{outline:2px solid #165340}}
@media(forced-colors:active){.atlas-map .marker-core{fill:ButtonText}.atlas-map .marker-name{fill:CanvasText;stroke:Canvas}.tp-generate,.site-header .header-plan{border:1px solid ButtonText}}

/* A narrow atlas masthead adds color without tinting the geography or crowding its controls. */
body[data-page=atlas] .atlas-heading{
 background-color:#205447;
 background-image:repeating-radial-gradient(ellipse 230px 118px at 76% 170%,transparent 0 21px,#d6e6c61c 22px,transparent 23px 36px),linear-gradient(112deg,#133f35,#22594b 63%,#306554);
 color:#fff9e9;border-bottom:2px solid #c5a168;margin-bottom:12px
}
body[data-page=atlas] .atlas-heading h1{color:#fffbeb}
body[data-page=atlas] .atlas-heading>div:first-child>span{color:#f0cc8d}
body[data-page=atlas] .atlas-heading p{color:#e1ece0}
body[data-page=atlas] .atlas-heading .atlas-modes{background:#113c32;color:#fff4de;border-color:#78a18a}
body[data-page=atlas] .atlas-modes button{color:#e7f1df}
body[data-page=atlas] .atlas-modes button[aria-selected=true]{background:#f2e3be;color:#183f34;box-shadow:0 2px 8px #07281d38}
body[data-page=atlas] .atlas-modes .saved-count{color:inherit}
@media(max-width:600px){body[data-page=atlas] .atlas-heading{margin-bottom:9px;background-position:center}}

/* Direct enquiry consent. The red action submits to the team; it must not
   silently open a mail client or post without an explicit opt-in. */
.studio-consent{display:flex;align-items:flex-start;gap:9px;margin:14px 0 4px;color:#314b3e;font-size:12px;line-height:1.6}
.studio-consent input{width:17px;height:17px;min-height:0;flex:0 0 17px;margin:2px 0 0;accent-color:#8c3e48}
.studio-consent-status{margin:7px 0 0;font-size:12px;line-height:1.55;color:#8c3e48;overflow-wrap:anywhere}
.studio-consent-status:empty{display:none}