/* Roamendi navigation, compact screens and the English travel directory. */
html{scroll-padding-top:150px}
.skip-link{position:fixed;left:16px;top:-80px;z-index:2000;padding:12px 18px;background:var(--paper);color:var(--ink);border:2px solid var(--green);border-radius:8px}
.skip-link:focus{top:12px}
.topbar .brand{letter-spacing:-1px;white-space:nowrap;font-size:27px}
.header-actions{gap:12px}
.language-switch{display:flex;gap:2px;flex:none;border:1px solid var(--line);border-radius:10px;padding:2px;white-space:nowrap}
.language-switch a{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:6px;font-size:12px;letter-spacing:0;font-weight:750;border-radius:7px}
.language-switch a[aria-current=page]{background:var(--soft);color:var(--green)}
.header-saved{display:flex;gap:6px;align-items:center;min-height:44px;padding:8px;background:transparent;white-space:nowrap}
.main-nav button{display:flex;gap:13px;align-items:center;text-align:left;padding:14px 15px;border-radius:10px;background:transparent;color:var(--muted);font-weight:600}
.main-nav button:hover{background:var(--soft)}
.journey-dock>button{display:flex;align-items:center;gap:14px;min-height:84px;padding:18px 22px;text-align:left;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px}
.journey-dock>button>span:nth-child(2){display:grid;gap:5px}
.journey-dock>button>span:nth-child(2)>small{color:var(--muted)}
.journey-dock>button>.icon:last-child{margin-left:auto}
.journey-dock>button strong{font-size:17px}
.place-location-note{background:var(--soft);color:var(--ink)}
main,.place-detail>div,.nearby-workspace>*{min-width:0}
.place-photo-credit{overflow-wrap:anywhere}
.mobile-nav button{background:transparent;color:inherit}
.english-page{letter-spacing:0}
.english-header{max-width:1440px;margin:auto;padding:18px 32px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}
.english-header .brand{font-size:29px;letter-spacing:-1px}
.english-header>nav{display:flex;gap:22px;font-size:15px}
.english-header>nav a{padding-block:12px}
.english-header-actions{display:flex;align-items:center;gap:16px;margin-left:auto}
.english-page #main{max-width:1280px;width:100%;margin:0 auto;padding:40px 32px 64px}
.english-intro{padding:28px 0 52px;max-width:780px}
.english-intro h1{font-size:clamp(36px,5vw,65px);letter-spacing:-.04em;line-height:1.08;margin:18px 0 22px}
.english-intro p{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px;margin-bottom:24px}
.english-featured{margin-bottom:66px}
.english-page h2{font-size:28px;letter-spacing:-.025em;margin:0 0 24px}
.english-page .place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.english-place{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.english-place .place-photo-link{display:block;aspect-ratio:1.6;overflow:hidden}
.english-place img{height:100%;width:100%;object-fit:cover}
.english-place .place-card-copy{padding:20px;flex:1}
.english-place .place-card-copy>span{font-size:12px;color:var(--muted)}
.english-place h3{font-size:21px;margin:10px 0;line-height:1.3}
.english-place p{font-size:14px;line-height:1.65;color:var(--muted)}
.english-place .place-photo-credit{padding:12px 20px;border-top:1px solid var(--line);font-size:12px;line-height:1.6}
.english-place .place-photo-credit a{text-decoration:underline;text-underline-offset:2px}
.english-card-actions{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;font-weight:700;color:var(--green);margin-top:16px}
.english-card-actions a{padding-block:8px}
.english-place details{font-size:12px;line-height:1.65;margin-top:8px}
.english-search{display:grid;grid-template-columns:minmax(160px,1fr) minmax(240px,2fr) auto;align-items:end;gap:14px;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:14px}
.english-search label{display:grid;gap:9px;font-size:14px;font-weight:650;min-width:0}
.english-search select,.english-search input{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--line);background:var(--bg);border-radius:8px;font-size:16px;color:var(--ink)}
.english-search button{min-height:48px}
.english-language-note{font-size:14px;line-height:1.6;color:var(--muted);margin:14px 0 22px}
.english-result-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0;font-size:14px}
.english-result-meta a{text-decoration:underline}
.english-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:30px}
.english-planning{margin-top:70px;padding-top:36px;border-top:1px solid var(--line)}
.english-planning>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.english-planning h3{font-size:18px;margin:0 0 12px}
.english-planning p{font-size:15px;line-height:1.75;color:var(--muted)}
.english-footer{max-width:1216px;margin:0 auto 40px;padding:24px 0;border-top:1px solid var(--line)}
.english-footer nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:13px}
.english-footer p{max-width:780px;font-size:14px;line-height:1.7;color:var(--muted)}
@media(max-width:1100px){.topbar{gap:16px;padding-inline:20px}.header-actions{gap:8px}.header-saved span{display:none}.topbar .brand{font-size:25px}.header-search{min-width:0;flex:1;width:auto}.english-header{gap:20px}.english-header>nav{gap:14px}.english-header-actions{gap:10px}}
@media(max-width:760px){
 html{scroll-padding-top:132px}
 .topbar{height:68px;padding:0 12px;display:grid;grid-template-columns:minmax(0,1fr) 44px auto;gap:6px}
 .topbar .brand{font-size:clamp(19px,5.5vw,24px);min-width:0;letter-spacing:-.8px;gap:0}
 .topbar .brand-mark{display:none}
 .header-actions{gap:6px;margin:0}.header-actions .header-saved{display:none}
 .header-actions .theme-switch{padding:0;gap:0;border:0;background:transparent}
 .header-actions .theme-switch button{min-width:40px;min-height:44px;padding:10px}
 .header-actions .theme-switch button[aria-pressed=true]{display:none}
 .header-actions .theme-switch button span{display:none}
 .language-switch{padding:0;gap:0}.language-switch a{min-width:38px;min-height:44px;font-size:12px}
 .header-search{position:static;margin:0;width:44px;height:44px;min-height:44px;padding:0;justify-content:center;flex:none;border:0}
 .mobile-search-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent}
 .header-search .desktop-search-icon,.header-search input,.header-search kbd{display:none}
 .header-search.search-expanded,.header-search:focus-within{position:absolute;left:12px;right:12px;top:8px;width:auto;height:52px;padding:0 8px;border:1px solid var(--line);background:var(--paper);z-index:35}
 .header-search.search-expanded input,.header-search:focus-within input{display:block;font-size:16px;min-height:44px;min-width:0}
 .top-categories{top:68px;display:flex;gap:4px;padding:6px 8px;overflow-x:auto;scrollbar-width:none}
 .top-categories .category-tab{flex:1 0 auto;justify-content:center;min-height:44px;padding:8px;font-size:13px;gap:5px;white-space:nowrap}
 .top-categories .category-tab>.icon{width:18px;height:18px}
 body:not(.english-page) main{padding-bottom:calc(98px + env(safe-area-inset-bottom))}
 .mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;min-height:64px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--paper);border-color:var(--line);z-index:50}
 .mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;min-width:0;font-size:12px;color:var(--muted);border-radius:8px}
 .mobile-nav .active{background:var(--soft);color:var(--green)}
 .journey-dock>button{min-height:72px;padding:14px;gap:10px}
 .nearby-controls input,.nearby-controls select,.trip-stop-fields input,.trip-stop-memo-label input{font-size:16px}
 .english-header{padding:14px 16px;gap:12px;flex-wrap:wrap}.english-header .brand{font-size:25px}
 .english-header>nav{order:3;width:100%;justify-content:flex-start;border-top:1px solid var(--line);padding-top:4px;font-size:14px}
 .english-header-actions{gap:8px}.english-header-actions .theme-switch button[aria-pressed=true]{display:none}
 .english-header-actions .theme-switch button{min-height:44px;padding:8px;font-size:12px}
 .english-page #main{padding:26px 16px 40px}.english-intro{padding:12px 0 34px}.english-intro p{font-size:17px}
 .english-page .place-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.english-featured{margin-bottom:42px}
 .english-search{grid-template-columns:1fr;padding:16px}.english-planning>div{grid-template-columns:1fr;gap:14px}
 .english-footer{margin:0 16px 28px}.english-pagination{gap:12px}
}
@media(max-width:480px){.english-page .place-grid{grid-template-columns:1fr}.top-categories .category-tab>.icon{display:none}.place-actions{flex-wrap:wrap}.place-actions .btn{min-height:44px;white-space:normal;text-align:center}.travel-browser-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(max-width:760px){
 .header-actions .theme-switch button{display:none}
 html[data-theme=light] .header-actions .theme-switch [data-theme-choice=dark],html[data-theme=dark] .header-actions .theme-switch [data-theme-choice=light]{display:flex}
 .header-search:focus-within:not(.search-expanded){position:static;inset:auto;width:44px;height:44px;min-height:44px;padding:0;border:0;box-shadow:none;background:var(--bg)}
 .header-search:focus-within:not(.search-expanded) input{display:none}
 dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
 .place-card h3,.destination-guide h1{overflow-wrap:anywhere}
}