.recorder-reference{margin-bottom:48px}.recorder-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.recorder-shot{border:2px solid var(--line);background:#f5faff;border-radius:14px;margin:0;overflow:hidden}.recorder-shot>a{background:#f1f5fb;justify-content:center;align-items:center;padding:20px;display:flex}.recorder-shot img{object-fit:contain;border-radius:7px;width:auto;max-width:100%;height:420px;display:block}.recorder-shot figcaption{background:#fff8db;border-top:1px solid #bdcbe0;padding:16px 20px;font-size:18px;font-weight:700}.recorder-evidence-note{color:var(--muted);margin:16px 0 0;font-size:14px;line-height:1.85}.recorder-records,.recorder-output{margin-top:48px}.recorder-table-scroll{border:2px solid var(--line);border-radius:12px;overflow:auto}.recorder-table{border-collapse:collapse;text-align:left;width:100%;min-width:690px;font-size:15px}.recorder-table th{white-space:nowrap;background:#edf8fd;padding:13px 16px;font-weight:700}.recorder-table td{white-space:nowrap;border-top:1px solid #d8e1ef;padding:14px 16px}.recorder-table td:nth-child(n+3):nth-child(-n+5){font-variant-numeric:tabular-nums;text-align:right}.recorder-table th:nth-child(n+3):nth-child(-n+5){text-align:right}.recorder-table-scroll:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.recorder-steps{counter-reset:recorder-step;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 24px;padding:0;list-style:none;display:grid}.recorder-steps li{counter-increment:recorder-step;border:1px solid #bdcbe0;border-radius:12px;padding:20px}.recorder-steps li:before{content:counter(recorder-step,decimal-leading-zero);color:var(--accent);margin-bottom:12px;font-size:14px;display:block}.recorder-steps strong{margin-bottom:10px;font-size:18px;display:block}.recorder-steps span{color:var(--muted);font-size:16px;line-height:1.8}.recorder-export{border:2px solid var(--line);background:#fff8db;border-radius:14px;gap:18px;padding:24px;display:flex}.recorder-export>svg{color:var(--accent);flex-shrink:0}.recorder-export h3{margin:0 0 14px;font-size:20px}.recorder-export ul{flex-wrap:wrap;gap:10px 24px;margin:0;padding:0;font-size:16px;line-height:1.8;list-style:none;display:flex}@media (max-width:900px){.recorder-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.recorder-shot-grid{gap:16px}.recorder-shot>a{padding:10px}.recorder-shot img{height:320px}.recorder-shot figcaption{padding:14px;font-size:16px}.recorder-export{padding:20px}}@media (max-width:420px){.recorder-shot-grid,.recorder-steps{grid-template-columns:1fr}.recorder-shot img{height:360px}}