.record-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.record-main{min-width:0}.record-main .panel-head small,.record-side .panel-head small{display:block;margin-top:4px;color:var(--muted)}
.record-side{position:sticky;top:18px;padding:20px}.record-side .panel-head{align-items:start}.record-side .panel-head h3{font-size:21px}
.record-count{min-width:30px;padding:4px 7px;background:#ecebe5;color:var(--muted);font-size:10px;font-weight:800;text-align:center}
.compact-timeline{max-height:610px;overflow:auto}.compact-timeline .event{grid-template-columns:8px minmax(0,1fr);gap:9px;padding:11px 2px;align-items:start}
.compact-timeline .event time{grid-column:2;font-size:9px;line-height:1;margin-top:-3px}.compact-timeline .event .dot{grid-column:1;grid-row:1/3;margin-top:5px;width:7px;height:7px}
.compact-timeline .event>div{grid-column:2;grid-row:1}.compact-timeline .event>div b{display:block;font-size:11px;line-height:1.45;font-weight:700;word-break:break-word}.compact-timeline .event>div small{font-size:9px}.compact-timeline .event>small:last-child{display:none}
.record-layout>.record-side{inset:auto;width:auto;color:var(--ink);background:var(--card);display:block}
.record-layout .ghost{margin-top:14px}
@media(max-width:1100px){.record-layout{grid-template-columns:1fr}.record-side{position:static}.compact-timeline{max-height:420px}}