/* A pale pill needs dark text in both themes. */
body.pub-app #onlineQuizPill{color:#302414!important;background:#fff0ce;border-color:#a9b9c3;font:700 12px/1.4 system-ui!important;padding:8px 13px;max-width:calc(100% - 32px);white-space:normal;text-align:center}
body.pub-app #onlineQuizPill span{color:inherit;text-shadow:none}
body:has(#navCard .nav-card) #onlineQuizPill{display:none!important}
/* One compact route overview leaves most of the map available. */
body.pub-app #navCard{gap:5px;max-height:min(42dvh,340px);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin;max-width:480px}
body.pub-app #navCard .nav-card{width:100%;max-width:none;flex-shrink:0;align-items:flex-start;padding:12px;border-width:1px;border-color:var(--border);box-shadow:0 5px 20px #0002}
body.pub-app #navCard .nav-card-dest{font:700 14px/1.35 system-ui!important}
body.pub-app #navCard .nav-card-time{font:500 12px/1.4 system-ui!important;margin-top:5px}
body.pub-app #navCard .nav-card-pill{font:650 11px/1.3 system-ui!important;padding:3px 7px;white-space:nowrap}
body.pub-app #navCard .nav-card-pill-walk{background:#d6bf8b;color:#302414}
body.pub-app #navCard .nav-card-pills{gap:4px;row-gap:5px;margin-top:6px}
body.pub-app #navCard .nav-card-close{min-width:32px;min-height:32px;margin:-4px -4px 0 0}
body.pub-app #navCard .transit-walking-status{font:400 10px/1.4 system-ui!important;margin-top:5px}
body.pub-app #navCard .transit-nav-details{font:600 11px/1.4 system-ui!important;min-height:32px;padding:6px 10px;margin-top:7px}
body.pub-app #navCard .quiz-evening-inline{padding:7px 0 0;margin-top:8px;border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none;background:none}
.quiz-evening-route-status{display:block;color:var(--muted2);font:500 11px/1.45 system-ui!important}
body.pub-app #navCard .quiz-evening-inline .quiz-evening-actions{margin-top:5px}
body.pub-app #navCard .quiz-evening-inline .quiz-evening-actions button{min-height:32px;padding:5px 9px;font-size:11px!important}
body.pub-app #navCard .transit-live-panel{width:100%;max-width:none;flex-shrink:0;padding:10px 12px;border-radius:12px;font:400 11px/1.45 system-ui!important;box-shadow:0 5px 20px #0002;max-height:none;overflow:visible}
.transit-live-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.transit-live-heading strong{font:700 12px/1.4 system-ui!important}
.transit-live-heading button{background:transparent;color:var(--muted2);border:0;min-width:32px;min-height:32px;margin:-7px -7px -5px 0;cursor:pointer}
body.pub-app #navCard #transitLiveStatus{font:400 11px/1.45 system-ui!important;margin:4px 0 5px;max-height:5.8em;overflow-y:auto}
.transit-live-more summary{cursor:pointer;color:var(--gold2);font:600 11px/1.5 system-ui!important;padding:4px 0}
.transit-live-more p,.transit-live-more small{font-size:11px!important}
@media(max-width:600px){body.pub-app #navCard .nav-card-icon{display:none}body.pub-app #navCard{max-width:none}}
body.pub-app #navCard .nav-card-close{color:var(--ink);border-color:var(--border);background:transparent}