.p-both-doors { display: grid; gap: 1.2rem; }
.p-both-doors .bd-note { max-width: 42rem; }
.p-both-doors .bd-note p { line-height: 1.6; margin: 0 0 0.9rem; }
.p-both-doors .bd-fig { margin: 0; }
.p-both-doors canvas { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 10px; background: #1d1a22; }
.p-both-doors figcaption { color: var(--muted); font-size: 0.92rem; margin-top: 0.6rem; max-width: 42rem; line-height: 1.5; }
.p-both-doors .bd-controls { display: flex; flex-wrap: wrap; gap: 0.8rem 1.2rem; align-items: center; }
.p-both-doors .bd-scrub { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; }
.p-both-doors .bd-scrub input { width: min(18rem, 70vw); accent-color: #ffd27a; }
.p-both-doors .bd-read { min-height: 2.6em; margin: 0; font-size: 0.9rem; overflow-wrap: anywhere; }
.p-both-doors .bd-sign { font-family: var(--serif); font-style: italic; color: var(--muted); }
.p-both-doors button:focus-visible, .p-both-doors input:focus-visible { outline: 2px solid #ffd27a; outline-offset: 3px; }