/* 20i. Visual refinement only: existing content, routes and brand identities remain. */
#bo-home-footer .bh-phone{--vp-ink:#20372a;--vp-soft:#e8edda;--vp-cool:#e7eef0;--vp-warm:#f6e9d5;--vp-nav:#24392e;--vp-selected:#eef1dc;--vp-surface:#fffdf7;--vp-line:#d8dfcf}
#gg10 .gi-phone{--vp-ink:#263d34;--vp-soft:#e9efe5;--vp-cool:#eaf0f3;--vp-warm:#f5ecdf;--vp-nav:#283b34;--vp-selected:#f3f5ed;--vp-surface:#fff;--vp-line:#dce3d9}

/* A distinct navigation surface, with the same labels and touch targets. */
#bo-home-footer .bh-phone .bh-bottom,#gg10 .gi-phone .gi-nav{width:calc(100% - 24px);bottom:max(10px,env(safe-area-inset-bottom,0px));padding:5px 6px;gap:4px;border:0;border-radius:18px;background:var(--vp-nav);box-shadow:0 6px 22px #14251c26}
#bo-home-footer .bh-phone .bh-bottom{max-width:576px}
#gg10 .gi-phone .gi-nav{max-width:406px}
#bo-home-footer .bh-phone .bh-bottom button,#gg10 .gi-phone .gi-nav button{min-height:48px;border-radius:13px;color:#e7ede7;gap:3px;font-size:11px;line-height:1.45;padding:5px 2px;justify-content:center;background:transparent}
#bo-home-footer .bh-phone .bh-bottom button[aria-current=page],#gg10 .gi-phone .gi-nav button[aria-current=page]{background:var(--vp-selected);color:var(--vp-ink);font-weight:700}
#bo-home-footer .bh-phone .bh-bottom button:focus-visible,#gg10 .gi-phone .gi-nav button:focus-visible{outline:2px solid #d7e3ad;outline-offset:-2px}
#bo-home-footer .bh-phone.bh-large .bh-bottom button,#gg10 .gi-phone.gi-large .gi-nav button{font-size:12px}

/* Keep the brand mark clear; give language and size controls a deliberate surface. */
#bo-home-footer .bh-phone .bh-tools,#gg10 .gi-phone .gi-tools{gap:4px}
#bo-home-footer .bh-phone .bh-tools button,#gg10 .gi-phone .gi-tools button{background:var(--vp-soft);border-radius:12px;min-height:44px;padding-inline:7px;color:var(--vp-ink)}
#gg10 .gi-phone .gf-search{border-radius:12px;background:#eef1eb;margin-bottom:12px}
#gg10 .gi-phone .gf-view{border-radius:16px}

/* Existing route links become compact, colored invitations. */
#gg10 .gi-phone .gp-trip-entry{background:var(--vp-cool);border:0;border-radius:12px;padding:12px 14px;margin:12px 0 18px;min-height:64px}
#gg10 .gi-phone .gp-trip-entry small{color:#52615c}
#gg10 .gi-phone .ed-discover-tools{gap:10px;margin:16px 0 20px}
#gg10 .gi-phone .ed-discover-tools>button{padding:12px 10px;gap:7px;min-height:70px;border:0;border-radius:12px;background:var(--vp-soft)}
#gg10 .gi-phone .ed-discover-tools>button:nth-child(2){background:var(--vp-cool)}
#gg10 .gi-phone .ed-discover-tools small{color:#52615c}
#bo-home-footer .bh-phone .ed-directory{gap:9px;margin:16px 0 22px}
#bo-home-footer .bh-phone .ed-directory>button{padding:12px 10px;border:0;border-radius:12px;background:var(--vp-soft);min-height:48px;line-height:1.4}
#bo-home-footer .bh-phone .ed-directory>button:nth-child(2){background:var(--vp-warm)}
#bo-home-footer .bh-phone .ed-directory>button:nth-child(3){background:var(--vp-cool)}
#bo-home-footer .bh-phone .ed-directory>button:nth-child(4){background:#eee6da}

