/* Compact entry uses the exported Stitch tokens, nested cards and typography. */
:root{--on-primary:#fff}
.brand-copy{min-width:0}.brand-copy .brand-subtitle{font:400 11px/16px Inter,sans-serif;color:var(--on-surface-variant)}
#drawerSummary[hidden]{display:none!important}
.app[data-drawer-state] #drawerContent{padding:3px 3px 8px}
#searchPanel.stop-finder{margin:0 0 8px}
#finderHeading{font:600 17px/24px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.01em;margin:0 0 8px;overflow-wrap:normal;word-break:normal}
.app:not([data-panel-view="search"]) #finderHeading{display:none}
.finder-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.finder-controls #stopSearch{width:100%;min-width:0}
#nearMe{display:flex;align-items:center;justify-content:center;gap:5px;min-height:48px;padding:8px 10px;border-radius:12px;background:var(--primary);color:var(--on-primary);font:600 13px/18px Inter,sans-serif;white-space:nowrap}
#nearMe .app-icon{width:18px;height:18px;flex:0 0 18px}
#searchPanel label[for="stopSearch"]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#searchPanel #stopSearch{height:48px;border-radius:12px;border-color:var(--outline-variant);background:var(--surface-container-low);padding:12px;font-size:16px}
#searchPanel #finderStatus:empty{display:none}
#searchPanel #finderStatus{margin:6px 0 0}
#searchPanel #stopResults:empty{display:none}
.app[data-drawer-state] .stop-card{padding:8px;border-radius:16px}
.app[data-drawer-state] .stop-card .heading{min-height:44px;margin:0;gap:8px}
.app[data-drawer-state] .stop-card .heading h2{min-width:0;font:600 18px/24px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.01em;overflow-wrap:break-word;word-break:normal}
.app[data-drawer-state] .stop-card .heading .icon-button{margin:0;width:44px;height:44px;min-width:44px;min-height:44px}
#stopLines{margin:0 0 4px;font:400 12px/18px 'Plus Jakarta Sans',sans-serif;color:var(--on-surface-variant)}
#departuresMessage:empty{display:none}
#departuresMessage{margin:4px 0 8px}
#departuresList{margin:0;gap:8px}
.l5-departure{display:grid;grid-template-columns:32px minmax(0,1fr) auto 18px;gap:8px;padding:8px;min-height:64px;align-items:center}
.l5-line-badge{display:flex;align-items:center;justify-content:center;flex:0 0 32px;min-height:32px;border-radius:6px;background:var(--primary);color:var(--on-primary);font:700 14px/18px Inter,sans-serif}
.l5-departure .line-content{min-width:0;overflow-wrap:normal;word-break:normal}
.l5-departure .label-lg{font:600 14px/18px Inter,sans-serif;white-space:normal;overflow-wrap:normal;word-break:normal}
.departure .l5-departure-time{min-width:0;font:800 24px/28px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;white-space:nowrap}
.l5-departure-arrow{width:18px;height:18px;max-width:18px;color:var(--primary)}
.app[data-drawer-state="middle"][data-panel-view="stop"] #departuresList .departure:nth-child(n+2){display:none}
.stop-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.stop-actions>*{min-width:0;flex:1;min-height:44px;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;font:600 14px/18px Inter,sans-serif;text-decoration:none;padding:8px}
#walkingDirections{background:var(--primary);color:var(--on-primary)}
#walkingDirections .app-icon{width:20px;height:20px;flex:0 0 20px}
#moreDepartures{background:var(--surface-container-high);color:var(--primary)}
.app[data-drawer-state="expanded"] #moreDepartures{display:none}
.app[data-drawer-state="collapsed"][data-panel-view="search"] #finderStatus{font-size:12px;line-height:16px}
@media(max-width:360px){.l5-departure{grid-template-columns:32px minmax(0,1fr) auto;gap:6px}.l5-departure-arrow{display:none}.departure .l5-departure-time{font-size:22px}#nearMe{padding-inline:8px}}