/* Clear roles: deep green for navigation, orange for an invitation, pale surfaces for reading. */
#gg10 .gi-phone{--vp-ink:#173f35;--vp-soft:#e1ebd8;--vp-warm:#f6cb91;--vp-cool:#e3ede8;--vp-nav:#183e33;--vp-selected:#f6ead2;--vp-orange:#f4ad64;--vp-action:#173f35;--vp-action-ink:#fffdf7}
#bo-home-footer .bh-phone{--vp-ink:#173f35;--vp-soft:#deebc4;--vp-warm:#f5c18a;--vp-cool:#e0ede6;--vp-nav:#183e33;--vp-selected:#f6b36c;--vp-orange:#f3a354;--vp-action:#173f35;--vp-action-ink:#fffdf7}
#gg10 .gi-phone .entry-purpose{font:650 18px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#173f35;margin:0 0 12px}
#gg10 .gi-phone.gi-large .entry-purpose{font-size:21px}
#bo-home-footer .bh-phone .cj-opening-copy h1{font-size:25px;line-height:1.3;color:#173f35}
#bo-home-footer .bh-phone .entry-purpose-note{display:block;font-size:13px;font-weight:400;line-height:1.6;margin-top:8px;color:#425e49}
#bo-home-footer .bh-phone.bh-large .entry-purpose-note{font-size:16px}
#bo-home-footer .bh-phone .cj-next{background:#173f35;color:#fffdf7}
#gg10 .gi-phone .gp-trip-entry{background:#f6cb91;color:#173f35;border:0;border-radius:14px;padding:13px 14px;gap:10px}
#gg10 .gi-phone .gp-trip-entry small{color:#304b34}
#bo-home-footer .bh-phone .hf-time{background:#f5bd7f;border:0;border-radius:14px;padding:14px}
#bo-home-footer .bh-phone .hf-time :is(h2,button){color:#173f35}
#bo-home-footer .bh-phone .he-durations>button{background:#fff6e7;border:0;border-radius:10px}
#bo-home-footer .bh-phone .hf-time .he-city button[aria-pressed=true]{background:#173f35;color:#fffdf7}
#bo-home-footer .bh-phone .he-shortcuts button{color:#173f35}
#bo-home-footer .bh-phone .he-shortcuts button>svg{background:#e2ebcb;color:#173f35;border-radius:50%;padding:9px;box-sizing:content-box}
#bo-home-footer .bh-phone .he-shortcuts button:first-child>svg{background:#f5bd7f}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-stories .app-story-card{background:#fffdf7;border-color:#d8dfcf}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-stories .app-story-card:nth-child(4n+2){background:#fff6e9;border-color:#eadbc8}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-stories .app-story-card:nth-child(4n+3){background:#f0f5e5;border-color:#d7e2c4}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-story-card>.app-round-arrow{background:#edaa63;color:#173f35}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-stories :is(.gi-tabs,.cx-chips)>button[aria-pressed=true],
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .fo-street-picker button[aria-pressed=true]{background:#173f35;border-color:#173f35;color:#fffdf7}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .fo-street-picker :is(.gi-tabs,.cx-chips)>button:not([aria-pressed=true]){background:#edf2e4;border-color:#c9d5bc;color:#304b34}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-service-tile{background:#e4edda}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-service-tile:nth-child(3n+2){background:#eee8d8}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-service-tile:nth-child(3n){background:#dce9e1}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-service-tile.app-service-breakfast{background:#f4ad64}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-photo-slot{background:#ecf0e5;border-color:#9baa91;color:#455d49}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-photo-slot.app-tone-craft{background:#f2dfc1;border-color:#ad936c;color:#654e31}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-photo-slot.app-tone-people{background:#e1e9e2;border-color:#98ac9b;color:#43594a}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-service-slot{background:#f7f8f1}
#gg10 .gi-phone .gr-hotel-help .gr-help-link{background:#173f35;color:#fffdf7}
#gg10 .gi-phone .gr-hotel-help .gr-help-link:last-child{background:#dce8cd;color:#173f35}
:is(#gg10 .gi-phone,#bo-home-footer .bh-phone) .app-service-tile>.app-round-arrow{background:#173f35;color:#fffdf7}
#gg10 .gi-phone .gi-nav button[aria-current=page]{background:#f6ead2;color:#173f35}
#bo-home-footer .bh-phone .bh-bottom button[aria-current=page]{background:#f5b069;color:#173f35}
@media(max-width:350px){#bo-home-footer .bh-phone .cj-opening-copy h1{font-size:22px}#gg10 .gi-phone .entry-purpose{font-size:17px}}

/* My BO: a useful return point before accounts and benefits are available. */
#bo-home-footer .bh-phone .my-keep{background:#e4edda;border:1px solid #d1ddc4;border-radius:18px;padding:18px;margin:16px 0 12px;color:#173f35}
#bo-home-footer .bh-phone .my-keep-label{display:flex;align-items:center;gap:7px;font-size:13px}
#bo-home-footer .bh-phone .my-keep-label svg{width:18px;height:18px}
#bo-home-footer .bh-phone .my-keep h2{font:650 21px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;margin:14px 0 8px}
#bo-home-footer .bh-phone .my-keep p{font-size:14px;line-height:1.6;margin:0 0 14px;color:#425742}
#bo-home-footer .bh-phone .my-keep-open{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 10px 8px 14px;border:0;border-radius:13px;min-height:48px;background:#173f35;color:#fffdf7;font-family:inherit;font-weight:600;font-size:15px;line-height:1.4;text-align:left}
#bo-home-footer .bh-phone .my-keep-arrow{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#f5b069;color:#173f35}
#bo-home-footer .bh-phone .my-keep-arrow svg{width:18px;height:18px}
#bo-home-footer .bh-phone .my-keep small{display:block;margin-top:10px;font-size:12px;line-height:1.5;color:#425742}
#bo-home-footer .bh-phone .my-next-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
#bo-home-footer .bh-phone .my-next{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid #ded8c8;border-radius:12px;background:#fff6e9;color:#173f35;font-size:14px;padding:10px}
#bo-home-footer .bh-phone .my-next svg{width:20px;height:20px;flex-shrink:0}
#bo-home-footer .bh-phone.bh-large .my-keep h2{font-size:24px}
#bo-home-footer .bh-phone.bh-large .my-keep :is(p,small){font-size:16px}
#bo-home-footer .bh-phone.bh-large :is(.my-next,.my-keep-open){font-size:17px}

#bo-home-footer .bh-phone .bh-main:has(.my-keep){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
