.chapter-navigation{display:flex;gap:10px;padding:12px 36px;background:#e3e7dc;border-bottom:1px solid var(--line);overflow-x:auto}
.chapter-navigation button{background:transparent;border:1px solid #bbc3b2;border-radius:8px;padding:10px 16px;min-height:44px;white-space:nowrap;font-size:12px}
.chapter-navigation button.active{background:#34463a;color:#faf8ee;border-color:#34463a}
.record-transcript{border:1px solid var(--line);background:var(--white);margin:26px 0}
.record-heading{padding:22px;background:#e6e9de;border-bottom:1px solid var(--line)}
.record-heading>strong{display:block;font:24px/1.4 var(--serif);margin:8px 0}
.record-heading>p{font-size:11px;color:var(--muted)}
.record-row{display:grid;grid-template-columns:66px minmax(0,1fr);gap:18px;padding:18px 22px;border-bottom:1px solid var(--line)}
.record-row:last-child{border-bottom:0}
.record-counter{font:12px/1.6 monospace;color:var(--red);padding-top:3px}
.record-row strong{font:600 11px/1.6 var(--sans);color:var(--olive)}
.record-row p{font:17px/1.75 var(--serif);margin-top:6px}
.edit-document{background:#f6edda;border:1px solid #d7c9ae;padding:28px;margin:24px 0;box-shadow:0 3px 8px #362d1a0d}
.edit-document h2{margin:12px 0;font-size:28px}
.edit-range{display:flex;align-items:center;gap:22px;margin:22px 0 10px;color:var(--ink)}
.edit-range strong{font:30px/1.4 monospace;font-weight:400}
.edit-range>span{font-size:24px;color:var(--red)}
.edit-document>p{font-size:11px;color:var(--muted)}
.document-signature{border-top:1px solid #ccbea5;padding-top:20px;margin-top:26px;display:flex;gap:20px;align-items:center}
.document-signature>span{font-size:10px;color:var(--muted)}
.document-signature>strong{font:italic 24px/1.3 var(--serif)}
.gap-puzzle legend{font-size:22px}
.gap-puzzle .verdict-option{font-size:15px}
.chapter-teaser>.primary+.primary{margin-left:12px}
@media(max-width:780px){.chapter-navigation{padding:12px 20px}.chapter-navigation button{font-size:11px}.record-row{grid-template-columns:48px minmax(0,1fr);padding:16px;gap:12px}.record-heading{padding:18px}.record-row p{font-size:16px}.edit-document{padding:22px}.edit-range{gap:18px}.edit-range strong{font-size:26px}.chapter-teaser>.primary+.primary{margin-left:0}}
.evidence-facsimile{margin:28px 0;background:#e4dfd1;padding:22px;border:1px solid var(--line)}
.artifact-label,.transcript-end{display:flex;justify-content:space-between;gap:12px;font:10px/1.6 var(--sans);color:var(--muted)}
.receipt-preview{margin:20px auto;max-width:520px}.receipt-preview img{display:block;width:100%;height:auto;box-shadow:0 8px 22px #332b1d26;transform:rotate(-.7deg)}
.receipt-preview figcaption,.hi8-reference figcaption{font:12px/1.7 var(--sans);color:var(--muted);margin-top:14px}
.document-zoom{margin-top:22px}.document-zoom summary{cursor:pointer;background:var(--ink);color:var(--white);padding:14px 18px;border-radius:9px;min-height:48px;font:14px/1.5 var(--sans)}
.document-zoom summary:focus-visible,.document-pan:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.document-zoom>p{font:12px/1.8 var(--sans);margin:16px 0;color:var(--muted)}
.document-pan{max-width:100%;overflow:auto;max-height:75vh;overscroll-behavior:contain;background:#d6cfbd;border:1px solid #bfb49d;padding:12px}
.document-pan img{display:block;width:900px;max-width:none;height:1100px}
.audio-artifact{background:#dddccd;padding:30px 24px;display:flex;justify-content:center}
.cassette-shell{width:340px;max-width:100%;background:#333a32;border:3px solid #22291f;border-radius:16px;padding:16px 20px 12px;box-shadow:0 12px 18px #20271930;transform:rotate(-2deg)}
.cassette-label{background:#e9e1c9;border-top:5px solid #93594c;padding:12px 10px;color:#293128}
.cassette-label span{display:block;font:9px/1.5 var(--sans);letter-spacing:1.1px}.cassette-label strong{display:block;font:italic 22px/1.6 var(--serif)}
.cassette-window{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;background:#727766;border:2px solid #22291f;margin:10px 0;border-radius:6px}
.cassette-window i{width:38px;height:38px;flex-shrink:0;border:9px dashed #d8d7c4;border-radius:50%;background:#31382e}.cassette-window>span{height:12px;flex:1;background:#4b392c;border-top:2px solid #22291f}
.cassette-bottom{display:flex;justify-content:space-between;color:#e1e2d4;font:10px/1.6 monospace}
.hi8-reference{margin:0;background:#1e251f;padding:18px}.hi8-reference img{display:block;width:100%;height:auto;max-width:640px;margin:auto}.hi8-reference figcaption{color:#d1d5c9}
.record-heading>p{font-size:12px;line-height:1.7}.transcript-status{font:11px/1.7 var(--sans);color:var(--muted);margin-top:12px;border-top:1px solid #c7cebd;padding-top:12px}
.transcript-legend{display:grid;grid-template-columns:66px minmax(0,1fr);gap:18px;padding:12px 22px;border-bottom:1px solid var(--line);font:10px/1.5 var(--sans);color:var(--muted);letter-spacing:.5px}
.ambient-row{background:#f0eee4}.ambient-row p{font-style:italic;color:#626659}.record-row strong{font-size:12px}.record-counter{font-size:13px}.transcript-end{padding:16px 22px;border-top:1px solid var(--line)}
@media(max-width:780px){.evidence-facsimile{padding:14px}.artifact-label{font-size:9px}.audio-artifact{padding:24px 16px}.cassette-shell{padding:14px}.cassette-window{gap:12px;padding:8px 12px}.transcript-legend{grid-template-columns:48px minmax(0,1fr);padding:12px 16px;gap:12px}.transcript-end{padding:14px 16px;flex-wrap:wrap}.hi8-reference{padding:12px}.record-heading>strong{font-size:22px}.document-pan{padding:6px}}

.cassette-player{padding:22px;background:#f1eee1;border-bottom:1px solid var(--line)}.cassette-player h3{font:24px/1.4 var(--serif);margin:8px 0 16px}.cassette-player audio{display:block;width:100%;min-height:54px}.cassette-player p{font:12px/1.8 var(--sans);color:var(--muted);margin-top:16px}@media(max-width:780px){.cassette-player{padding:18px}}

.hi8-player{display:block;width:100%;height:auto;max-width:640px;margin:16px auto 0;background:#151a15;aspect-ratio:4/3}.hi8-reference .artifact-label{color:#d1d5c9}.hi8-player:focus-visible{outline:3px solid var(--red);outline-offset:4px}