/* A normal-flow link reserves its own space above the map or introduction. */
.event-entry{box-sizing:border-box;min-width:0;margin:0;padding:6px 16px;background:#edf4ef;border-bottom:1px solid #d6e2d9;color:#254b39}
.event-entry[hidden]{display:none!important}
.event-entry-link{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;max-width:1320px;margin:0 auto;padding:4px 8px;color:inherit;text-decoration:none;border-radius:8px;line-height:1.45}
.event-entry-link:hover{background:#dcebe0}.event-entry-link:focus-visible{outline:3px solid #467e65;outline-offset:1px}
.event-entry-copy{display:flex;align-items:center;flex-wrap:wrap;gap:2px 16px;min-width:0}
.event-entry-copy strong{font-size:13px;font-weight:700;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere}
.event-entry-date{font-size:11px;color:#506b5b;word-break:keep-all;overflow-wrap:anywhere}
.event-entry-arrow{flex:0 0 auto;font-size:19px;line-height:1}
body[data-event-entry-layout=shell][data-app-view=nearby]:not([data-event-map-focused=true])>.app{grid-template-rows:auto auto minmax(0,1fr)}
/* Standalone map height follows the actual header/link/tab sizes, including text zoom. */
body[data-event-entry-layout=app] #app{display:flex;flex-direction:column;height:100dvh;min-height:0}
body[data-event-entry-layout=app] #app>:is(.topbar,.tabs,.event-entry){flex:0 0 auto}
body[data-event-entry-layout=app] #app>main{flex:1 1 auto;min-height:0}
body[data-event-entry-layout=app] #app>main>:is(#map-page,.page){height:100%;min-height:0}
/* Route actions and active guidance retain the full R13 map space. */
body[data-event-entry-layout=app]:has(#panel [data-route-actions]) .event-entry,
body[data-event-entry-layout=app]:has(#navigation:not([hidden])) .event-entry,
body:is(.map-fullscreen-active,.pip) .event-entry{display:none}
html[data-ui-mode=dark] .event-entry{background:#213a2d;border-color:#385342;color:#e8f3eb}
html[data-ui-mode=dark] .event-entry-date{color:#c2d5c8}html[data-ui-mode=dark] .event-entry-link:hover{background:#2d4b39}
@media(max-width:600px){.event-entry{padding:5px 12px}.event-entry-copy{display:grid;gap:2px}.event-entry-copy strong{font-size:12px}.event-entry-date{font-size:10px}}
@media(max-height:500px){
 .event-entry{padding:0 12px}.event-entry-date{display:none}.event-entry-copy strong{font-size:12px}
 .event-entry[data-event-state=past] .event-entry-date{display:block}
 /* Use the existing compact route chrome dimensions while the new entry is visible. */
 body[data-event-entry-layout=app] #app>.topbar{height:44px;padding:4px 12px}
 body[data-event-entry-layout=app] #app>.tabs{height:48px;padding:4px 8px}
}
@media(max-height:500px) and (min-width:600px){
 /* In a short landscape shell, share the header row instead of taking map height. */
 body[data-event-entry-layout=shell][data-app-view=nearby]:not([data-event-map-focused=true])>.app{grid-template-columns:minmax(0,1fr) 270px;grid-template-rows:auto minmax(0,1fr)}
 body[data-event-entry-layout=shell][data-app-view=nearby]:not([data-event-map-focused=true])>.app>.topbar{min-width:0;padding-inline:12px;gap:8px}
 body[data-event-entry-layout=shell][data-app-view=nearby]:not([data-event-map-focused=true])>.app>.event-entry{display:flex;align-items:center;padding-inline:6px}
 body[data-event-entry-layout=shell][data-app-view=nearby]:not([data-event-map-focused=true])>.app>.event-entry .event-entry-link{width:100%;padding-inline:6px}
 body[data-event-entry-layout=shell][data-app-view=nearby]:not([data-event-map-focused=true])>.app>.workspace{grid-column:1/-1}
}