.td-handbook{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:28px;align-items:start;margin-top:30px;padding:24px;border:1px solid #303b4b;border-radius:6px;background:#11181e;scroll-margin-top:112px}
.td-handbook .td-kicker{font-size:10px;line-height:1.7;color:#8fbeff;margin-bottom:16px}
.td-handbook .td-handbook-info h3{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin-bottom:18px}
.td-handbook .td-handbook-info p:not(.td-kicker){font-size:14px;line-height:1.7}
.td-handbook-reader{min-width:0;width:100%;max-width:300px}
.td-handbook .td-handbook-label{font:10px/1.6 'IBM Plex Mono',monospace;color:#a9b9cb;margin:0 0 10px}
.td-handbook-scroll{height:420px;max-height:60svh;overflow-y:auto;border:1px solid #354254;background:#0a1d17;scrollbar-width:thin;scrollbar-color:#607489 #11181e;overscroll-behavior-y:contain}
.td-handbook-scroll:focus-visible{outline:2px solid #8fbeff;outline-offset:4px}
.td-handbook-scroll figure{margin:0;padding:0 0 16px;background:#0b0d10}
.td-handbook-scroll img{display:block;width:100%;height:auto;filter:none}
.td-handbook-scroll figcaption{padding:9px 12px 0;color:#a9b9cb;font:10px/1.5 'IBM Plex Mono',monospace}
.td-handbook .td-handbook-hint{font:10px/1.6 Sora,sans-serif;color:#8d9faf;margin:10px 0 0}
@media(max-width:1100px) and (min-width:851px){.td-handbook{grid-template-columns:1fr}.td-handbook-reader{margin:auto}}
@media(max-width:600px){.td-handbook{grid-template-columns:1fr;padding:18px;gap:22px}.td-handbook-reader{max-width:280px;margin:auto}.td-handbook-scroll{height:390px}.td-handbook .td-handbook-info h3{font-size:23px}}