/* Mobile information surfaces stay light, independently of map lighting. */
@media(max-width:700px){
 html #app :is(.government-drawer,.people-drawer,.today-drawer,.business-tools.hud-business,.hud-bottom){background:#fffaf0;color:#171c19;color-scheme:light;--ink:#171c19;--mint:#38553d;--gold:#725326;--line:#344b3933;--panel-solid:#fffaf0;border-color:#aab59a}
 html #app :is(.government-drawer,.people-drawer,.today-drawer,.hud-business,.hud-bottom) :is(h2,h3,h4,p,span,small,strong,b,label,li,div,button,a,select,input,option){color:#171c19}
 html #app :is(.government-drawer,.people-drawer,.today-drawer,.hud-business) :is(input:not([type=range]),select,option){background:#ffffff;border-color:#81916e}
 html #app :is(.government-drawer,.people-drawer,.today-drawer,.hud-business) input::placeholder{color:#586454;opacity:1}
 html #app :is(.government-tab,.people-tab,.people-filter,.today-chip,.category-chip,.person-card,.gov-node,.ward-card,.today-card){background:#f6f5ec;border-color:#bdc5b2}
 html #app :is(.government-tab,.people-tab,.today-chip,.category-chip).active{background:#e3ead4;border-color:#7f936b}
 html #app #government-drawer .cip-playback{background:#fffaf0;color:#171c19}
 html #app .mobile-sheet-handle:after{background:#637558}
}

.mobile-topic-back{display:none}
@media(max-width:700px){
 html #app #government-drawer.mobile-topic-selected>.civic-navigation{display:none}
 html #app #government-drawer.mobile-topic-menu>.civic-navigation{display:block}
 html #app #government-drawer.mobile-topic-menu>.civic-content{display:none}
 html #app #government-drawer.mobile-topic-selected>.civic-content{display:block;padding:0;border:0}
 html #app #government-drawer .mobile-topic-back{display:block;min-height:44px;padding:8px 4px;margin-bottom:8px;border:0;background:transparent;font-size:14px;text-align:left;color:#171c19}
 html #app #government-drawer.mobile-topic-selected .civic-topic-title{display:block;margin:0 0 14px;font-size:22px;color:#171c19}
 html #app #government-drawer.mobile-topic-selected .gov-sources{display:none}
 html #app #government-drawer.mobile-topic-selected .civic-content{animation:mobile-topic-in .16s ease-out}
 @keyframes mobile-topic-in{from{opacity:.4;transform:translateX(8px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){html #app #government-drawer.mobile-topic-selected .civic-content{animation:none}}

.mobile-topic-close{display:none}@media(max-width:700px){html #app #government-drawer .mobile-topic-close{display:block;position:absolute;right:12px;top:12px;min-width:44px;min-height:44px;border:0;border-radius:8px;background:#f0f1e5;color:#171c19;font-size:22px}html #app #government-drawer .mobile-topic-back{padding-right:50px}}