/* Shared study presentation is scoped to completed Listening and Reading groups.
   The native panel boxes and pre-answer exam view retain their geometry. */
.r67-group-progress{color:#637385;font:13px/1.5 Arial,sans-serif;margin:-10px 0 22px}
.r67-study-material,.r67-study-questions{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;container-type:inline-size}
.r67-study-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.r67-passage-audio{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.r67-study-tools button,.r67-listen{border:1px solid #ecd3dc;background:#fff8fa;color:#b11640;border-radius:18px;padding:7px 11px;font:700 11px/1.5 'R67 Be Vietnam Pro',Arial,sans-serif;cursor:pointer}
.r67-study-tools button[aria-pressed="true"]{background:#ae1239;color:white;border-color:#ae1239}
.r67-document{border:1px solid #eae5e0;padding:18px;margin-bottom:20px;border-radius:22px;background:linear-gradient(135deg,#fff,#fcf8f4);box-shadow:0 5px 18px #27374609;color:#304357;font:18px/2 'R67 Literata',Georgia,serif;overflow-wrap:break-word}
.r67-document-tools{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#657181;font:11px/1.5 'R67 Be Vietnam Pro',Arial,sans-serif;margin-bottom:6px}
.r67-document h3{font-size:23px;line-height:1.7;margin:0 0 14px;text-align:center;color:#304357}.r67-kicker{display:block;text-align:center;margin-bottom:10px}
.r67-source-block{white-space:pre-line}.r67-source-paragraph{margin:0 0 16px}.r67-source-paragraph:last-child{margin-bottom:0}
.r67-message{border:1px solid #e4e9ee;border-radius:15px;padding:12px;background:#fff}.r67-message:nth-child(even){background:#f1f6fa}
.r67-message-speaker{font:700 12px/1.6 'R67 Be Vietnam Pro',Arial,sans-serif;color:#52687a;margin:0 0 8px}
.r67-meta{margin:0 0 22px;font-size:15px}.r67-meta>div{display:flex;gap:12px}.r67-meta dt{font-weight:bold;min-width:65px}.r67-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}
.r67-form-block{line-height:1.8}.r67-position{display:inline-block;white-space:nowrap;color:#0e4d8c;background:#eff5fb;border:1px dashed #879aaa;border-radius:6px;padding:0 6px}
.r67-table-wrap{overflow-x:auto;margin:14px 0}.r67-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.r67-table-wrap th,.r67-table-wrap td{border:1px solid #d5dbe2;padding:8px;text-align:left}
.r67-filled-blank,.r67-evidence{color:inherit;text-decoration:none;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.r67-filled-blank{display:inline-grid;place-items:center;vertical-align:middle;min-width:58px;min-height:58px;padding:3px 12px;margin:3px 5px;border:1px solid #f4c4c7;border-bottom:4px solid #ba1744;border-radius:9px;background:#fff1b6;color:#ba1744;font-weight:700;font-size:18px}
/* Exact Reading 1A palette. Each passage clue, answer and bridge share a question tone. */
:is(.r67-question,.r67-evidence)[data-tone="yellow"]{--r67-mark:#ffe65b;--r67-mark-soft:#fffae2;--r67-mark-edge:#b38a08}
:is(.r67-question,.r67-evidence)[data-tone="green"]{--r67-mark:#b0ed80;--r67-mark-soft:#f2fbe8;--r67-mark-edge:#438224}
:is(.r67-question,.r67-evidence)[data-tone="cyan"]{--r67-mark:#8ee6ed;--r67-mark-soft:#e9fafb;--r67-mark-edge:#25828d}
:is(.r67-question,.r67-evidence)[data-tone="violet"]{--r67-mark:#dcb3ff;--r67-mark-soft:#f7efff;--r67-mark-edge:#8451ad}
.r67-evidence{background:var(--r67-mark);border-radius:5px;padding:1px 3px}
.r67-evidence sup{font:700 10px 'R67 Be Vietnam Pro',Arial,sans-serif;color:#304357}
.r67-active-evidence{outline:3px solid #6caadd;outline-offset:4px}
.r67-study-questions .question-copy{font:700 19px/1.5 'R67 Be Vietnam Pro',Arial,sans-serif;margin:8px 0 12px;color:#162c43}
.r67-study-questions .question-number{font:700 16px 'R67 Be Vietnam Pro',Arial,sans-serif;background:var(--r67-mark);border-radius:4px;padding:1px 4px}
.r67-study-questions h2{margin:0 0 4px}
.r67-study-questions .r67-group-progress{margin:0 0 8px}
.r67-study-questions .question{margin-bottom:20px}
.r67-study-questions .choices{display:grid;gap:10px;margin:0}
.r67-option-card{border:1px solid #f0c2ce;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#fff2f6,#fdf9fa);color:#a62548;box-shadow:0 5px 16px #61223806}
.r67-study-questions .choice{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-width:0;margin:0;padding:8px 10px;border:0;border-radius:13px;background:transparent;color:inherit;text-align:left;font:500 17px/1.5 'R67 Be Vietnam Pro',Arial,sans-serif;box-shadow:none}
.r67-study-questions .choice.selected{color:inherit;background:transparent;border:0;box-shadow:none}
.r67-option-letter{position:relative;flex:0 0 28px;align-self:flex-start;display:grid;place-items:center;border-radius:8px;background:#fbdce7;font:700 17px/1 'R67 Be Vietnam Pro',Arial,sans-serif;min-height:28px;margin-top:4px}
.r67-option-card:has(>.r67-original-choice){position:relative;overflow:visible;padding-top:14px;margin-top:10px}
.r67-original-choice{position:absolute;z-index:1;left:10px;top:-12px;display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;max-width:calc(100% - 20px);height:26px;padding:2px 9px 2px 3px;border:2px solid #fff;border-radius:14px;color:#fff;font:700 12px/1.3 'R67 Be Vietnam Pro',Arial,sans-serif;white-space:nowrap;box-shadow:0 2px 6px #142b4526}
.r67-choice-icon{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#fff;color:inherit;font:700 14px/1 Arial,sans-serif}
.r67-original-correct{background:#24733e}.r67-original-correct .r67-choice-icon{color:#24733e}
.r67-original-incorrect{background:#b72149}.r67-original-incorrect .r67-choice-icon{color:#b72149}
.r67-option-english{min-width:0;flex:1}.r67-option-status{flex:0 0 14px;font-size:21px;font-weight:700}
.r67-option-reason{padding:0 12px 8px 48px;margin:0;font:400 13px/1.5 'R67 Be Vietnam Pro',Arial,sans-serif;color:#a62548}
.r67-right-card{border-color:#a5d4aa;background:linear-gradient(135deg,#e6f8e6,#f4fcf0);color:#245d3a}
.r67-study-questions .choice.r67-correct,.r67-study-questions .choice.r67-correct.selected{background:var(--r67-mark);box-shadow:inset 0 0 0 2px var(--r67-mark-edge);color:#245d3a}
.r67-right-card .r67-option-letter{background:#c0edb5;color:#245d3a}
.r67-chosen-card{box-shadow:0 0 0 2px #b721492b}.r67-right-card.r67-chosen-card{box-shadow:0 0 0 2px #4a984444}
.r67-feedback{padding:8px 12px;margin:0;font:400 13px/1.5 'R67 Be Vietnam Pro',Arial,sans-serif;color:#245d3a}
.r67-feedback p{margin:6px 0 0}.r67-bridge{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;line-height:1.5}.r67-bridge-arrow{display:grid;place-items:center;background:var(--r67-mark);border-radius:50%;width:24px;height:24px;font-size:19px;flex-shrink:0}
.r67-evidence-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.r67-evidence-links a{color:#245d3a;font-weight:700;font-size:11px;text-underline-offset:3px}
.r67-scene{margin:24px 0 0}.r67-scene img{width:100%;height:auto;border-radius:22px;display:block}
.r67-word{position:relative;display:inline-block;vertical-align:baseline;cursor:pointer;max-width:100%;line-height:1.4}
.r67-word-english{text-decoration:underline dotted #9ba89a;text-underline-offset:4px;text-decoration-thickness:1px}
.r67-word:hover .r67-word-english,.r67-word:focus-visible .r67-word-english{background:#ffe85b;border-radius:4px}
.r67-evidence .r67-word:is(:hover,:focus-visible) .r67-word-english,.r67-right-card .r67-word:is(:hover,:focus-visible) .r67-word-english{background:var(--r67-mark)}
.r67-gloss{display:none;font:500 12px/1.3 'R67 Be Vietnam Pro',Arial,sans-serif;color:#12843c}
.r67-show-glosses .r67-word{display:inline-grid;grid-template-columns:minmax(0,1fr);justify-items:center;vertical-align:middle;white-space:normal;max-width:min(100%,14rem);margin:.2em .08em;row-gap:2px}
.r67-show-glosses .r67-gloss{display:block;max-width:100%;min-width:0;overflow-wrap:anywhere;text-align:center;padding:0 2px}
.r67-show-glosses .r67-meaning{grid-row:1}.r67-show-glosses .r67-word-english{grid-row:2;max-width:100%;white-space:normal;overflow-wrap:anywhere}.r67-show-glosses .r67-ipa{grid-row:3;color:#cf1745}
.r67-show-glosses .r67-document{line-height:2.2}.r67-show-glosses .r67-document h3{line-height:1.8}
.r67-show-glosses .r67-study-questions .r67-word{margin:.12em .06em;row-gap:1px}
.r67-study-questions .r67-gloss{line-height:1.2}
@container(max-width:410px){.r67-document{padding:14px;font-size:16px}.r67-document h3{font-size:20px}.r67-study-questions .question-copy{font-size:18px}.r67-study-questions .choice{font-size:16px;padding:8px 10px;gap:8px}.r67-option-letter{flex-basis:28px;font-size:16px;min-height:28px}.r67-option-reason{padding-left:48px;font-size:13px}.r67-gloss{font-size:11px}}
.r67-vocab-popup[hidden]{display:none}
.r67-vocab-popup{position:fixed;z-index:110;overflow:hidden;border-radius:19px;background:#fff;box-shadow:0 12px 40px #142b4535;border:1px solid #ffffffa0;pointer-events:auto}
.r67-vocab-popup img{display:block;width:100%;height:100%;object-fit:contain}
.r67-speaking{background:#fff0b7}
/* Maintain two independent columns at laptop and split-browser widths. */
@media(min-width:701px){.browse-view .browse-panels:has([data-r67-gloss]),.browse-view .browse-panels[data-reading-group]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:visible}.browse-panels[data-reading-group]>.panel{overflow-y:auto;overflow-x:hidden}}
@media(max-width:700px){.r67-document{padding:12px}.r67-study-tools button{font-size:11px}}

.r67-key{width:18px;height:18px;flex-shrink:0;fill:none;stroke:#328b50;stroke-width:2;stroke-linecap:round}

/* Shared review shell: full-width content with grouped navigation above it. */
.grouped-review-header header{height:44px}
.grouped-review-header .header-inner{max-width:none;margin:0;padding:0 12px;gap:16px}
.grouped-review-header .logo,.grouped-review-header .reference-account{display:none}
.grouped-review-header #header-question-label{font:700 16px/1.3 'Times New Roman',serif;white-space:nowrap}
.grouped-review-header h1{margin-left:auto;font-size:20px}
.grouped-review-header #app{padding-top:44px}
.grouped-review .browse-toolbar{display:none}
.grouped-review .browse-toolbar:has(#browse-exit){display:flex;margin:4px 8px 0}
.grouped-review .browse-toolbar>strong{display:none}
.grouped-review .browse-layout,.grouped-review.browse-list-closed .browse-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:6px;margin:4px 6px 6px;min-height:0}
.grouped-review .browse-workspace{grid-row:2;grid-column:1;margin:0;gap:0;min-height:0;grid-template-rows:minmax(0,1fr)}
.grouped-review .browse-panels{gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:visible}
.grouped-review .browse-panels>.panel{margin:0;padding:14px;overflow-y:auto;overflow-x:hidden;min-width:0;min-height:0}
.grouped-review .browse-map-rail,.grouped-review.browse-list-closed .browse-map-rail{grid-row:1;grid-column:1;display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:46px;gap:0 8px;border:1px solid #e3e8ed;border-radius:8px;box-shadow:none;margin:0;padding:0 8px;max-height:none;height:auto;min-height:46px}
.grouped-review .browse-map-rail .browse-map-toggle{position:static;transform:none;width:112px;height:34px;align-self:center;border-radius:6px;font:700 12px/1.3 ReferenceNunito,Arial,sans-serif}
.grouped-review .browse-compact,.grouped-review.browse-list-closed .browse-compact{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;grid-column:2;grid-row:1;height:46px;padding:4px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;min-width:0}
.grouped-review .browse-compact .q-nav{width:auto;min-width:72px;height:32px;margin:0;padding:0 8px;white-space:nowrap;border-radius:6px;font:700 13px/1.4 ReferenceNunito,Arial,sans-serif}
.grouped-review .reading-group-nav.partial{background:#eef5fc;color:#0e4d8c;border-color:#c6dbef}
.grouped-review .reading-group-nav.marked{border-color:#f48220;background:#ffeedf;color:#f48220}
.grouped-review .reading-group-nav.current{border:2px solid #0e4d8c;background:#fff;color:#0e4d8c}
.grouped-review .browse-map{grid-row:2;grid-column:1/-1;max-height:170px;min-height:0;padding:10px;overflow:auto;border-top:1px solid #e3e8ed}
.grouped-review .browse-map h2{font-size:16px;margin-bottom:8px}
.grouped-review .browse-map .browse-part{margin-bottom:10px}
.grouped-review .browse-grid{display:flex;flex-wrap:wrap;gap:6px}
.grouped-review .browse-grid .q-nav{width:36px}
.grouped-review .browse-map-rail .map-filters{grid-row:3;grid-column:1/-1;padding:6px 0;gap:6px}
.grouped-review .map-filters button{min-height:30px;padding:3px 10px;font-size:12px}
.grouped-review.browse-list-closed .browse-map,.grouped-review.browse-list-closed .map-filters{display:none}
.grouped-review .r67-document{padding:16px}
@media(max-width:700px){
 .grouped-review-header #header-question-label{font-size:13px}
 .grouped-review-header h1{font-size:13px;white-space:normal;text-align:right;min-width:0}
 .grouped-review .browse-panels{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}
 .grouped-review .browse-panels>.panel{padding:10px;overflow:auto}
 .grouped-review .browse-map-rail .browse-map{max-height:120px}
 .grouped-review .browse-map-rail{grid-template-columns:96px minmax(0,1fr);padding:0 4px;gap:4px}
 .grouped-review .browse-map-rail .browse-map-toggle{width:96px;font-size:11px}
 .grouped-review .browse-compact .q-nav{min-width:66px;font-size:12px}
}

/* Manual Listening playback and Return to test share the navigation row. */
.grouped-review .browse-nav-actions{display:none}
.grouped-review .browse-map-rail:has(.browse-nav-actions button){grid-template-columns:112px minmax(0,1fr) auto}
.grouped-review .browse-nav-actions:has(button){display:flex;align-items:center;gap:6px;grid-row:1;grid-column:3}
.grouped-review .browse-nav-actions button{height:34px;min-height:34px;padding:4px 10px;font:700 12px/1.3 ReferenceNunito,Arial,sans-serif;white-space:nowrap}
.grouped-review .browse-compact .reading-group-nav.single{min-width:40px}
.grouped-review:has(.reading-bar) .browse-workspace{grid-template-rows:minmax(0,1fr) 58px;gap:8px}
.grouped-review .browse-panels>.part5-rich-panel{padding:0}
.grouped-review.part5-study .browse-panels{grid-template-rows:minmax(0,1fr)}
@media(max-width:700px){
 .grouped-review .browse-map-rail:has(.browse-nav-actions button){grid-template-columns:96px minmax(0,1fr) auto}
 .grouped-review .browse-nav-actions button{font-size:11px;padding:4px 6px}
 .grouped-review .browse-compact .reading-group-nav.single{min-width:36px}
}

@media(max-width:680px){.r67-vocab-popup{border-radius:15px}}

/* Listening review shares the Reading cards and preserves the original pane sizes. */
.ls-turn{margin:14px 0 20px}.ls-turn>p{margin:4px 0}.ls-speaker{font:700 12px/1.4 'R67 Be Vietnam Pro',Arial;color:#50647a}.ls-turn .ls-translation{font:400 14px/1.6 'R67 Be Vietnam Pro',Arial;color:#25623d}.ls-study-material .ls-transcript .r67-document{margin-top:12px}.ls-study-questions .r67-option-status{font-size:20px}.ls-study-questions .r67-feedback{font-size:14px}