/* Calm, product-first presentation adapted from the supplied reference.
   This layer changes layout and colour only; application IDs and behaviour stay intact. */
:root{
  --ink:#1a1917;--muted:#6a6760;--green:#2c4a3d;--green2:#e8ede9;
  --orange:#bf7828;--cream:#f5f3ee;--line:#ddd9ce;--white:#fff;
  --shadow:0 4px 24px rgba(26,25,23,.09)
}
html{background:var(--cream)}
body{font-family:Outfit,Karla,system-ui,sans-serif;background:var(--cream);color:var(--ink);font-size:16px;line-height:1.6}
.wrap{width:min(1040px,calc(100% - 36px))}
h1,h2,.hero h1,.section-head h2,.journey-head h2,.nearby-head h2,.editorial-head h2,.community-head h2,.birthday-head h2,.panel h2,.trip-section-title h3{font-family:"Cormorant Garamond",Fraunces,Georgia,serif!important;letter-spacing:0!important}

/* Header */
.nav{position:sticky;top:0;z-index:100;height:58px;margin-inline:calc(50% - 50vw);padding-inline:max(24px,calc((100vw - 1040px)/2));background:#2c4a3d;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.brand-link{color:#fff;gap:9px}.brand-logo{width:38px;height:38px;border-radius:8px}.brand-word{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.22rem;font-weight:600}.brand-word small,.nav-note{display:none}
.account-button,.admin-shortcut{border:1px solid rgba(255,255,255,.3)!important;background:transparent!important;color:#fff!important;border-radius:999px!important;padding:7px 14px!important;font-size:.72rem!important}

/* Quiet introduction */
.hero{min-height:0;display:block;text-align:center;background:none!important;box-shadow:none;border-radius:0;margin:0;padding:58px 24px 38px}
.hero:before,.hero:after{display:none}.hero-copy{max-width:660px;margin:auto}.hero .eyebrow{color:var(--orange)}
.hero h1{color:var(--ink);font-size:clamp(2.55rem,7vw,4rem);font-weight:500;line-height:1.08;margin:12px auto 15px;max-width:720px}
.hero p{color:var(--muted);font-size:1rem;line-height:1.7;margin:auto;max-width:560px}

/* Main planner card */
.ask{width:min(720px,100%);margin:0 auto 18px;padding:30px;background:#fff;border:1px solid var(--line);border-top:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.progressive-note{background:transparent;color:var(--muted);padding:0;margin:0 0 18px;text-align:center;font-size:.76rem;font-weight:500}
.profile-picker,.route-picker,.quick-preferences{gap:14px;border:0;padding:0;margin:0 0 18px}
.profile-picker{grid-template-columns:1fr 1fr}.route-picker{grid-template-columns:1fr}.quick-preferences{grid-template-columns:repeat(3,1fr)}
.route-picker label,.profile-picker label,.quick-preferences label,.optional-label,.destination-picker legend{color:#8a867d;font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.route-picker select,.route-picker input,.profile-picker input,.quick-preferences input,.quick-preferences select,#prompt,#budgetCurrency{min-height:48px;border:1px solid var(--line);border-radius:8px;background:#f8f6f1;color:var(--ink);padding:11px 13px}
.route-picker select:focus,.route-picker input:focus,.profile-picker input:focus,.quick-preferences input:focus,.quick-preferences select:focus,#prompt:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(44,74,61,.11)}
.field-step{background:var(--green)}.destination-picker{border:1px solid var(--line);border-radius:10px;background:#faf9f6;padding:15px}.destination-help{color:var(--muted)}
.destination-option{border-color:var(--line)!important;background:#fff!important;border-radius:8px!important}.destination-option:has(input:checked){border-color:var(--green)!important;background:var(--green2)!important}
.route-builder{background:#faf9f6;border-color:var(--line)}.route-builder.has-stops{background:var(--green2);border-color:#aebdb5}.route-number{background:var(--green)}
.api-state{margin:4px 0 14px}.ask textarea{font-size:.9rem;min-height:82px}.ask-foot{align-items:center}.form-actions{gap:9px}.primary{background:var(--green);border-radius:8px;padding:13px 19px}.primary:hover{background:#20382e}.surprise-button{color:var(--green)!important;border-color:var(--green)!important}.reset-action{border-radius:8px!important}
.examples{margin:14px 0 50px}.chip{border-radius:999px;background:transparent;border-color:#cbc7bc;color:var(--muted)}

/* Clear chapter rhythm */
.product-strip{margin:0 auto 56px;max-width:920px;gap:12px}.product-strip article{border-radius:10px;border-color:var(--line);box-shadow:none}
.journey-explorer,.nearby-explorer,.destination-explorer,.editorial-library,.birthday-finder,.companion-hub,.community-section,.section-band,.subscribe-section{margin:0 0 64px!important;border-radius:14px!important;box-shadow:none!important}
.journey-explorer,.nearby-explorer,.destination-explorer,.editorial-library,.companion-hub,.community-section{background:transparent!important;border:0!important;padding:0!important}
.journey-explorer:before,.nearby-explorer:before,.destination-explorer:before,.editorial-library:before,.community-section:before,.subscribe-section:before{content:"";display:block;border-top:1px solid var(--line);margin:0 0 38px}
.journey-head,.nearby-head,.explorer-head,.editorial-head,.community-head{align-items:start}.journey-head h2,.nearby-head h2,.editorial-head h2,.community-head h2,.section-band h2{font-size:clamp(1.9rem,4vw,2.6rem)!important;font-weight:500!important;color:var(--ink)}
.journey-head p,.nearby-head p,.editorial-head p,.community-head p,.companion-hub>p{font-size:.85rem;max-width:620px}
.style-pick,.country-pick,.type-nav-pill{background:transparent!important;border:1px solid #c9c5ba!important;color:var(--muted)!important}.style-pick.active,.country-pick.active{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}
.style-card,.nearby-card,.destination-card,.editorial-route,.difference-card,.source-card,.stay-card,.calendar-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important}
.style-card button,.nearby-card button,.nearby-button,.editorial-route a,.destination-card a,.seo-trip-link{background:var(--green)!important;border-radius:7px!important}
.birthday-finder{background:var(--green)!important;padding:30px!important}.birthday-card{border-radius:10px}.birthday-controls button{background:#d6a45e;color:#2a2115}.nearby-button{background:var(--green)!important}
.country-rail{background:transparent}.learning-pill,.route-count,.priority,.stay-type{background:var(--green2)!important;color:var(--green)!important}
.learning-note,.planner-note{background:#eeeae1!important;border-color:#d8d2c4!important;color:#4f4b44!important}

/* Result remains the main product */
#app{max-width:920px;margin:auto}.panel,.plan{border-radius:12px;border-color:var(--line);box-shadow:none}.plan.best{border-color:var(--green)}.best .select,.tab.active{background:var(--green)}
#briefing{padding:24px}.tabs{border-radius:9px;border-color:var(--line);background:rgba(255,255,255,.96)}.trip-section{border-color:var(--line)}
.result-share .share-mail,.action:not(.wa){background:var(--green);color:#fff}.result-share .share-word{background:#f5e8d2;color:#855317}.result-share .share-reset,.result-share .share-group{border-radius:8px}
.timeline{border-color:#b9c7bf}.day:before{background:var(--orange);border-color:#fff;box-shadow:0 0 0 1px var(--orange)}.stop{background:#f8f6f1;border-radius:8px}

/* Network, contribution and subscription */
.signature-card{border-radius:12px}.companion-grid{grid-template-columns:repeat(3,1fr)}.companion-card{border-radius:10px;background:#fff!important;border-color:var(--line)}
.community-cta,.traveller-submit-banner{border-radius:10px;background:#eeeae1;border-color:var(--line)}
.subscribe-section{background:#2c4a3d!important;color:#fff!important;padding:38px!important}.subscribe-section:before{display:none}.subscribe-section p{color:rgba(255,255,255,.72)!important}.subscribe-section input{border-radius:7px!important}.subscribe-section button{background:#bf7828!important;border-radius:7px!important}
.site-footer{background:#2c4a3d;border-radius:12px}

@media(max-width:850px){
  .wrap{width:min(100% - 22px,1040px)}.nav{margin-inline:calc(50% - 50vw);padding-inline:14px}.brand-logo{width:34px;height:34px}.brand-word small{display:none}
  .hero{padding:40px 12px 28px}.hero h1{font-size:2.65rem}.hero p{font-size:.92rem}.ask{padding:20px 16px;border-radius:12px}
  .profile-picker,.quick-preferences{grid-template-columns:1fr 1fr}.profile-picker>div:nth-child(2){grid-column:1/-1}.quick-preferences>.access-toggle{grid-column:1/-1}
  .mobile-task-menu{top:64px;border-radius:10px;box-shadow:0 5px 18px rgba(26,25,23,.1)}
  .product-strip{grid-template-columns:1fr 1fr;margin-bottom:48px}.journey-explorer,.nearby-explorer,.destination-explorer,.editorial-library,.birthday-finder,.companion-hub,.community-section,.section-band,.subscribe-section{margin-bottom:48px!important}
  .style-destinations,.nearby-results,.editorial-rail,.birthday-results{grid-auto-columns:88%}.companion-grid{grid-template-columns:1fr}
  .subscribe-section{padding:28px 20px!important}.result-share{top:62px}.form-actions{align-items:stretch}.form-actions .reset-action{order:3;background:transparent}.form-actions .primary{order:1}.form-actions .surprise-button{order:2}
}
@media(max-width:520px){.profile-picker,.quick-preferences{grid-template-columns:1fr}.profile-picker>div:nth-child(2),.quick-preferences>.access-toggle{grid-column:auto}.product-strip{grid-template-columns:1fr}.hero h1{font-size:2.35rem}}