/* Reading 1B extensions for multiple source documents, Part 6 blanks and tables. */
.reading-document-stack{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.reading-document-stack .source-document{margin:0 0 18px;border-radius:26px;overflow:visible}
.reading-document-stack .source-document .paper-top{position:static;border-radius:26px 26px 0 0}
.reading-paper-tools{display:flex;align-items:center;gap:12px}.paper-identity{min-width:0}.source-block{white-space:pre-line}
.document-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.document-nav a{flex:1;padding:9px 12px;text-align:center;background:rgba(255,255,255,.8);border:1px solid #fff;border-radius:13px;color:var(--ruby);font-size:.875rem;text-decoration:none}
.table-wrap{overflow:auto;margin:18px 0}table{border-collapse:collapse;width:100%;font-size:.9rem;line-height:1.7}th,td{padding:12px 10px;border-bottom:1px solid #ded9d3;text-align:left}th{background:#eeeae4;font-weight:700}table.survey td:not(:first-child){text-align:center;color:#23633c;font-weight:800}.table-wrap:focus-visible{outline:2px solid var(--ruby)}
.blank{display:inline-block;background:#fff0b7;border:0;border-bottom:3px solid var(--ruby);min-width:80px;margin:0 4px;padding:2px 12px;color:var(--ruby);font:inherit;border-radius:6px;cursor:pointer}.blank.filled{background:#d8f0ca;color:#235d38}.blank.active{outline:2px solid #c4254d44}
.cross-document-evidence{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 12px}.cross-document-evidence button{flex:1;min-width:100px;padding:8px;font-size:.8rem;text-align:left}.cross-document-evidence small{display:block;margin-top:4px;color:var(--muted)}
.question-nav{margin-bottom:16px}.source-block.flash,.doc-meta span.flash,tr.flash{outline:3px solid #cfa43d;outline-offset:5px}.cue-mark{cursor:pointer}.cue-mark sup{font:.65em 'Be Vietnam Pro';padding-left:4px;vertical-align:super}
.practice-bar{padding:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.practice-result{color:#23633c;font-weight:700}.part6-word .answer-text{font-family:Literata,serif;font-size:1.25rem}.option-top{display:flex;align-items:baseline;gap:10px}.option-meaning{display:block;color:#23633c}.option-ipa{color:var(--ruby);font-size:.8rem;margin-left:7px}.option.chosen{outline:2px solid var(--ruby)}
.browser-voice-label{display:block;margin:6px 4px 0;color:var(--muted);font-size:10px;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speaking{background:#ffe45b!important;border-radius:3px}.audio-token{cursor:pointer}.source-modal{max-width:550px;padding:26px;line-height:1.8}.source-modal p{margin:12px 0}
@media(max-width:760px){.reading-paper-tools{gap:7px}.source-document .reading-paper-top{flex-wrap:wrap}.reading-document-stack .source-document{border-radius:20px}.document-nav a{font-size:.8rem}.study-footer{flex-wrap:wrap}th,td{padding:9px 7px}}

/* Keep document switching available throughout the passage stack. */
.document-nav{position:sticky;top:calc(var(--reading-header-height,72px) + 8px);z-index:60;padding:6px;background:#f5f3ef;border-radius:17px;box-shadow:0 5px 15px #26384b12;isolation:isolate}
.document-nav a:focus-visible{outline-offset:0}
@media(min-width:761px){.study-answer-panel{top:calc(var(--reading-header-height,72px) + 12px);height:calc(100dvh - var(--reading-header-height,72px) - 28px);max-height:calc(100dvh - var(--reading-header-height,72px) - 28px)}}

/* Navigation shares the whole study region, including the stacked phone answers. */
.study-layout>.document-nav{grid-column:1;grid-row:1;margin-bottom:0;align-self:start}
.study-layout:has(>.document-nav){row-gap:12px}
.study-layout:has(>.document-nav)>.reading-document-stack{grid-column:1;grid-row:2}
.study-layout:has(>.document-nav)>.study-answer-panel{grid-column:2;grid-row:1 / 3}
@media(max-width:760px){.study-layout>.document-nav{width:100%}}
/* Long glosses must wrap inside the available answer column on small screens. */
.study-answer-panel .answer-map{grid-template-columns:minmax(0,1fr)}
.study-answer-panel .answer-map>.answer-note,.study-answer-panel .answer-map>.question-nav{min-width:0}
main:not(.show-all-glosses) .reading-word:not([data-revealed])>.reading-meaning,
main:not(.show-all-glosses) .reading-word:not([data-revealed])>.reading-ipa{display:none}
