/* Explicit semantics: tools/groups and individual records retain native details behavior. */
:root body details.day-panel[data-panel-kind] { padding: 0 1rem; margin-block: .55rem; overflow-wrap: anywhere; background: #fff; }
:root body details.day-panel[data-panel-kind] > summary { cursor: pointer; min-height: 44px; padding-block: .75rem; line-height: 1.5; }
:root body details.day-panel[data-panel-kind="section"] { border: 1px solid #c4d8d3; border-inline-start: 3px solid #51877d; border-radius: .65rem; }
:root body details.day-panel[data-panel-kind="section"] > summary { margin-inline: -1rem; padding-inline: 1rem; background: #eaf3ef; color: #214f47; font-weight: 700; font-size: 1rem; border-radius: .55rem; }
:root body details.day-panel[data-panel-kind="record"] { border: 1px solid #dce3e7; border-radius: .35rem; }
:root body details.day-panel[data-panel-kind="record"] > summary { font-size: .95rem; font-weight: 400; color: #34434e; padding-block: .65rem; }
:root body details.day-panel[data-panel-kind="record"] > summary > :is(bdi:first-child, [data-filter-title]) { font-weight: 550; color: #202b35; }
:root body details.day-panel[data-panel-kind="record"] > summary time { font-size: .85em; color: #5d6b77; }
:root body details.day-panel[data-panel-kind="record"] > summary::marker { color: #71818a; font-size: .8em; }
:root body details.day-panel[data-panel-kind][open] { padding-bottom: 1rem; }
:root body details.day-panel[data-panel-kind][open] > summary { margin-bottom: .75rem; border-bottom: 1px solid #dce3e7; }
:root body details.day-panel[data-panel-kind] > summary:hover { background-color: #f1f6f4; }
:root body details.day-panel[data-panel-kind] > summary:focus-visible { outline: 3px solid #347baf; outline-offset: 3px; }
@media (forced-colors: active) {
 :root body details.day-panel[data-panel-kind="section"] { border-inline-start-width: 3px; }
}