/* Calendar details stay intact, but have a clear visual group and quieter date block. */
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) button.va-row{background:var(--vp-soft);border:0;border-radius:12px;padding:12px;gap:10px;margin:8px 0}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) button.va-row:nth-of-type(2n){background:var(--vp-warm)}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .va-date{background:var(--vp-surface);padding:8px 3px;border-radius:9px}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .va-copy{gap:4px}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .va-copy strong{font-size:15px;line-height:1.4}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .va-copy small{font-size:12px;line-height:1.5}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .va-status{padding:2px 0;background:transparent;color:#34563e}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .va-status.va-upcoming{color:#35516a}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) :is(.va-status.va-closed,.va-status.va-uncertain,.va-status.va-required){color:#744612}
:is(#bo-home-footer .bh-phone.bh-large,#gg10 .gi-phone.gi-large) .va-copy strong{font-size:18px}
:is(#bo-home-footer .bh-phone.bh-large,#gg10 .gi-phone.gi-large) .va-copy small{font-size:14px}

/* Editorial image rails: keep the original 3.5-note widths and full artwork. */
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ga-poster-card{border-radius:14px;overflow:hidden;background:var(--vp-surface);box-shadow:none}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ga-poster-card>.ga-poster-img{border-radius:14px 14px 0 0}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ga-poster-card>span{padding:11px 12px;background:var(--vp-soft)}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ga-poster-card:nth-child(2)>span{background:var(--vp-warm)}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ga-poster-card:nth-child(3)>span{background:var(--vp-cool)}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ga-poster-card strong{font-size:14px;line-height:1.4}
:is(#bo-home-footer .bh-phone.bh-large,#gg10 .gi-phone.gi-large) .ga-poster-card strong{font-size:17px}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ga-art-note{margin-top:8px}
#bo-home-footer .bh-phone .he-shortcut-icon{border-radius:12px}
#bo-home-footer .bh-phone .il-shortcuts .he-shortcut:nth-child(4) .he-shortcut-icon{background:#e0e9eb}
#bo-home-footer .bh-phone .il-shortcuts .he-shortcut:nth-child(5) .he-shortcut-icon{background:#ece3d4}

/* Reading uses type and a small disclosure surface, rather than a card around every paragraph. */
#gg10 .gi-phone .gi-main:has(>.ls-story)>h1,#bo-home-footer .bh-phone .bh-detail:has(>.ls-story)>h1{font-size:1.65em;line-height:1.32;letter-spacing:-.025em;font-weight:650;max-width:24em;text-wrap:balance}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ls-quick{border:0;border-radius:12px;padding-inline:13px;background:var(--vp-soft);margin:16px 0 21px}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ls-quick>summary{min-height:48px;padding-block:11px}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ls-quick .ls-visit{padding-top:4px}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ls-story p{line-height:1.85}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ls-figure img{border-radius:12px}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ls-figure figcaption{font-size:.8em;line-height:1.65}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ls-story h2{font-size:1.18em;line-height:1.45;letter-spacing:-.015em}

/* Shared feedback without decorative entrance animation. */
@media(hover:hover){
 :is(#bo-home-footer .bh-phone,#gg10 .gi-phone) :is(.gp-trip-entry,.ed-discover-tools>button,.ed-directory>button,.va-row,.ga-poster-card):hover{filter:brightness(.97)}
 #bo-home-footer .bh-phone .bh-bottom button:not([aria-current=page]):hover,#gg10 .gi-phone .gi-nav button:not([aria-current=page]):hover{background:#3c5044}
}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) :is(.gp-trip-entry,.ed-discover-tools>button,.ed-directory>button,.va-row,.ga-poster-card):active{opacity:.78}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) :is(.gp-trip-entry,.ed-discover-tools>button,.ed-directory>button,.va-row,.ga-poster-card):focus-visible{outline:2px solid var(--vp-ink);outline-offset:-3px}
@media(prefers-reduced-motion:no-preference){
 #bo-home-footer .bh-phone .bh-bottom button,#gg10 .gi-phone .gi-nav button{transition:background-color .14s ease-out,color .14s ease-out}
}

/* English Discover must remain one readable label on a five-item 320px bar. */
#bo-home-footer .bh-phone .bh-bottom button>span,#gg10 .gi-phone .gi-nav button>span{white-space:nowrap}
@media(max-width:350px){#bo-home-footer .bh-phone.bh-large .bh-bottom button{font-size:11px}}

/* 20j: user reference — forest green, warm orange, compact action cues. */
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone){--vp-action:#254b3e;--vp-action-ink:#fffdf4;--vp-orange:#f8a562}
#gg10 .gi-phone .gp-trip-entry{background:transparent;border-bottom:1px solid var(--vp-line);border-radius:0;padding:12px 0;margin:6px 0 14px}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) button.va-row{grid-template-columns:40px minmax(0,1fr) 30px;gap:9px}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .va-teasers>button.va-row:first-child{background:var(--vp-orange);color:#173e32}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .va-teasers>button.va-row:first-child .va-copy small{color:#314c3b}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .va-teasers>button.va-row:first-child .va-status{background:#fff5e8;color:#254b3e;padding:3px 6px;justify-self:start}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .va-teasers>button.va-row:first-child .va-date{background:#fff5e8;color:#254b3e}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) :is(.gp-trip-entry,.va-row)>svg:last-child,
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) .ga-poster-card>span>svg:last-child{box-sizing:border-box;width:30px;height:30px;padding:7px;border-radius:50%;background:var(--vp-action);color:var(--vp-action-ink);stroke-width:2;flex:none;align-self:center;margin:0}
#gg10 .gi-phone .gp-trip-entry>svg:last-child{width:36px;height:36px;padding:9px}
#gg10 .gi-phone .gi-section-head>button{gap:7px;min-height:44px;flex:none}
#gg10 .gi-phone .gi-section-head>button>svg:last-child{box-sizing:border-box;width:26px;height:26px;padding:6px;border-radius:50%;background:#f8a562;color:#173e32;flex:none}
#gg10 .gi-phone .ge-time-tabs{padding:4px;gap:4px;border-radius:12px;background:#e8ede5}
#gg10 .gi-phone .ge-time-tabs>button{min-height:44px;border:0;border-radius:9px;color:#254b3e;background:transparent;line-height:1.4}
#gg10 .gi-phone .ge-time-tabs>button[aria-pressed=true]{background:#254b3e;color:#fffdf4;font-weight:650}
#gg10 .gi-phone .gi-tabs>button[aria-pressed=true],
#bo-home-footer .bh-phone :is(.cx-chips,.fo-categories,.ed-area-tabs)>button[aria-pressed=true]{background:#254b3e;color:#fffdf4;border-color:#254b3e;border-radius:9px}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) :is(.gi-tabs,.cx-chips,.fo-categories,.ed-area-tabs)>button{min-height:44px}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) :is(.gi-tabs,.cx-chips,.fo-categories,.ed-area-tabs,.ge-time-tabs)>button:focus-visible{outline:2px solid #254b3e;outline-offset:2px}
:is(#bo-home-footer .bh-phone,#gg10 .gi-phone) :is(.gp-trip-entry,.va-row,.ga-poster-card):not(:disabled):active{opacity:1;filter:brightness(.94)}
@media(prefers-reduced-motion:no-preference){
 :is(#bo-home-footer .bh-phone,#gg10 .gi-phone) :is(.gp-trip-entry,.va-row,.ga-poster-card)>svg:last-child{transition:transform 150ms ease-out}
 :is(#bo-home-footer .bh-phone,#gg10 .gi-phone) :is(.gp-trip-entry,.va-row):not(:disabled):active>svg:last-child{transform:scale(.92)}
 :is(#bo-home-footer .bh-phone,#gg10 .gi-phone) :is(.gi-tabs,.cx-chips,.fo-categories,.ed-area-tabs,.ge-time-tabs)>button{transition:background-color 160ms ease-out,color 160ms ease-out}
}

/* 20j1: override the incumbent dining-tab !important declarations. */
#gg10 .gi-phone .fo-categories button[aria-pressed=true],
#bo-home-footer .bh-phone .fo-categories button[aria-pressed=true]{background:#254b3e!important;color:#fffdf4!important;border-bottom-color:transparent!important;border-radius:9px!important}
