/* Reference study, not a reference template.
 * Keep all existing DOM, geometry, grids, type sizes and section order.
 * Only material, text colour and existing interaction finishes change here.
 */
body.refined-page.quiet-luxury {
  --jade-cream:#f9f6ee; --jade-paper:#fffdf8; --jade-ink:#211f1a;
  --jade-muted:#574f44; --jade-red:#c8402f; --jade-red-dark:#a83225;
  --jade-gold:#b8902f; --jade-line:#211f1a20;
  --jade-ease:cubic-bezier(.22,.61,.36,1);
  --ja-paper:var(--jade-cream); --ja-ink:var(--jade-ink); --ja-muted:var(--jade-muted);
  --ja-rose:var(--jade-red); --ja-blush:#f4e8dc; --ja-rule:var(--jade-line);
  --qh-paper:var(--jade-cream); --qh-ink:var(--jade-ink); --qh-muted:var(--jade-muted);
  --qh-rule:var(--jade-line); --qh-sand:var(--jade-gold);
  --paper:var(--jade-cream); --card:var(--jade-paper); --ink:var(--jade-ink);
  --muted:var(--jade-muted); --line:var(--jade-line); --red:var(--jade-red);
  --brick:var(--jade-red); --brick-d:var(--jade-red-dark); --gold:var(--jade-gold);
  --color-paper:var(--jade-cream); --color-paper-light:var(--jade-paper);
  --color-ink:var(--jade-ink); --color-text-primary:var(--jade-ink);
  --color-text-secondary:var(--jade-muted); --color-border-subtle:var(--jade-line);
  --color-bg-primary:var(--jade-cream); --color-bg-elevated:var(--jade-paper);
  --color-jade:#2f8064; --color-cinnabar:var(--jade-red); --color-metal:var(--jade-gold);
  --poetic-ink:var(--jade-ink); --poetic-muted:var(--jade-muted);
  --poetic-rose:var(--jade-red); --poetic-line:var(--jade-line); --poetic-glass:var(--jade-paper);
  --type-forest:var(--jade-ink); --type-muted:var(--jade-muted); --type-brass:var(--jade-gold);
  background-color:var(--jade-cream); color:var(--jade-ink);
  scrollbar-color:#b8b0a1 var(--jade-cream);
}

/* Preserve the existing Fraunces / Noto Serif SC display and Figtree UI.
 * Solid ink replaces the older animated metallic text treatment. */
