/* Extensions to the approved travel landing; its light palette is unchanged. */
:root[data-theme]:has(.travel-landing) {
  --ld-bg:var(--paper);--ld-text:var(--ink);--ld-muted:var(--muted);--ld-muted-2:var(--muted);
  --ld-glass:var(--paper);--ld-surface:var(--white);--ld-border:var(--line);--ld-accent:#325e49;--ld-accent-hover:#274b3a;
}
body:has(.travel-landing){background:var(--paper);color:var(--ink);font-family:Onest,Inter,Arial,sans-serif}
.travel-landing .header{height:auto;min-height:88px;flex-wrap:nowrap;gap:16px 24px;padding-block:16px}
.travel-landing .header nav{gap:18px}
.travel-landing .header-blog{display:flex;align-items:center;min-height:44px;flex-shrink:0;font-size:.875rem;font-weight:500}
.travel-landing .header .preferences{margin-left:auto}
.travel-landing :is(.hero-copy,.scene-copy,.debt-copy,.stats-copy,.assistant>div){min-width:0}
.travel-landing :is(h1,h2,h3,p,button,summary){overflow-wrap:anywhere}
.travel-landing .hero h1 em{white-space:normal}
.travel-landing .tabs{flex-wrap:wrap;gap:8px 22px}
.travel-landing .inline-options{flex-wrap:wrap}
.travel-landing .screen-caption{flex-wrap:wrap}
.travel-landing .floating-actions .button{white-space:normal}
.travel-landing .footer>div{flex-wrap:wrap}
.travel-landing .actions{flex-wrap:wrap}
html:not([lang="ru"]) .travel-landing .hero h1{font-size:clamp(2.7rem,5.2vw,4.7rem)}
@media(max-width:1100px){.travel-landing .header nav{display:none}}
/* The persistent action belongs only to the mobile layout. */
@media(min-width:761px){.travel-landing .floating-actions{display:none}}
@media(max-width:760px){
 .travel-landing .section-actions{display:none}
 .travel-landing .footer{padding-bottom:max(120px,calc(var(--mobile-cta-height,72px) + 32px + env(safe-area-inset-bottom,0px)))}
 .travel-landing .header{gap:8px;min-height:72px;padding-block:12px}
 .travel-landing .header .header-link{display:none}
 .travel-landing .header .preferences{flex-shrink:0;justify-content:flex-end}
 .travel-landing .hero h1{overflow-wrap:anywhere}
 .travel-landing .theme-switch{display:flex;flex-wrap:wrap}
 .travel-landing .theme-switch button{white-space:normal}
 .travel-landing .tabs{gap:4px 12px}
 .travel-landing .tabs button{flex:1;min-width:0}
}
@media(max-width:370px){
 .travel-landing .header .brand{font-size:1.125rem}
 .travel-landing .header .brand img{width:28px;height:28px;margin-right:4px}
}
:root[data-theme="dark"]:has(.travel-landing){
 color-scheme:dark;
 --paper:#18271f;--ink:#eeeede;--green:#a7c8a4;--muted:#b6c2b1;
 --line:#415347;--tint:#293c2f;--white:#22372a;--rust:#e1a271;
 --ld-accent:#416e50;--ld-accent-hover:#507f60;
}
[data-theme="dark"] .travel-landing .primary{background:#aacba3;color:#18271f}
[data-theme="dark"] .travel-landing .button:hover{background:#c5ddb8;color:#18271f}
[data-theme="dark"] .travel-landing .hero-art:before{background:#304532}
[data-theme="dark"] .travel-landing :is(.hero-phone,.scene-image,.debt-screen){background:#22372a;border-color:var(--line);box-shadow:none}
[data-theme="dark"] .travel-landing :is(.occasions,.debt-image,.conversation){background:#24382b;border-color:var(--line)}
[data-theme="dark"] .travel-landing :is(.step-number,.currency-note>span){background:#304532;border-color:var(--line)}
[data-theme="dark"] .travel-landing :is(.settle-icon,.stats-image img){border-color:var(--line);box-shadow:none}
[data-theme="dark"] .travel-landing .start{background:#294633;color:#eeeede}
[data-theme="dark"] .travel-landing .start h2{color:#eeeede}
[data-theme="dark"] .travel-landing .theme-switch button[aria-pressed="true"]{background:#aacba3;color:#18271f}
[data-theme="dark"] .travel-landing .from-user{background:#36573e;color:#eeeede}
[data-theme="dark"] .travel-landing .from-assistant{background:#1a2d21}

body:has(.travel-landing) .cookie .actions{margin-top:0}
body:has(.travel-landing) .cookie a{color:var(--ink);text-decoration:underline}

/* Palette changes animate without moving content or fading the text out. */
@media(prefers-reduced-motion:no-preference){
 html:has(.preferences[data-ready="true"]),
 html:has(.preferences[data-ready="true"]) body,
 .travel-landing:has(.preferences[data-ready="true"]) :is(header,nav,a,p,h1,h2,h3,em,span,strong,figcaption,.hero-phone,.occasions,.scene-image,.debt-image,.debt-screen,.conversation,.message,.start,.floating-actions,.language-menu,footer),
 .travel-landing:has(.preferences[data-ready="true"]) .hero-art:before,
 body:has(.preferences[data-ready="true"]) .cookie{
  transition-property:background-color,color,border-color;
  transition-duration:280ms;
  transition-timing-function:ease;
 }
}