.recording-data {max-width:960px;overflow-wrap:anywhere}
.recording-data h2 {margin-top:0}
.recording-data p,.recording-data li {line-height:1.9}
.recording-data section,.data-section {scroll-margin-top:100px}
.data-navigation {display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px}
.data-table {width:100%;border-collapse:collapse;margin:24px 0}
.data-table th,.data-table td {padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.data-table th {font-weight:700}
.data-table code {overflow-wrap:anywhere}
.data-table-wrap {max-width:100%;overflow-x:auto}
.data-formula {padding:16px;background:var(--surface);font-weight:700}
.surface .data-formula {background:var(--paper)}
.data-code {margin:16px 0;border:1px solid var(--line);border-radius:8px;padding:0 18px}
.recording-data .data-code summary {padding:16px 28px 16px 0;cursor:pointer;font-weight:700}
.recording-data .data-code summary::before {content:none}
.data-code summary:focus-visible {outline:2px solid currentColor;outline-offset:3px}
.data-code pre {max-width:100%;overflow-x:auto;padding:16px;background:var(--surface);font-size:.9rem;line-height:1.7;white-space:pre}
.data-code code {font-family:ui-monospace,Consolas,monospace}
.data-code p {margin:12px 0 18px}
.data-capture {margin:24px 0}
.data-capture img {display:block;width:100%;height:auto}
.data-capture figcaption {margin-top:10px;font-size:.9rem}
@media(max-width:600px){.data-table th,.data-table td{padding:10px 6px}.data-code{padding:0 12px}.data-code pre{padding:12px}.data-navigation{gap:8px 16px}}