body.refined-page.quiet-luxury :is(.qh-intro h2,.qh-section-head h2,.qh-feature-copy h2,
 .qh-closing h2,.field-guide h2,.season-heading h2,.wish-heading h2,
 .atlas-destination-heading h2,.atlas-wayfinding-v2 h2,.atlas-inspiration-title h2,
 .craft-barrel-heading h2,.atlas-essentials-copy h2,.atlas-footer-statement h2,
 .decision-section h2,.search-band h2,.tools-section h2,.trust-section h2,
 .stage-hero h1,.article-header h1,.tool-header h1,.journal-hero h1,
 .chapter-heading h2,.credits-main h1,.atlas-map-intro h1,.hd h1,.th h1,.ph h1,.hero h1) {
  color:var(--jade-ink); background-image:none!important;
  -webkit-text-fill-color:currentColor!important; animation:none!important;
  filter:none; text-shadow:none;
}
body.refined-page.quiet-luxury :is(.qh-hero-copy h1,.voyage-copy h1,
 .essentials-orientation-heading h2,.journal-closing h2,.editorial-transformation h2,
 .wonder-copy h1,.city-hero h1) {
  color:#fffdf8!important; background-image:none!important;
  -webkit-text-fill-color:currentColor!important; animation:none!important;
  filter:none; text-shadow:0 2px 12px #0002;
}
body.refined-page.quiet-luxury.quiet-home .qh-hero h1 em {color:#fffdf8}
body.refined-page.quiet-luxury :is(.qh-eyebrow,.editorial-kicker,.atlas-section-index) {color:var(--jade-muted)}
body.refined-page.quiet-luxury .qh-hero-copy .qh-eyebrow {color:#fff4d8}
body.refined-page.quiet-luxury :is(.qh-place-title h3,.qh-essential h3,.guide-card h3,.tool-card strong) {color:var(--jade-ink)}

/* Paper navigation stays distinct from the original photo-overlay header. */
body.refined-page.quiet-luxury :is(.site-header,.journal-header,.atlas-map-header,nav.nav#ctcnav,nav.nav#nav,#nav.atlas-navigation) {
  background:var(--jade-cream)!important; color:var(--jade-ink)!important;
  border-color:var(--jade-line)!important;
}
body.refined-page.quiet-luxury :is(.site-header,.journal-header,.atlas-map-header,nav.nav#ctcnav,nav.nav#nav,#nav.atlas-navigation)
 :is(a,b,.locale-toggle,.locale-toggle span,.tp-launch) {color:var(--jade-ink)!important}
body.refined-page.quiet-luxury nav.nav:is(#ctcnav,#nav) :is(.locale-toggle,.tp-launch) {
  background-color:transparent!important; border-color:var(--jade-line)!important;
}
body.refined-page.quiet-luxury :is(.qh-desktop-nav a,.site-header nav a,.journal-header nav a,.atlas-map-header nav a,.nav-links a):hover {
  color:var(--jade-red)!important;
}
body.refined-page.quiet-luxury :is(a,button,input,select,textarea,summary):focus-visible {
  outline-color:#2f7da6;
}
body.refined-page.quiet-luxury ::selection {background:#f2d3c9;color:var(--jade-ink)}

/* Existing controls and cards retain their shape and exact layout. */
body.refined-page.quiet-luxury :is(.button,.action-button,.primary-button,.qh-button,.jade-guide-button,.tj-bottom>button) {
  background-color:var(--jade-red); border-color:var(--jade-red); color:#fffdf8;
  transition-timing-function:var(--jade-ease);
}
body.refined-page.quiet-luxury :is(.button,.action-button,.primary-button,.qh-button,.jade-guide-button):hover {
  background-color:var(--jade-red-dark); border-color:var(--jade-red-dark);
  box-shadow:0 8px 22px #c8402f20;
}
body.refined-page.quiet-luxury :is(.button.outline,.button.secondary,.qh-button-outline,.jade-guide-button.outline) {
  background-color:transparent; color:var(--jade-red); border-color:#c8402f55;
}
body.refined-page.quiet-luxury :is(.panel,.guide-card,.tool-card,.tool-panel,.locale-menu,.tp-dialog,.tj-dialog,.season-modal) {
  background-color:var(--jade-paper)!important; color:var(--jade-ink); border-color:var(--jade-line)!important;
}
body.refined-page.quiet-luxury.original-explore-page :is(.card,.spot,.food,.stay,.tipcard,.summary-card,.season,.day,.routeCard,.tab-panel) {
  background-color:var(--jade-paper)!important; border-color:var(--jade-line)!important;
}
body.refined-page.quiet-luxury :is(.cal-day[aria-pressed=true],.season-months button[aria-pressed=true],
 .journey-tabs button[aria-selected=true],.wish-moods button[aria-pressed=true],.tab.on,.fbtn.on) {
  background-color:#f6e7e2; color:var(--jade-red); border-color:#c8402f55;
}
body.refined-page.quiet-luxury .qh-save {background-color:#fffdf8ed;color:var(--jade-ink)}
body.refined-page.quiet-luxury .qh-save[aria-pressed=true] {background-color:var(--jade-red);color:#fffdf8}
body.refined-page.quiet-luxury .cal-day[aria-pressed=true] {background-color:#f6e7e2!important;color:var(--jade-red)!important}
body.refined-page.quiet-luxury.quiet-home .qh-place-photo img {filter:saturate(1);transition-timing-function:var(--jade-ease)}
body.refined-page.quiet-luxury.quiet-home .qh-place-photo:hover img {transform:scale(1.025)}
body.refined-page.quiet-luxury :is(.qh-footer,.journal-footer) {background-color:#f1ece1!important}

/* Keep the geographic atlas and its original two-column city preview. */
body.refined-page.quiet-luxury :is(.travel-atlas-v2,.rail-planner-v2) {
  --map-ink:var(--jade-ink); --map-muted:var(--jade-muted); --map-red:var(--jade-red);
  --map-line:var(--jade-line); --map-paper:var(--jade-cream);
}
body.refined-page.quiet-luxury [data-travel-atlas] {
  --atlas-paper:var(--jade-cream); --atlas-ink:var(--jade-ink); --atlas-red:var(--jade-red);
  --atlas-gold:var(--jade-gold); color:var(--jade-ink); background-color:var(--jade-cream);
}
body.refined-page.quiet-luxury :is(.atlas-v2-bar,.atlas-v2-toolbar,.atlas-v2-preview,.atlas-v2-place-body,.atlas-v2-index) {
  background-color:var(--jade-cream); color:var(--jade-ink); border-color:var(--jade-line);
}
body.refined-page.quiet-luxury :is(.atlas-v2-search,.atlas-v2-filter select,.atlas-v2-province-control select,.geo-controls) {
  background-color:var(--jade-paper); color:var(--jade-ink); border-color:var(--jade-line);
}
body.refined-page.quiet-luxury .geographic-map {background-color:#eee9dc!important}
body.refined-page.quiet-luxury .geo-pin-label {color:var(--jade-muted);text-shadow:0 1px 2px #fffdf8}
body.refined-page.quiet-luxury .geo-pin-dot {background-color:#2f8064}
body.refined-page.quiet-luxury .geo-city-marker.is-selected .geo-pin-dot {background-color:var(--jade-red);box-shadow:0 0 0 1px #c8402f,0 0 12px #c8402f30}
body.refined-page.quiet-luxury .geo-city-marker.is-selected .geo-pin-label {color:var(--jade-red)}
body.refined-page.quiet-luxury .atlas-preview-tabs [aria-selected=true] {color:var(--jade-red);border-color:var(--jade-red)}
body.refined-page.quiet-luxury :is(.atlas-preview-summary,.atlas-preview-item p,.atlas-map-intro p) {color:var(--jade-muted)}
body.refined-page.quiet-luxury [data-travel-atlas] .atlas-v2-place-actions>[data-atlas-preview-link] {
  background-color:var(--jade-red)!important; border-color:var(--jade-red)!important; color:#fffdf8!important;
}
body.refined-page.quiet-luxury [data-travel-atlas] .atlas-v2-place-actions>[data-atlas-preview-link]:hover {background-color:var(--jade-red-dark)!important}

/* Keep the user's full-photo guide, chapter navigation and practical sections. */
body.refined-page.quiet-luxury .jade-city-guide {
  --guide-paper:var(--jade-cream); --guide-ink:var(--jade-ink); --guide-muted:var(--jade-muted);
  --guide-red:var(--jade-red); --guide-gold:var(--jade-gold);
}
body.refined-page.quiet-luxury.city-photo-page .jade-guide-hero :is(h1,.kicker) {color:#fffdf8!important}
body.refined-page.quiet-luxury.city-photo-page .city-photo-hero h1 {color:#fffdf8!important}
body.refined-page.quiet-luxury .jade-city-guide .jade-guide-sight .jade-guide-button,
body.refined-page.quiet-luxury .jade-city-guide .jade-guide-sight .jade-guide-button:hover {
  background-color:transparent; color:var(--jade-red); box-shadow:none;
}
body.refined-page.quiet-luxury .jade-guide-chapters {background-color:#f9f6eef2;border-color:var(--jade-line)}
body.refined-page.quiet-luxury .jade-guide-facts {background-color:var(--jade-paper);border-color:var(--jade-line)}
body.refined-page.quiet-luxury :is(.jade-guide-route,.jade-guide-note-grid article,.jade-guide-seasons article) {background-color:var(--jade-paper);border-color:var(--jade-line)}
body.refined-page.quiet-luxury .jade-guide-seasons article.recommended {border-color:var(--jade-red)}
body.refined-page.quiet-luxury .jade-city-guide .jade-guide-planning .jade-guide-button.outline {color:#fffdf8;border-color:#fffdf880}

@media(prefers-reduced-motion:reduce) {
  body.refined-page.quiet-luxury .qh-place-photo:hover img {transform:none}
  body.refined-page.quiet-luxury :is(.qh-button,.qh-place-photo img,.jade-guide-button,.atlas-preview-tabs button) {transition:none!important}
}
