/* Scoped enhancements; no shared ancestor overflow or height animation. */
.track-event { position:relative; }
.record-anchor { position:absolute; top:0; left:0; display:block; width:1px; height:0; scroll-margin-top:32px; }
.track-event:has(.record-anchor:target) { outline:2px solid var(--accent); outline-offset:6px; }
.record-context-control { grid-column:1/-1; min-width:0; }
.track-records button.context-toggle, .track-records .record-context button { min-height:44px; padding:10px 14px; font:13px/1.4 var(--sans); color:var(--accent); background:transparent; border:1px solid var(--rule); cursor:pointer; }
.context-toggle:hover, .record-context button:hover { border-color:var(--accent); }
.context-toggle[aria-expanded=true] { border-color:var(--accent); }
.record-context { margin:14px 0 4px; padding:16px 0 0 18px; border-left:2px solid var(--rule); animation:context-reveal .15s ease-out; }
.record-context[hidden], .context-toggle[hidden] { display:none; }
.context-event-list { list-style:none; padding:0; margin:16px 0 0; }
.context-event { display:grid; grid-template-columns:180px minmax(0,1fr) 240px; gap:4px 18px; padding:14px 10px; border-top:1px solid var(--rule); overflow-wrap:anywhere; }
.context-event time { display:block; font:11px/1.6 var(--mono); color:var(--muted); }
.context-music > a { font:20px/1.3 var(--serif); }
.context-music a, .context-credits a { display:inline-flex; align-items:center; min-height:44px; }
.context-credits { color:var(--muted); font:13px/1.4 var(--sans); }
.context-interval, .context-warning { margin:4px 0 8px; font:12px/1.5 var(--sans); color:var(--muted); }
.context-warning { color:var(--accent); grid-column:2/-1; }
.context-event .context-preview { grid-column:2; justify-self:start; }
.context-event--selected { background:var(--surface,#f0f3eb); border-left:2px solid var(--accent); }
.context-selected-label { grid-column:1/-1; display:block; color:var(--accent); font:11px/1.5 var(--mono); margin-bottom:8px; }
.context-preview { margin-top:4px; }
.contextual-patterns h2 { margin-bottom:12px; }
.insight-view { border-top:1px solid var(--rule); margin-top:22px; }
.insight-view > summary, .insight-mode > summary, .insight-more > summary { cursor:pointer; min-height:48px; padding:14px 0; }
.insight-view > summary { font:27px/1.3 var(--serif); }
.insight-view summary small { display:block; margin:8px 0 0 22px; font:12px/1.5 var(--sans); color:var(--muted); }
.insight-mode { margin-top:8px; }
.insight-mode > summary { font:16px/1.5 var(--sans); }
.insight-list { list-style:none; counter-reset:insights; padding:0; margin:16px 0 0; }
.insight-list > li { padding:22px 0; border-top:1px solid var(--rule); min-width:0; overflow-wrap:anywhere; }
.insight-music > a { font:25px/1.3 var(--serif); }
.insight-list a { display:inline-flex; align-items:center; min-height:44px; }
.insight-list p { margin:6px 0; }
.insight-number { font:18px/1.5 var(--mono); }
.insight-list .archive-credits { font-size:14px; }
@keyframes context-reveal { from {opacity:.4} to {opacity:1} }
@media(max-width:700px) { .record-context { padding-left:10px; } .context-event { grid-template-columns:minmax(0,1fr); padding-inline:8px; } .context-event .context-preview, .context-warning { grid-column:auto; } .insight-music > a { font-size:23px; } .insight-number { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { .record-context { animation:none; } }