:root{--green:#172b4d;--lime:#ffd0c4;--paper:#f5f7fb;--muted:#637086;--line:#e1e7f0}
body{color:#172b4d;background:var(--paper)}
aside{background:#fff;border-color:var(--line)}
.brand,.mobile-brand{color:#172b4d}
.nav button{color:#637086}.nav button.active{background:#172b4d;color:#fff;box-shadow:0 5px 14px #172b4d18}
header{border-color:var(--line)}.eyebrow{color:#526c93}.welcome{color:var(--muted)}
.pill{border-color:#dce3ee;color:#344b6e;background:#fff}.avatar{background:#e7edff;color:#284d9b}
.hero{background:#172b4d;box-shadow:0 12px 30px #172b4d14}.hero-copy{background:linear-gradient(90deg,#132746f7,#172b4dc9 48%,#172b4d20)}
.hero .eyebrow{color:#ffc8b8}.hero p{color:#edf2fa}.hero-label{color:#fff}
.btn{background:#ffd0c4;color:#54251a;box-shadow:0 3px 8px #172b4d0a}.btn:hover{background:#ffc0af}.btn.dark{background:#172b4d;color:#fff}.btn.dark:hover{background:#29466f}
.side-bottom{background:#edf2ff;border:1px solid #e0e7f8}.side-bottom span{color:#526785}.side-bottom strong,.side-bottom button{color:#172b4d}
.search{box-shadow:0 5px 20px #172b4d06}.search .ico{color:#697e9b}.search input{color:#172b4d}
.card,.panel,.place-card{border-color:var(--line);box-shadow:0 5px 18px #172b4d05}.photo{background:#e4eaf5}.tag{color:#344b6e}.heart{color:#344b6e}.heart.saved{color:#bc4939}.location{color:#5f718d}.meta{color:#637086;border-color:#e8edf5}
.chip{border-color:#dce3ee;color:#455c7e;background:#fff}.chip.active{background:#172b4d;color:#fff;border-color:#172b4d}
.empty{color:#637086;background:#edf2f9;border-color:#dce3ee}.textbtn{color:#294f89}
input,select,textarea{accent-color:#df6b50}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#c4533c}
.weather-panel{background:#edf3ff;border-color:#d9e5f8}.weather-current,.weather-label{color:#425e87}.weather-updated{color:#637086}.weather-day{background:#ffffffd9}
.camper-map{background:#e4ebf5}.leaflet-popup-content button{background:#172b4d}.place-selected{border-color:#647ec6;box-shadow:0 0 0 2px #dce5ff}
.game-overlay{background:#132746d9}.game-overlay p{color:#e7edf8}.game-progress{background:#e1e8f4}.game-progress div{background:#df6b50}.game-pause{background:#e7edff}
dialog{color:#172b4d;border-color:#e1e7f0;box-shadow:0 24px 90px #172b4d33}dialog::backdrop{background:#1327468c}
@media(max-width:760px){aside{background:#fffffffa;backdrop-filter:blur(16px)}.nav button.active{background:#e8eeff;color:#264b91;box-shadow:none}.hero-copy{background:linear-gradient(90deg,#132746f5,#172b4d95)}}

/* Clear, touch-friendly actions throughout the mobile app. */
.btn,.chip,.textbtn,.card-link,.pill,.side-bottom button,.game-pause,.game-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:2px solid #294d7c;border-radius:11px;font-weight:800;line-height:1.3;box-shadow:0 3px 0 #172b4d26,0 5px 12px #172b4d12;transition:background-color .15s,box-shadow .15s,transform .15s}
.btn{background:#ffc0aa;color:#54251a;border-color:#b65338;padding:13px 20px;font-size:14px;box-shadow:0 4px 0 #9d402d,0 7px 16px #172b4d20}
.btn.dark{background:#172b4d;color:#fff;border-color:#0b1b34;box-shadow:0 4px 0 #081426,0 7px 16px #172b4d25}
.chip,.textbtn,.card-link,.side-bottom button,.game-pause{background:#edf3ff;color:#183c70;padding:10px 15px;font-size:13px}
.textbtn{padding:10px 14px!important;white-space:normal;text-align:center}
.side-bottom button{margin-top:12px;width:100%;text-align:center}
.chip.active{background:#172b4d;color:#fff;border-color:#0b1b34;box-shadow:0 3px 0 #081426}
.card-link{gap:6px}.pill{padding:9px 13px;color:#173865;font-size:12px}
.heart{width:44px;height:44px;border:2px solid #345b8e;background:#fff;color:#234c81;box-shadow:0 3px 9px #172b4d30;font-size:27px}
.heart.saved{background:#fff0eb;color:#a73622;border-color:#a73622}
.avatar{width:44px;height:44px;border:2px solid #345b8e;box-shadow:0 3px 0 #172b4d20}
.nav button{min-height:49px;border:2px solid #c2cee1;background:#f0f4fb;color:#294669;font-weight:750;box-shadow:0 2px 0 #172b4d12}
.nav button.active{background:#172b4d;color:#fff;border-color:#0c1c36;box-shadow:0 3px 0 #081426,0 5px 12px #172b4d20}
.game-controls button{border-color:#345b8e;background:#edf3ff;min-height:60px}.game-pause{padding:10px 15px}
.place-buttons{gap:10px}.place-buttons button,.place-buttons a{min-height:46px;padding:10px 13px;font-size:12px}
.weather-head .textbtn{font-size:12px}.sectionhead{align-items:center}.sectionhead .textbtn{flex-shrink:0;max-width:46%}
.leaflet-popup-content button{min-height:44px;border:2px solid #0b1b34;font-weight:750;padding:10px 14px}
dialog .close{width:44px;height:44px;border:2px solid #345b8e;background:#edf3ff;color:#172b4d;font-size:22px;box-shadow:0 2px 0 #172b4d20}
button:focus-visible,a:focus-visible{outline:3px solid #a83820;outline-offset:4px}
button:disabled{cursor:wait;opacity:.5;box-shadow:none;transform:none}
button:not(:disabled):active,a.btn:active{transform:translateY(2px);box-shadow:0 1px 0 #172b4d45}
@media(hover:hover){.btn:not(:disabled):hover{background:#ffaf93}.btn.dark:not(:disabled):hover{background:#2a4c7d}.chip:not(:disabled):hover,.textbtn:hover,.card-link:hover,.side-bottom button:hover,.game-pause:hover{background:#dce8ff}.chip.active:hover,.nav button.active:hover{background:#294d7c}.nav button:not(.active):hover{background:#e0e9f7}}
@media(max-width:760px){aside{height:83px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));height:calc(83px + env(safe-area-inset-bottom))}.nav{gap:4px}.nav button{min-width:0;min-height:63px;padding:7px 2px;font-size:10px;border-radius:11px;gap:4px}.nav button.active{background:#172b4d;color:#fff;border-color:#0b1b34;box-shadow:0 3px 0 #081426}.nav .ico{font-size:22px}.headright .pill{min-height:44px;padding:8px;font-size:10px}.headright{gap:7px}.avatar{width:40px;height:44px}.search .btn{min-height:46px;padding:10px 13px;font-size:12px}.btn{font-size:13px;gap:12px}.lower .textbtn{margin-top:10px}main{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.toast{bottom:calc(102px + env(safe-area-inset-bottom))}.event .btn{margin-left:0}.weather-head{flex-wrap:wrap}.sectionhead{gap:10px}}
@media(prefers-reduced-motion:reduce){.btn,.chip,.textbtn,.card-link,.pill,.side-bottom button,.game-pause,.game-controls button{transition:none}}

/* People Camper: sunshine, sea and warm road-trip colours. */
:root{--green:#153d43;--lime:#ffce32;--paper:#fffcf4;--muted:#52656b;--line:#d7e5df}
body{background:linear-gradient(145deg,#fff9e5 0%,#f1fbf7 55%,#fff5ef 100%);color:#183b43;min-height:100dvh}
aside{background:#fffdf6;border-color:#f0d677;border-top:5px solid #ffce32}
.brand,.mobile-brand{color:#153d43}.brand img,.mobile-brand img{background:#ffda52;border-radius:50%}
header{border-bottom:2px solid #f0d677}.eyebrow{color:#247477}.welcome{color:#52656b}
.nav button:nth-child(1){--nav-bg:#fff0b0;--nav-edge:#b78612;--nav-active:#ffce32}
.nav button:nth-child(2){--nav-bg:#ffe1d4;--nav-edge:#ae4d30;--nav-active:#ae4d30}
.nav button:nth-child(3){--nav-bg:#d4f2ef;--nav-edge:#126c68;--nav-active:#126c68}
.nav button:nth-child(4){--nav-bg:#e9dff7;--nav-edge:#765298;--nav-active:#765298}
.nav button:nth-child(5){--nav-bg:#e6edc5;--nav-edge:#55702d;--nav-active:#55702d}
.nav button:nth-child(6){--nav-bg:#ffdeeb;--nav-edge:#a63665;--nav-active:#a63665}
.nav button{background:var(--nav-bg);border-color:transparent;color:#25434a;box-shadow:0 2px 0 #153d4314}
.nav button .ico{color:var(--nav-edge)}
.nav button.active{background:var(--nav-active);border-color:var(--nav-edge);color:white;box-shadow:0 3px 0 var(--nav-edge)}
.nav button.active .ico{color:inherit}.nav button:first-child.active{color:#493707}
.hero{background:#135f5b;border:2px solid #f1ce62;box-shadow:0 12px 30px #246a591a}
.hero-copy{background:linear-gradient(90deg,#104945f5,#135451bd 50%,#13545112)}
.hero .eyebrow{color:#ffdb60}.hero h1{color:#fff7cf}.hero p{color:#f0fffb}
.btn{background:#ffce32;color:#493707;border-color:#b78612;box-shadow:0 4px 0 #b78612,0 7px 16px #153d4318}
.btn.dark{background:#126c68;color:white;border-color:#0d5350;box-shadow:0 4px 0 #0d5350,0 7px 16px #153d4318}
.chip,.textbtn,.card-link,.side-bottom button,.game-pause{background:#d7f2ed;color:#125952;border-color:#34887c;box-shadow:0 3px 0 #34887c33}
.chip.active{background:#126c68;border-color:#0d5350;color:#fff;box-shadow:0 3px 0 #0d5350}
.pill{background:#fff0b0;border-color:#d3ad40;color:#55410d}.avatar{background:#ffdf69;border-color:#b78612;color:#493707}
.search{border:2px solid #7dbbb0;background:#fffef9;box-shadow:0 5px 18px #126c6810}
.search input{color:#183b43}.search .ico{color:#126c68}
.card{border-color:#edc19f}.cardbody{background:#fff4e8;border-top:4px solid #e79567}
.grid .card:nth-child(2n) .cardbody{background:#edf7e2;border-color:#9ab55d}
.grid .card:nth-child(3n) .cardbody{background:#f3ebfa;border-color:#ae88cc}
.cardbody p,.location,.meta{color:#52656b}.meta{border-color:#d6d7c8}.tag{background:#ffdc62;color:#493707}
.heart{border-color:#b65b6a;color:#a02e51}.heart.saved{background:#ffe0e8;color:#9b214c;border-color:#9b214c}
.eco{background:#e6efc5;border:2px solid #a2b768}.eco p{color:#4e6135}
.journey{background:#ffe3cf;border:2px solid #e4a77c}.journey p{color:#71513f}
.side-bottom{background:#fff0b0;border-color:#e6c75b}.side-bottom span{color:#68551a}.side-bottom strong{color:#493707}
.panel{border-top:4px solid #66ada0}.profile-grid .panel:nth-child(2){border-top-color:#e89568}
#rutas .page-title{color:#a4472b}#areas .page-title{color:#126c68}#comunidad .page-title{color:#765298}#socios .page-title{color:#55702d}#juego .page-title{color:#a63665}
#comunidad .panel{background:#f8f1ff;border-color:#cfb8e6}#socios .panel{background:#fcfff5;border-color:#c3d99a}
.weather-panel{background:#e0f3f3;border-color:#8fc8c5}.weather-day{background:#ffffffdc;border-top:3px solid #efc247}.weather-current,.weather-label{color:#346568}
.empty{background:#f0f8ed;border-color:#9ab88d;color:#52654d}.notice{background:#fff1bf;border-color:#e2c45f;color:#64501d}
.place-card{border-color:#a9cec3;border-top:4px solid #459589}.place-selected{border-color:#126c68;box-shadow:0 0 0 2px #bce4d8}
.destination-summary{background:#f0fbf7;border-color:#75b6a3}.destination-count{background:#d7f2ed;border-color:#66a596;color:#125952}.destination-count.active{background:#126c68;border-color:#0d5350}
.trivial-hero{background:linear-gradient(120deg,#754389,#a63665);border-bottom:5px solid #ffce32}.trivial-hero p{color:#fff0fa}
.trivial-card{background:#fffafd;border-color:#dec5e1;border-top:4px solid #ad6eaa}.trivial-category{color:#86508c}
.trivial-stats span:nth-child(3n+1){background:#fff0b0}.trivial-stats span:nth-child(3n+2){background:#d7f2ed}.trivial-stats span:nth-child(3n){background:#f0dff7}.trivial-stats strong{color:#533868}
.trivial-options button{background:#faf1ff;border-color:#bd9dcd;color:#523866}.trivial-options button.selected{background:#e9d5ff;border-color:#765298}
.trivial-options button.correct{background:#dcf5e4;border-color:#27814b;color:#194d2b}.trivial-options button.wrong{background:#ffe6e6;border-color:#b74747;color:#842b2b}
.trivial-timer progress{accent-color:#a63665}.trivial-code{color:#91365e}.toast{background:#125952}
input,select,textarea{background:#fffef9;accent-color:#126c68}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#a63665}
@media(hover:hover){.btn:not(:disabled):hover{background:#ffdd64}.btn.dark:not(:disabled):hover{background:#0e5a57}.chip:not(:disabled):hover,.textbtn:hover,.card-link:hover,.side-bottom button:hover,.game-pause:hover{background:#bce6da}.chip.active:hover{background:#0e5a57}.nav button:not(.active):hover{background:var(--nav-bg);border-color:var(--nav-edge)}.nav button.active:hover{background:var(--nav-active);filter:brightness(.95)}}
@media(max-width:760px){aside{background:#fffdf7fa;border-top:3px solid #f0cf66}.nav button.active{background:var(--nav-active);border-color:var(--nav-edge);color:#fff;box-shadow:0 3px 0 var(--nav-edge)}.nav button:first-child.active{color:#493707}.hero-copy{background:linear-gradient(90deg,#104945f5,#13545199)}.nav button{border-width:1px}.nav{gap:3px}}

/* Vivid colour edition: saturated surfaces, readable dark lettering. */
body{background:linear-gradient(135deg,#fff3ac,#bff5e8 55%,#ffd2bd)}
aside{background:#fff6c5;border-color:#ffc400}header{border-color:#ffbf00}
.nav button:nth-child(1){--nav-bg:#ffdb00;--nav-active:#ffdb00;--nav-edge:#8a6200}
.nav button:nth-child(2){--nav-bg:#ff744c;--nav-active:#ff744c;--nav-edge:#94341c}
.nav button:nth-child(3){--nav-bg:#00d4c1;--nav-active:#00d4c1;--nav-edge:#00675f}
.nav button:nth-child(4){--nav-bg:#b78aff;--nav-active:#b78aff;--nav-edge:#6232a3}
.nav button:nth-child(5){--nav-bg:#b2e833;--nav-active:#b2e833;--nav-edge:#526f0b}
.nav button:nth-child(6){--nav-bg:#ff79b4;--nav-active:#ff79b4;--nav-edge:#98325f}
.nav button,.nav button.active{color:#17333a;background:var(--nav-bg);border-color:var(--nav-edge)}
.nav button .ico{color:#17333a}.nav button.active{outline:2px solid var(--nav-edge);outline-offset:1px}
.hero{border:3px solid #ffda00;background:#007e76}.hero-copy{background:linear-gradient(90deg,#005d56f5,#007e76b8 55%,#007e7610)}
.hero .eyebrow{color:#ffdf00}.hero h1{color:#fff6bc}
.btn{background:#ffdb00;color:#493500;border-color:#9c7300;box-shadow:0 4px 0 #9c7300,0 7px 16px #153d4318}
.btn.dark{background:#007e76;border-color:#00534e;box-shadow:0 4px 0 #00534e;color:#fff}
.chip,.textbtn,.card-link,.side-bottom button,.game-pause{background:#48e0c6;color:#123d37;border-color:#087b6b}
.chip.active{background:#007e76;color:#fff;border-color:#00534e}.pill,.avatar,.tag{background:#ffdb00;color:#493500;border-color:#a77900}
.card{border:2px solid #e87743}.cardbody{background:#ffba87;border-top:5px solid #f46a32}
.grid .card:nth-child(2n) .cardbody{background:#c6ec58;border-color:#7aa52b}.grid .card:nth-child(3n) .cardbody{background:#ccadff;border-color:#9263da}
.cardbody p,.cardbody .location,.cardbody .meta{color:#304541}
.eco{background:#bde847;border-color:#6d9820}.eco p{color:#354a1b}.journey{background:#ffae79;border-color:#d7692b}.journey p{color:#603b22}
.side-bottom{background:#ffdf36;border-color:#d39b00}.side-bottom span{color:#59440b}
.weather-panel{background:#7ee3e8;border:2px solid #159ca5}.weather-current,.weather-label,.weather-updated{color:#254c55}
.weather-day{background:#fff8ce;border-color:#ffbc00}
.panel{border-top:5px solid #00b99e}#comunidad .panel{background:#e2c9ff;border-color:#ad7ae1}#socios .panel{background:#e2f6a4;border-color:#94bb3d}
.destination-summary{background:#b5f1dd;border-color:#18a883}.destination-count{background:#4ad8b6;border-color:#168b74;color:#173d35}.destination-count.active{background:#007e76;color:#fff}
.place-card{background:#edfff9;border-top:5px solid #00bb98}
.trivial-hero{background:linear-gradient(120deg,#6e2dba,#bb1762);border-bottom-color:#ffdb00}.trivial-card{background:#f9e9ff;border-top:5px solid #b343cc}
.trivial-stats span:nth-child(3n+1){background:#ffdf36}.trivial-stats span:nth-child(3n+2){background:#65e4ce}.trivial-stats span:nth-child(3n){background:#dcafff}
.trivial-options button{background:#ebceff;border-color:#ad6ad3;color:#4d2366}.trivial-options button.selected{background:#ce95ff;border-color:#7234a7}
.trivial-options button.correct{background:#a6edb9;border-color:#27814b;color:#194d2b}.trivial-options button.wrong{background:#ffbdc4;border-color:#b74747;color:#842b2b}
.trivial-timer progress{accent-color:#ca186b}
@media(hover:hover){.btn:not(:disabled):hover{background:#ffe955}.btn.dark:not(:disabled):hover{background:#00685f}.chip:not(:disabled):hover,.textbtn:hover,.card-link:hover,.side-bottom button:hover,.game-pause:hover{background:#7debd6}.chip.active:hover{background:#00685f}.nav button.active:hover{background:var(--nav-active)}}
@media(max-width:760px){aside{background:#fff6c5fa;border-color:#ffbf00}.nav button.active{background:var(--nav-active);color:#17333a;border-color:var(--nav-edge)}.nav button:first-child.active{color:#17333a}.hero-copy{background:linear-gradient(90deg,#005d56f5,#007e7699)}}

/* Keep the search purpose visible, including while typing. */
#homeSearch{display:block;padding:18px;margin-top:23px}
.home-search-heading label{margin:0;color:#153d43;font-size:17px;font-weight:800}
.home-search-heading p{font-size:12px;line-height:1.6;color:#52656b;margin:5px 0 13px}
.home-search-row{display:flex;align-items:center;gap:10px}
.home-search-row input{min-width:0;padding:13px 8px;font-size:15px}
.home-search-row .btn{flex-shrink:0;white-space:nowrap}
@media(max-width:760px){#homeSearch{padding:16px}.home-search-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:5px 8px}.home-search-row .ico{margin:0}.home-search-row input{font-size:16px;padding:13px 5px}.home-search-row .btn{grid-column:1/-1;width:100%;margin-top:5px;min-height:48px;font-size:14px;justify-content:center}.home-search-heading label{font-size:17px}}

/* Compact trip and member cards; editors open only when requested. */
.profile-grid{gap:12px;align-items:start}
#socios .compact-card{padding:15px 17px;margin-top:12px;min-width:0}
.compact-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;min-height:44px}
.compact-card summary::-webkit-details-marker{display:none}
.compact-card summary strong{font-size:14px}
.compact-card summary small{display:block;color:#385960;font-size:12px;margin-top:5px;line-height:1.5;overflow-wrap:anywhere}
.compact-card form{margin-top:12px}
#socios .compact-card label{margin:10px 0 5px;font-size:12px}
#socios .compact-card input,#socios .compact-card select{padding:10px 12px;min-width:0;max-width:100%;width:100%;font-size:16px}
#socios .compact-card .btn{margin-top:12px!important;padding:10px 14px;min-height:44px;font-size:12px;gap:8px}
.compact-help{font-size:12px;line-height:1.6;margin:10px 0;color:#385960}
.travel-row{display:flex;align-items:center;gap:8px}.travel-row input{flex:1}.travel-row .btn{flex-shrink:0}
.traveler-person{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #8faf92;margin-top:10px;font-size:13px;overflow-wrap:anywhere}
.traveler-person img{width:64px;height:54px;object-fit:cover;border-radius:8px}.traveler-person p{font-size:12px;line-height:1.6}.traveler-person a{text-decoration:underline;font-size:12px}
#sharedTripTitle{font-weight:700;margin:12px 0;overflow-wrap:anywhere}
[hidden]{display:none!important}

/* Give the mobile logo and header actions their own rows. */
.app-header{gap:16px}
.app-header .headright{margin-left:auto;flex-wrap:nowrap;min-width:0;gap:12px}
.app-header>.avatar{flex-shrink:0}
aside>.brand img{width:60px;height:60px}
@media(min-width:761px) and (max-width:1100px){aside>.brand img{width:54px;height:54px}}
@media(max-width:760px){
 .app-header{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:auto auto;align-items:center;gap:18px 14px;padding:18px 0 22px;margin-bottom:22px}
 .app-header .mobile-brand{grid-column:1;grid-row:1;min-width:0;gap:12px;font-size:15px;line-height:1.25}
 .app-header .mobile-brand img{width:64px;height:64px;flex-shrink:0}
 .app-header .mobile-brand small{font-size:10px;letter-spacing:2px;margin-top:4px}
 .app-header>.avatar{grid-column:2;grid-row:1;width:44px;height:44px;margin:0}
 .app-header .headright{grid-column:1/-1;grid-row:2;width:100%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
 .app-header .headright .pill{width:100%;min-width:0;min-height:50px;margin:0;padding:10px 7px;font-size:12px;line-height:1.4;text-align:center;white-space:normal;overflow-wrap:anywhere;gap:4px;box-shadow:0 3px 0 #b7861255}
}
@media(max-width:360px){.app-header .headright{gap:10px}.app-header .headright .pill{font-size:11px;padding:10px 5px}.app-header .mobile-brand{font-size:14px}}
@media(min-width:761px) and (max-width:1050px){.app-header{height:auto;min-height:98px;flex-wrap:wrap;padding:16px 0;gap:14px}.app-header .header-copy{flex-basis:100%}.app-header .headright{margin-left:0;flex:1}.app-header .headright .pill{font-size:12px}}
html.game-invite .app-header>.avatar{display:none}
html.game-invite .app-header{height:auto;min-height:75px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:0;padding:10px 0}

/* Let the app name fill the space beside the logo. */
aside>.brand>span{font-size:22px;line-height:1.05;letter-spacing:-.5px;min-width:0}
aside>.brand small{font-size:19px;line-height:1.05;font-weight:800;letter-spacing:.02em;margin-top:4px}
@media(max-width:760px){
 .app-header .mobile-brand{font-size:clamp(26px,7.4vw,34px);font-weight:800;line-height:1.05;letter-spacing:-.5px}
 .app-header .mobile-brand>span{min-width:0}
 .app-header .mobile-brand small{font-family:inherit;font-size:.85em;font-weight:800;line-height:1.05;letter-spacing:.02em;margin-top:4px}
}

/* Consistent egg-yolk yellow for the app's yellow actions. */
:root{--app-egg-yellow:#ffc83d}
.btn:not(.dark),.pill,.avatar{background:var(--app-egg-yellow);color:#493500;border-color:#9c7300}
.nav button:first-child{--nav-bg:var(--app-egg-yellow);--nav-active:var(--app-egg-yellow)}
@media(hover:hover){.btn:not(.dark):not(:disabled):hover,.pill:hover,.avatar:hover{background:var(--app-egg-yellow)}}