.technical-reader{max-width:1200px!important;padding-top:38px!important}.technical-reader h1{max-width:1000px;margin:14px 0 18px;font-size:clamp(30px,3.5vw,46px);line-height:1.16;letter-spacing:-.035em}.technical-reader .reader-lead{max-width:900px;color:var(--muted);font-size:17px;line-height:1.8}.reader-meta{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.reader-meta span{font-size:12px;background:#edf3f9;padding:8px 12px;border-radius:7px}.reader-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:30px}.reader-copy,.reader-visual{background:#fff;border:1px solid #dfe7ef;border-radius:16px;overflow:hidden}.reader-copy{padding:28px}.reader-copy h2,.reader-visual h2{font-size:20px;line-height:1.4;margin:0 0 16px}.reader-steps{list-style:none;margin:0;padding:0;counter-reset:reader-step}.reader-steps li{counter-increment:reader-step;position:relative;padding:18px 0 18px 42px;border-top:1px solid #e6edf4;font-size:14px;line-height:1.85;overflow-wrap:anywhere}.reader-steps li:before{content:counter(reader-step);position:absolute;left:0;top:19px;border-radius:50%;background:#edf4fc;color:#165ca3;display:grid;place-items:center;width:28px;height:28px;font-weight:700;font-size:12px}.reader-steps p{margin:0;white-space:pre-line}.reader-steps small{display:block;color:#6d8191;font-size:11px;margin-top:8px}.reader-check{background:#f0f7fc;padding:16px;border-radius:9px;margin-top:20px;font-size:13px;line-height:1.75}.reader-vhead{padding:22px;border-bottom:1px solid #e2e9f1}.reader-vhead h2{margin:0 0 8px}.reader-vhead p{margin:0;color:#657b8d;font-size:12px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:14px 18px;background:#f8fafc;border-bottom:1px solid #e2e9f1}.reader-toolbar button,.reader-toolbar select,.reader-expand,.reader-retry,.reader-dialog button{font:inherit;font-size:12px;border:1px solid #cbd9e6;background:#fff;border-radius:7px;padding:8px 10px;cursor:pointer;color:#165b9a}.reader-toolbar button:disabled{opacity:.4;cursor:default}.reader-canvas-wrap{padding:20px;background:#f0f4f8;min-height:240px;display:grid;place-items:center}.reader-canvas-wrap canvas{display:block;max-width:100%;height:auto;background:white;box-shadow:0 8px 22px #19334816}.reader-canvas-wrap canvas[hidden]{display:none}.reader-status{font-size:13px;color:#657b8d;line-height:1.6}.reader-vfoot{padding:16px 20px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:12px}.reader-source{font-size:12px;color:#687e90;line-height:1.85;border-top:1px solid #dfe7ef;margin-top:28px;padding-top:20px}.reader-transcript{margin-top:30px}.reader-transcript>h2{font-size:22px}.reader-transcript details{border:1px solid #dfe7ef;border-radius:10px;margin:10px 0;background:#fff}.reader-transcript summary{cursor:pointer;padding:16px 20px;font-size:14px;font-weight:600}.reader-page-text{padding:0 20px 20px;white-space:pre-line;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.reader-dialog{border:0;border-radius:12px;padding:18px;max-width:95vw;max-height:95vh}.reader-dialog::backdrop{background:#102b45c9}.reader-dialog canvas{display:block;max-width:88vw;max-height:80vh;object-fit:contain;margin:auto}.reader-dialog form{text-align:right;margin-bottom:12px}.reader-visual button:focus-visible,.reader-toolbar select:focus-visible{outline:3px solid #e5ac49;outline-offset:3px}@media(max-width:850px){.reader-layout{grid-template-columns:1fr;gap:22px}.reader-copy{padding:22px}.technical-reader h1{font-size:32px}.reader-visual{max-width:100%}}@media(prefers-reduced-motion:reduce){.technical-reader *{scroll-behavior:auto}}
.reader-layout.reader-layout-text{grid-template-columns:1fr;max-width:900px}
