.secondary-actions { margin-top: 14px; padding-top: 12px; border: 0; border-top: 1px solid #eef2f7; border-radius: 0; background: transparent; display: flex; align-items: center; justify-content: flex-start; gap: 12px; flex-wrap: wrap; } /* Fill blanks: editorial practice surface */ #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout { width: 100%; max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "instr" "pass" "actions" "result" "next"; gap: var(--space-14); padding: 0; border: 0; border-radius: 0; background: transparent; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .practice-zone-divider, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .single-answer-grid-divider--exercise, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #questionBlock, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #sourceBlock, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #promptBlock .content-label, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultExplanation, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultLearnerAnswer, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultCorrectAnswer, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultBreakdown, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultNextStep { display: none; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .prompt-service-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-12); align-items: start; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #options { grid-area: pass; margin: 0; padding: 0; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #options.fib-inline-options { gap: 0; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-item { margin: 0; padding: 0; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-text { margin: 0; padding: 0 0 18px; color: var(--text-primary); font-size: var(--font-size-100); font-weight: var(--font-weight-regular); line-height: 2; letter-spacing: var(--tracking-soft-tightest); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-dropdown { position: relative; display: inline-flex; vertical-align: baseline; margin: 0 3px; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-trigger { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 4px 10px 4px 12px; border: 1px solid var(--input-border-default); border-radius: 6px; background: var(--bg-page); color: var(--text-secondary); font-size: 15px; font-weight: var(--font-weight-medium); line-height: 1.4; letter-spacing: var(--tracking-soft-tightest); cursor: pointer; transition: border-color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-trigger:hover { border-color: var(--input-border-hover); background: var(--bg-surface); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-trigger:focus-visible, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-dropdown.is-open .fib-inline-trigger { outline: none; border-color: var(--input-border-focus); background: var(--bg-surface); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-trigger.has-value { color: var(--text-primary); background: var(--bg-surface); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-trigger-chevron { margin-left: auto; color: var(--text-muted); display: inline-flex; align-items: center; justify-content: center; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-trigger-chevron svg { width: 11px; height: 11px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; fill: none; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-menu { position: absolute; top: calc(100% + 4px); left: 0; min-width: 100%; padding: 4px; border: 1px solid var(--border-strong); border-radius: 7px; background: var(--bg-surface); box-shadow: 0 4px 12px rgba(15, 42, 71, 0.08); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-4px); transition: opacity var(--motion-duration-dropdown-close) var(--motion-ease-micro), transform var(--motion-duration-dropdown-open) var(--motion-ease-micro), visibility var(--motion-duration-dropdown-close) linear; z-index: 50; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-dropdown.is-open .fib-inline-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-menu { transition: none; } } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-menu-item { display: flex; align-items: center; gap: 8px; width: 100%; padding: 7px 10px; border: 0; border-radius: 5px; background: transparent; color: var(--text-primary); font-size: 14px; font-weight: var(--font-weight-medium); line-height: 1.4; letter-spacing: var(--tracking-soft-tightest); text-align: left; cursor: pointer; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-menu-item:hover, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-menu-item.is-highlighted, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-menu-item:focus-visible { outline: none; background: var(--warm-gray-soft); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-menu-item.is-selected { background: var(--accent-action-soft-bg); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-menu-letter { width: 18px; flex: 0 0 18px; color: var(--text-muted); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-menu-item.is-selected .fib-inline-menu-letter { color: var(--accent-action); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-menu-item.is-selected .fib-inline-menu-word { font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-answer-chip { display: inline-flex; align-items: baseline; gap: 6px; margin: 0 3px; vertical-align: baseline; letter-spacing: var(--tracking-soft-tightest); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-answer-chip.correct { padding: 1px 9px; border: 1px solid var(--success-fill-darker); border-radius: 5px; background: var(--success-fill); color: var(--success-text-stronger); font-size: 15px; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-answer-chip.incorrect { padding: 1px 9px; border: 1px solid var(--danger-fill-darker); border-radius: 5px; background: var(--danger-fill); font-size: 15px; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-answer-chip-wrong { color: var(--danger-text); text-decoration-line: line-through; text-decoration-thickness: 0.5px; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-answer-chip-arrow { color: var(--text-muted); font-size: 12px; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-inline-answer-chip-right { color: var(--success-text-stronger); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-actions { grid-area: actions; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-next-action { grid-area: next; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result { grid-area: result; margin: 0; padding: 0; border: 0; background: transparent; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-eyebrow { margin: 0 0 12px; color: var(--text-secondary); font-size: 11.5px; font-weight: var(--font-weight-medium); line-height: 1.4; letter-spacing: 0.14em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-list { display: flex; flex-direction: column; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-item { display: flex; gap: var(--space-10); padding: 10px 0; border-bottom: var(--border-width-default) solid var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-item:first-child { padding-top: 0; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-item:last-child { padding-bottom: 0; border-bottom: 0; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-badge { width: 22px; height: 22px; margin-top: 1px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; font-size: 11px; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-badge.correct { background: var(--success-fill-stronger); color: var(--success-text-stronger); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-badge.incorrect { background: var(--danger-fill-stronger); color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-content { min-width: 0; flex: 1 1 auto; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-status { margin: 0 0 3px; font-size: 11px; font-weight: var(--font-weight-medium); line-height: 1.35; letter-spacing: 0.04em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-status.correct { color: var(--success-text-stronger); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-status.incorrect { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-answer-line { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; margin: 0 0 4px; color: var(--text-primary); font-size: 13px; line-height: 1.45; letter-spacing: var(--tracking-soft-tightest); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-answer-wrong { color: var(--danger-text); text-decoration-line: line-through; text-decoration-thickness: 0.5px; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-answer-arrow { color: var(--text-muted); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-answer-right { color: var(--success-text-stronger); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-explanation { margin: 4px 0 0; color: var(--text-secondary); font-size: 13px; line-height: 1.55; letter-spacing: var(--tracking-soft-tightest); } @media (max-width: 960px) { #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-layout--split { grid-template-columns: 1fr; gap: var(--space-18); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-column-divider { display: none; } } @media (max-width: 720px) { #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .prompt-service-row, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-next-action, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .result-header-row { flex-wrap: wrap; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultScoreLine, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #nextQuestionKeyboardHint { margin-right: auto; } } .qbi-dot--new { background: var(--border-strong); } .qbi-dot--correct { background: var(--success-text); } .qbi-dot--partial { background: var(--warning-accent); } .qbi-dot--incorrect { background: var(--danger-text); } /* Drag words: editorial practice surface */ #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout { width: 100%; max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "instr" "pass" "actions" "result" "next"; gap: var(--space-14); padding: 0; border: 0; border-radius: 0; background: transparent; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .practice-zone-divider, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .single-answer-grid-divider--exercise, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #questionBlock, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #sourceBlock, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #promptBlock .content-label, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultExplanation, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultLearnerAnswer, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultCorrectAnswer, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultBreakdown, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultNextStep { display: none; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #promptBlock { border-top: 0 !important; border-top-color: transparent !important; box-shadow: none !important; background-image: none !important; outline: 0 !important; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .prompt-service-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-12); align-items: start; border-top: 0 !important; border-top-color: transparent !important; box-shadow: none !important; background-image: none !important; outline: 0 !important; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #promptBlock::before, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #promptBlock::after, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .prompt-service-row::before, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .prompt-service-row::after { display: none !important; content: none !important; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #options.drag-words-editorial-list { grid-area: pass; list-style: none; margin: 0; padding: 0; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-item { display: grid; gap: var(--space-20); margin: 0; padding: 0; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-passage { margin: 0; color: var(--text-primary); font-size: var(--font-size-100); font-weight: var(--font-weight-regular); line-height: 1.95; letter-spacing: var(--tracking-soft-tightest); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target { display: inline-flex; align-items: center; gap: 6px; min-height: 24px; min-width: 58px; margin: 0 3px; padding: 2px 8px 2px 10px; border: 1px solid var(--input-border-default); border-radius: 5px; background: var(--bg-page); color: var(--text-secondary); vertical-align: baseline; cursor: pointer; user-select: none; transition: border-color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard), box-shadow var(--motion-duration-fast) var(--motion-ease-standard); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target:hover { border-color: var(--input-border-hover); background: var(--bg-surface); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.assigned { border-style: solid; border-color: var(--accent-action); background: var(--accent-action-soft-bg); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.drop-ready { border-color: var(--input-border-focus); background: var(--bg-surface-hover); box-shadow: 0 0 0 3px rgba(191, 219, 254, 0.38); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-value { color: inherit; font-size: 15px; font-weight: var(--font-weight-medium); line-height: 1.2; letter-spacing: var(--tracking-soft-tightest); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.assigned .dd-fib-blank-value { color: var(--text-primary); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-clear { border: 0; padding: 0; background: transparent; color: var(--text-faint); font-size: 0.9rem; line-height: 1; cursor: pointer; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-clear:hover { color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-bank { display: grid; gap: var(--space-10); padding-top: var(--space-6); border-top: var(--border-width-default) solid var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-bank-title { margin: 0; color: var(--text-muted); font-size: var(--font-size-075); font-weight: var(--font-weight-medium); line-height: 1.4; letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-list { list-style: none; display: flex; flex-wrap: wrap; gap: var(--space-8); margin: 0; padding: 0; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-item { margin: 0; padding: 0; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-button { border: 1px solid var(--input-border-default); border-radius: var(--space-7); padding: var(--space-4) var(--space-16); background: var(--bg-surface); color: var(--text-secondary); font-size: 0.9375rem; font-weight: var(--font-weight-regular); line-height: 1.35; letter-spacing: var(--tracking-soft-tightest); cursor: pointer; transition: border-color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard), color var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-standard); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-button:hover { border-color: var(--input-border-hover); background: var(--bg-page); color: var(--text-primary); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-button.selected { border-color: var(--accent-action); background: var(--accent-action-soft-bg); color: var(--text-primary); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-button.assigned { border-color: var(--border-subtle); background: var(--warm-gray-soft); color: var(--text-muted); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-actions { grid-area: actions; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-next-action { grid-area: next; } @media (max-width: 720px) { #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .prompt-service-row, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-next-action { flex-wrap: wrap; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-bank { gap: var(--space-8); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-button { width: 100%; justify-content: center; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-item { flex: 1 1 calc(50% - var(--space-8)); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #nextQuestionKeyboardHint { margin-right: auto; } } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-detail-list { display: flex; flex-direction: column; gap: 0; border-top: 0; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-detail-item { border: 0; border-radius: 0; border-bottom: var(--border-width-default) solid var(--border-subtle); background: transparent; padding: 10px 0; gap: var(--space-4); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-detail-item:first-child { padding-top: 0; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-detail-item:last-child { padding-bottom: 0; border-bottom: 0; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-detail-label { color: var(--text-secondary); font-size: 0.8125rem; font-weight: var(--font-weight-medium); line-height: 1.4; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-detail-text { color: var(--text-secondary); font-size: 0.9375rem; line-height: 1.55; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-correct { border-color: var(--success-fill-darker); background: var(--success-fill); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-correct .dd-fib-blank-value { display: inline-flex; align-items: baseline; gap: 6px; flex-wrap: wrap; color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-incorrect { border-color: var(--danger-fill-darker); background: var(--danger-fill); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-incorrect .dd-fib-blank-value { display: inline-flex; align-items: baseline; gap: 6px; flex-wrap: wrap; color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-missing { border-color: var(--warning-border, #f7c98a); background: var(--warning-fill, #fff8ed); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-missing .dd-fib-blank-value { display: inline-flex; align-items: baseline; gap: 6px; flex-wrap: wrap; color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-correct, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-incorrect, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-missing { min-width: auto; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-incorrect .fib-inline-answer-chip-wrong, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-missing .fib-inline-answer-chip-wrong { color: var(--danger-text); text-decoration-line: line-through; text-decoration-thickness: 0.5px; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-incorrect .fib-inline-answer-chip-arrow, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-missing .fib-inline-answer-chip-arrow { color: var(--text-muted); font-size: 12px; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-incorrect .fib-inline-answer-chip-right, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-blank-target.review-missing .fib-inline-answer-chip-right { color: var(--success-text-stronger); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-button.review-used-correct, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-button.review-used-incorrect, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-button.review-unused { box-shadow: none; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-button.review-used-correct { border-color: var(--success-fill-darker); background: var(--success-fill); color: var(--success-text); opacity: 1; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-button.review-used-incorrect { border-color: var(--danger-fill-darker); background: var(--danger-fill); color: var(--danger-text); opacity: 1; } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .dd-fib-word-button.review-unused { border-color: var(--border-subtle); background: var(--bg-page); color: var(--text-muted); opacity: 0.78; } @media (max-width: 900px) { #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-layout--split { grid-template-columns: minmax(0, 1fr); gap: var(--space-16); } #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-column-divider { display: none; } } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #options.mcq-options { gap: var(--space-6); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label { position: relative; display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: flex-start; gap: var(--space-12); padding: var(--space-10) var(--space-13); padding-right: var(--space-80); border: var(--border-width-default) solid transparent; border-radius: var(--space-7); background: transparent; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label:has(input:focus-visible) { outline: var(--border-width-strong) solid var(--accent-action); outline-offset: var(--space-2); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-control { width: var(--space-16); height: var(--space-16); margin-top: var(--space-2); border: var(--border-width-accent) solid var(--warm-gray-strong); border-radius: var(--space-4); background: var(--bg-page); display: inline-flex; align-items: center; justify-content: center; color: transparent; flex: 0 0 auto; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-control-icon { display: inline-flex; align-items: center; justify-content: center; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-control-icon svg { width: var(--space-10); height: var(--space-10); stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; fill: none; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-letter { min-width: var(--space-20); color: var(--text-primary); font-size: var(--font-size-0905); font-weight: var(--font-weight-medium); line-height: 1.55; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-copy { color: var(--text-primary); font-size: var(--font-size-0905); font-weight: var(--font-weight-regular); line-height: 1.55; letter-spacing: -0.005em; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label:hover { background: var(--warm-gray-soft); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.selected { background: var(--accent-action-soft-bg); border-color: var(--accent-action-soft-border-subtle); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.selected .option-control { background: var(--accent-action); border-color: var(--accent-action); color: var(--text-on-emphasis); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-selected-correct { background: var(--success-fill); border-color: var(--success-fill-darker); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-selected-correct .option-control { background: var(--success-text); border-color: var(--success-text); color: var(--success-fill); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-selected-correct .option-letter { color: var(--success-text-stronger); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct-multiple { background: var(--warning-fill); border-color: var(--warning-border-strong); border-style: dashed; border-width: var(--border-width-accent); box-shadow: none; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct.review-missed-correct-multiple { background: var(--warning-fill) !important; border-color: var(--warning-border-strong) !important; box-shadow: none !important; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct .option-control, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct-multiple .option-control { background: var(--bg-page); border-color: var(--warning-text); border-style: dashed; color: transparent; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct.review-missed-correct-multiple .option-control { background: var(--bg-page) !important; border-color: var(--warning-text) !important; border-style: dashed !important; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct .option-letter, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct-multiple .option-letter { color: var(--warning-text-dark); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct.review-missed-correct-multiple .option-letter { color: var(--warning-text-dark) !important; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-selected-incorrect { background: var(--danger-fill); border-color: var(--danger-fill-darker); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-selected-incorrect .option-control { background: var(--danger-text); border-color: var(--danger-text); color: var(--danger-fill); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-selected-incorrect .option-letter { color: var(--danger-text); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-review-note { position: absolute; top: var(--space-11); right: var(--space-13); padding: var(--space-2) var(--space-8); border-radius: var(--radius-pill); font-size: var(--font-size-065625); font-weight: var(--font-weight-medium); line-height: 1.5; letter-spacing: 0.02em; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-review-note.state-correct { background: var(--success-fill-stronger); color: var(--success-text-stronger); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-review-note.state-missed { background: var(--warning-fill); color: var(--warning-text-dark); border: 1px solid var(--warning-border-strong); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct .option-review-note.state-missed, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct-multiple .option-review-note.state-missed { background: var(--warning-fill); color: var(--warning-text-dark); border: 1px solid var(--warning-border-strong); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct.review-missed-correct-multiple .option-review-note.state-missed { background: var(--warning-fill) !important; color: var(--warning-text-dark) !important; border-color: var(--warning-border-strong) !important; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-review-note.state-incorrect { background: var(--danger-fill-stronger); color: var(--danger-text); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #resultExplanation { display: none; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-left .methodical-text { color: var(--text-primary); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-list { gap: 0; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-item { padding: var(--space-8) 0; border: 0; border-bottom: var(--border-width-default) solid var(--border-subtle); border-radius: 0; background: transparent; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-item:first-child { padding-top: 0; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-item:last-child { padding-bottom: 0; border-bottom: 0; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-item--user-choice { background: transparent; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-chip { min-width: var(--space-20); height: var(--space-20); margin-top: var(--space-1); border: 0; background: var(--danger-fill); color: var(--danger-text); font-size: calc(var(--space-22) / 2); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-status.missed { color: var(--warning-text); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-chip--missed { border: 0; background: var(--warning-fill); color: var(--warning-text-dark); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-status { margin-bottom: var(--space-2); font-size: var(--font-size-0719); font-weight: var(--font-weight-medium); letter-spacing: 0.04em; text-transform: uppercase; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-status.user-choice, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-status.incorrect { color: var(--danger-text); } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-text { color: var(--text-secondary); font-size: var(--space-14); font-weight: var(--font-weight-regular); line-height: 1.6; } .secondary-actions-buttons { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; } #previousInlineButton, #previousButton, #backToCurrentButton, #exitButton { border-color: #e1e8f0; background: transparent; color: #667085; font-size: 0.84rem; font-weight: 600; min-height: 40px; padding: 8px 12px; box-shadow: none; } #exitButton { color: #475467; } .writing-workspace { display: grid; gap: 12px; } .writing-panel { border: 1px solid #dde5ef; border-radius: 12px; background: #f8fafc; padding: 14px; display: grid; gap: 8px; } .writing-header-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .writing-header-row .btn-utility { margin-left: auto; } .writing-task-pill { border: 1px solid #c9d3df; border-radius: 999px; padding: 5px 10px; background: #ffffff; color: #344054; font-size: 0.86rem; font-weight: 700; } .writing-prompt { margin: 0; color: #1d2939; font-size: 1rem; font-weight: 700; } .writing-instruction, .writing-live-word-count { margin: 0; color: #475467; font-size: 0.9rem; font-weight: 600; } .writing-response-block { display: grid; gap: 8px; } .writing-actions { width: 100%; } .writing-actions #writingNextButton { margin-left: auto; } .writing-response-input { width: 100%; min-height: 180px; resize: vertical; border: 1px solid #c9d3df; border-radius: 10px; padding: 10px 12px; font-family: inherit; font-size: 0.98rem; color: #1d2939; box-sizing: border-box; background: #ffffff; line-height: 1.5; } .writing-count-meter { display: grid; gap: 6px; margin-top: 2px; } .writing-count-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin: 0; color: #475467; font-size: 0.86rem; font-weight: 700; } .writing-count-track { width: 100%; height: 8px; border-radius: 999px; background: #e6ebf2; overflow: hidden; } .writing-count-fill { width: 0%; height: 100%; border-radius: 999px; background: #98a2b3; transition: width 0.15s ease, background-color 0.15s ease; } .writing-count-meter.state-within .writing-count-fill { background: #12b76a; } .writing-count-meter.state-approaching .writing-count-fill { background: #f79009; } .writing-count-meter.state-over .writing-count-fill { background: #f04438; } #writingResult { margin-top: 8px; padding: 12px; border-radius: 8px; background: #f8fafc; border: 1px solid #d9e2ef; display: grid; gap: 4px; } #writingResult p { margin: 0; color: #344054; } #writingResultStatus { font-weight: 700; color: #1d2939; } #writingError { margin: 0; color: #b42318; } #writingError:empty { display: none; } #result.correct-state { border-color: var(--pte-success-200); background: var(--pte-success-50); } #result.incorrect-state { border-color: var(--pte-danger-200); background: var(--pte-danger-50); } #result.partial-state { border-color: #fedf89; background: #fffcf5; } #result { margin-top: 12px; border: 1px solid #d0d5dd; border-radius: 12px; padding: 12px; width: 100%; max-width: 100%; box-sizing: border-box; justify-self: stretch; align-self: start; grid-column: 1 / -1; display: grid; grid-template-columns: 1fr; grid-template-areas: "summary" "score" "explanation" "learner" "correct" "methodical" "breakdown" "next"; gap: 9px; } #question, #question.mcq-layout, #question.mcq-layout #promptBlock, #question.mcq-layout #sourceBlock, #question.mcq-layout #questionBlock, #question.mcq-layout #options, #question.mcq-layout .question-actions, #result, #methodicalFeedbackPanel, .methodical-layout, .methodical-layout--split, .methodical-column, .methodical-left, .methodical-right { min-width: 0; } #options.mcq-options ~ #result { position: relative; } #options.mcq-options ~ #result::before { content: ""; position: absolute; top: -8px; left: 0; right: 0; height: 1px; background: #edf2f7; } #resultSummary { font-weight: 700; font-size: 1.12rem; line-height: 1.25; margin: 0; grid-area: summary; align-self: start; } #resultSummary.correct { color: var(--pte-success-600); } #resultSummary.incorrect { color: var(--pte-danger-600); } #resultExplanation { margin: 0; color: #344054; grid-area: explanation; font-size: 0.96rem; line-height: 1.5; } #resultExplanation:empty { display: none; } #resultLearnerAnswer { margin: 0; color: #475467; grid-area: learner; align-self: start; font-size: 0.9rem; } #resultLearnerAnswer.compact-inline, #resultCorrectAnswer.compact-inline { font-size: 0.9rem; } #resultLearnerAnswer:empty { display: none; } #resultCorrectAnswer { margin: 0; color: #475467; grid-area: correct; font-size: 0.9rem; } #resultCorrectAnswer:empty { display: none; } .result-correct-answer-title { margin: 0 0 6px 0; color: #344054; font-weight: 600; } .result-correct-answer-list { margin: 0; padding-left: 20px; color: #344054; display: grid; gap: 4px; } .result-correct-answer-list.ordered { list-style: decimal; } #resultNextStep { margin: 0; color: #667085; font-size: 0.84rem; font-weight: 500; grid-area: next; } #resultNextStep:empty { display: none; } #resultSummary.partial { color: #b54708; } #resultScoreLine { display: flex; justify-content: flex-end; align-items: flex-start; margin: -2px 0 0; grid-area: score; } .score-badge { display: inline-flex; align-items: center; border-radius: 999px; border: 1px solid #d0d5dd; padding: 3px 10px; font-size: 0.8rem; font-weight: 600; color: #344054; white-space: nowrap; background: #ffffff; } .score-badge.correct { color: var(--pte-success-600); border-color: var(--pte-success-200); background: var(--pte-success-50); } .score-badge.partial { color: #b54708; border-color: #fedf89; background: #fffaeb; } .score-badge.incorrect { color: var(--pte-danger-600); border-color: var(--pte-danger-200); background: var(--pte-danger-50); } .scoring-breakdown { margin: 0; } #resultBreakdown { grid-area: breakdown; padding-top: 4px; border-top: 1px solid rgba(208, 213, 221, 0.55); } .breakdown-stat-row { display: flex; gap: 16px; flex-wrap: wrap; font-size: 0.85rem; color: #344054; } .breakdown-stat { display: flex; align-items: center; gap: 5px; } .breakdown-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex-shrink: 0; } .breakdown-dot.correct { background: var(--pte-success-600); } .breakdown-dot.wrong { background: var(--pte-danger-600); } .breakdown-dot.missed { background: #98a2b3; } .breakdown-blank-grid { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; } .breakdown-blank-chip { font-size: 0.78rem; padding: 2px 8px; border-radius: 12px; font-weight: 600; white-space: nowrap; } .breakdown-blank-chip.correct { background: var(--pte-success-50); color: var(--pte-success-600); } .breakdown-blank-chip.incorrect { background: var(--pte-danger-50); color: var(--pte-danger-600); } .breakdown-transition { font-size: 0.85rem; color: #344054; margin: 4px 0 0 0; } #methodicalFeedbackPanel { grid-area: methodical; margin-top: 4px; padding-top: 8px; border-top: 1px solid rgba(208, 213, 221, 0.55); } .methodical-layout { padding: 0; } .methodical-layout--split { display: grid; grid-template-columns: 1fr; gap: 10px; } @media (min-width: 1101px) { .methodical-layout--split { grid-template-columns: 1.15fr 1fr; gap: 14px; } } .methodical-layout--single { display: grid; grid-template-columns: 1fr; gap: 10px; } .methodical-column { min-width: 0; } .methodical-left { display: grid; gap: 10px; align-content: start; } .methodical-right { display: grid; gap: 8px; align-content: start; } .methodical-inline-section { display: grid; gap: 6px; } .methodical-static-header { display: flex; align-items: flex-end; border-bottom: 1px solid #e4e7ec; padding-bottom: 2px; } .methodical-static-header-tab { display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 7px 12px; border-radius: 8px 8px 0 0; border-bottom: 2px solid #175cd3; background: #eff8ff; color: #175cd3; font-size: 0.84rem; font-weight: 600; line-height: 1.1; white-space: nowrap; } .methodical-static-header.single-review-header { border-bottom: 1px solid #d9e2ef; padding-bottom: 6px; } .methodical-static-header-tab.single-review-tab { height: auto; padding: 0; border-radius: 0; border-bottom: 0; background: transparent; color: #1d4ed8; font-size: 0.95rem; font-weight: 700; line-height: 1.2; } .methodical-tabs { display: flex; gap: 2px; flex-wrap: nowrap; overflow-x: auto; border-bottom: 1px solid #e4e7ec; padding-bottom: 2px; align-items: flex-end; min-height: 34px; } .methodical-tab { appearance: none; font-size: 0.84rem; font-weight: 600; color: #475467; border: none; border-bottom: 2px solid transparent; border-radius: 8px 8px 0 0; padding: 7px 12px; height: 34px; min-height: 34px; max-height: 34px; background: transparent; cursor: pointer; white-space: nowrap; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; align-self: flex-end; line-height: 1.1; } .methodical-tab.active { color: #175cd3; border-bottom-color: #175cd3; background: #eff8ff; } .methodical-tab:focus-visible { outline: 2px solid #84caff; outline-offset: 1px; } .methodical-tab-content { display: grid; gap: 8px; min-height: 0; align-content: start; } .methodical-title { margin: 0 0 6px 0; font-size: 0.82rem; font-weight: 700; color: #344054; text-transform: uppercase; letter-spacing: 0.02em; } .methodical-title.methodical-title-sentence { text-transform: none; letter-spacing: 0; font-size: 0.9rem; font-weight: 700; } .methodical-text { margin: 0; color: #344054; line-height: 1.45; } .methodical-subnote { font-size: 0.9rem; color: #475467; } .methodical-inline-title { margin-bottom: 0; font-size: 0.78rem; } .methodical-tip-callout { margin: 0; border: 1px solid #abefc6; background: #f6fef9; border-radius: 8px; padding: 8px 10px; display: block; } .methodical-section-label { display: inline-flex; align-items: center; gap: 6px; margin: 0; color: #344054; font-size: 0.84rem; font-weight: 700; line-height: 1.2; } .methodical-inline-icon { width: 14px; height: 14px; flex-shrink: 0; } .methodical-tip-row { margin: 0; display: flex; align-items: flex-start; gap: 8px; color: var(--pte-success-600); font-size: 0.88rem; font-weight: 600; line-height: 1.35; } .methodical-tip-inline-content { color: inherit; flex: 1 1 auto; min-width: 0; } .methodical-skill-section { display: grid; gap: 6px; } .methodical-skill-section--subtle .methodical-section-label { color: #667085; font-size: 0.8rem; font-weight: 600; } .methodical-skill-section--subtle .methodical-tags { gap: 5px; } .methodical-skill-section--subtle .methodical-tag { font-size: 0.74rem; font-weight: 500; color: #667085; border-color: #e4e7ec; background: #fcfcfd; border-radius: 999px; padding: 1px 7px; } .methodical-list { margin: 0; padding-left: 18px; display: grid; gap: 6px; color: #344054; } .methodical-list.ordered { list-style: decimal; } .methodical-list.reorder-identity-list { list-style: none; padding-left: 0; } .methodical-tags { display: flex; flex-wrap: wrap; gap: 6px; } .methodical-tag { font-size: 0.78rem; font-weight: 600; color: #344054; border: 1px solid #d0d5dd; background: #ffffff; border-radius: 6px; padding: 2px 7px; line-height: 1.25; display: inline-flex; align-items: center; min-height: 0; min-width: 0; } .methodical-option-list { display: grid; gap: 8px; } .methodical-option-item { border: 1px solid #d9e2ef; border-radius: 9px; padding: 8px 10px; width: 100%; max-width: 100%; box-sizing: border-box; display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: start; background: #f8fafc; } .methodical-option-chip { min-width: 24px; height: 24px; border-radius: 999px; border: 1px solid #b2ccff; color: #175cd3; background: #eff8ff; display: inline-flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: 700; } .methodical-option-content { display: grid; gap: 2px; min-width: 0; } .methodical-option-status { margin: 0; font-size: 0.75rem; font-weight: 600; letter-spacing: 0; } .methodical-option-status.correct { color: var(--pte-success-600); } .methodical-option-status.incorrect { color: var(--pte-danger-600); } .methodical-option-text { margin: 0; color: #344054; line-height: 1.35; font-size: 0.9rem; } .methodical-detail-list { display: grid; gap: 8px; } .methodical-detail-item { border: 1px solid #d9e2ef; border-radius: 9px; padding: 8px 10px; width: 100%; max-width: 100%; box-sizing: border-box; background: #f8fafc; display: grid; gap: 3px; } .methodical-detail-label { margin: 0; font-size: 0.82rem; font-weight: 700; color: #344054; } .methodical-detail-text { margin: 0; font-size: 0.88rem; color: #475467; line-height: 1.35; } .methodical-order-wrap { display: grid; gap: 8px; } .methodical-order-comparison { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .methodical-order-comparison.single { grid-template-columns: 1fr; } .methodical-order-comparison + .methodical-layout { margin-top: 14px; } .methodical-order-card { border: 1px solid #d9e2ef; border-radius: 9px; background: #f8fafc; padding: 8px 10px; display: grid; gap: 4px; } .methodical-order-card.your { border-color: var(--pte-danger-200); background: var(--pte-danger-50); } .methodical-order-card.your.neutral { border-color: #d9e2ef; background: #f8fafc; } .methodical-order-card.correct { border-color: var(--pte-success-200); background: var(--pte-success-50); } @media (max-width: 980px) { .methodical-layout--split { grid-template-columns: 1fr; } .methodical-order-comparison { grid-template-columns: 1fr; } } @media (min-width: 1200px) { .workspace-stage { margin-top: 0; overflow: visible; grid-template-rows: auto auto auto; gap: 8px; } .session-progress { margin: 0 0 2px 0; max-width: 420px; } .question { border: 1px solid #e6ebf2; border-radius: 10px; background: #ffffff; padding: 14px 16px 12px; gap: 10px; overflow: visible; } .question.answer-ack-correct, .question.answer-ack-incorrect { border-color: transparent; box-shadow: none; } #question.mcq-layout { grid-template-columns: minmax(0, 0.92fr) minmax(580px, 1.08fr); grid-template-areas: "hdr hdr" "instr instr" "pass stem" "pass opts" "pass sub" "result result" "next next"; gap: 12px 24px; align-content: start; } #question.mcq-layout #promptBlock { padding: 0 0 8px; border-bottom: 1px solid #eef2f6; } #question.mcq-layout #sourceBlock { padding: 0 20px 0 0; border: 0; border-right: 1px solid #edf2f7; border-radius: 0; background: transparent; max-height: none; overflow: visible; } #question.mcq-layout #questionBlock { padding: 0; } #promptBlock .content-label, #questionBlock .content-label { font-size: 0.72rem; letter-spacing: 0.08em; color: #98a2b3; } #questionBlock .content-label { margin-bottom: 6px; } #questionBlock .prompt-text { max-width: 34ch; font-size: 1.14rem; line-height: 1.42; font-weight: 650; color: #101828; } .source-content { font-size: 0.95rem; line-height: 1.68; color: #344054; } #options.mcq-options { gap: 6px; } .option-label { gap: 10px; padding: 10px 12px; border-color: #e6ebf2; background: #ffffff; } .question-actions { margin-top: 2px; padding-top: 8px; border-top: 1px solid #eef2f6; } #submitButton { min-height: 40px; padding: 8px 16px; } #question.mcq-layout #result { grid-area: result; } #result { margin-top: 0; padding: 14px 0 0; border: 0; border-top: 1px solid #e8edf3; border-radius: 0; background: transparent; gap: 10px; } #result.correct-state, #result.incorrect-state, #result.partial-state { border-color: transparent; background: transparent; } #options.mcq-options ~ #result::before { display: none; } #resultSummary { font-size: 1.08rem; line-height: 1.2; } #resultExplanation { max-width: 70ch; color: #1f2937; font-size: 0.92rem; } #resultLearnerAnswer, #resultCorrectAnswer { font-size: 0.84rem; color: #667085; } .result-correct-answer-title { margin-bottom: 5px; font-size: 0.78rem; letter-spacing: 0.04em; text-transform: uppercase; color: #98a2b3; } #resultBreakdown { padding-top: 8px; border-top-color: #edf1f5; } #methodicalFeedbackPanel { margin-top: 2px; padding-top: 10px; border-top-color: #edf1f5; display: grid; gap: 10px; } .methodical-static-header, .methodical-tabs { border-bottom-color: #eef2f6; padding-bottom: 4px; } .methodical-static-header-tab.single-review-tab { color: #1d2939; font-size: 0.9rem; } .methodical-tab.active { color: #1d2939; background: transparent; border-bottom-color: #344054; } .methodical-tip-callout { border: 0; border-left: 3px solid #7cc8a1; border-radius: 0; padding: 0 0 0 12px; background: transparent; } .methodical-tag { border-color: #e5e7eb; background: transparent; color: #475467; border-radius: 999px; padding: 2px 8px; } .methodical-option-list, .methodical-detail-list { gap: 0; border-top: 1px solid #eef2f6; } .methodical-option-item, .methodical-detail-item { border: 0; border-bottom: 1px solid #eef2f6; border-radius: 0; padding: 8px 0; background: transparent; } .methodical-option-chip { min-width: 22px; height: 22px; border-color: #d6e4f5; background: #f7faff; font-size: 0.78rem; } .methodical-order-comparison { gap: 14px; } .methodical-order-card { border: 1px solid #eef2f6; border-radius: 8px; background: #fbfcfd; padding: 10px 12px; } #question.mcq-layout .question-next-action { grid-area: next; } .question-next-action { margin-top: 8px; padding-top: 10px; border-top-color: #eef2f6; } .secondary-actions { margin-top: 0; padding-top: 8px; } } @media (min-width: 1440px) { #question.mcq-layout { grid-template-columns: minmax(0, 0.9fr) minmax(620px, 1.1fr); gap: 22px 28px; } } .question-next-action { margin-top: 10px; padding-top: 12px; border-top: 1px solid #eef2f7; display: grid; justify-content: stretch; gap: 8px; grid-column: 1 / -1; width: 100%; } #previousButton { margin-right: 0; justify-self: start; } #backToCurrentButton { justify-self: start; } #nextButton { width: 100%; min-height: 42px; } @media (min-width: 780px) { .question-actions { display: flex; gap: 12px; align-items: center; flex-wrap: nowrap; justify-content: flex-end; } #previousInlineButton { margin-right: 0; flex: 0 0 auto; } #submitButton { width: fit-content; max-width: max-content; min-width: 0; min-height: 40px; padding: 8px 12px; font-size: 0.95rem; margin-left: 0; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; } .question-next-action { margin-top: 10px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; } #previousButton { margin-right: 0; margin-left: auto; flex: 0 0 auto; } #backToCurrentButton { justify-self: auto; flex: 0 0 auto; margin-left: auto; } #nextButton { width: fit-content; max-width: max-content; min-width: 0; min-height: 40px; padding: 8px 12px; font-size: 0.95rem; margin-left: 0; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; } } @media (min-width: 1440px) { .question-next-action { margin-top: 14px; gap: 12px; justify-content: flex-end; } .secondary-actions { margin-top: 10px; padding-top: 10px; justify-content: flex-end; } .secondary-actions-buttons { width: 100%; justify-content: flex-end; } } .completion { margin-top: 20px; padding-top: 16px; border-top: 1px solid #e6ebf1; } .completion h2 { margin: 0 0 8px 0; font-size: 1.1rem; } #completionScore { margin: 0 0 12px 0; color: #1d2939; font-weight: 600; } #completionMeta { margin: 0 0 10px 0; color: #45556c; } .completion-stats { margin: 0 0 10px 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; } .completion-stat { border: 1px solid #d9e2ef; border-radius: 999px; padding: 5px 10px; background: #f8fafc; color: #344054; font-size: 0.86rem; font-weight: 600; } .completion-next-actions { margin: 0 0 12px 0; padding-left: 18px; color: #45556c; } #completionReviewList { margin: 0; padding-left: 0; list-style: none; display: grid; gap: 10px; } .completion-review-item { border: 1px solid #d9e2ef; border-radius: 8px; padding: 10px; background: #f8fafc; } .completion-review-item.correct { border-color: var(--pte-success-200); } .completion-review-item.incorrect { border-color: var(--pte-danger-200); } .completion-review-title { margin: 0 0 6px 0; font-weight: 700; color: #1d2939; } .completion-review-line { margin: 4px 0; color: #344054; } .question-browser-backdrop { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.3); z-index: 60; } .question-browser-backdrop[hidden], .question-browser-drawer[hidden] { display: none !important; } body.question-browser-open { overflow: hidden; } .question-browser-drawer { position: fixed; right: 0; top: 0; width: min(420px, 100%); height: 100vh; z-index: 61; background: #ffffff; border-left: 1px solid #d9e2ef; box-shadow: -10px 0 24px rgba(15, 24, 40, 0.12); padding: 12px 12px 14px; box-sizing: border-box; display: flex; flex-direction: column; gap: 8px; } .question-browser-header { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding-bottom: 4px; border-bottom: 1px solid #edf2f7; } .question-browser-header h2 { margin: 0; font-size: 1rem; color: #1d2939; } .question-browser-context { display: grid; gap: 2px; padding: 0; border: 0; border-radius: 0; background: transparent; } .question-browser-scope { margin: 0; color: #1d2939; font-size: 0.84rem; font-weight: 600; } .question-browser-meta { margin: 0; color: #475467; font-size: 0.78rem; font-weight: 500; } .question-browser-filters { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px; padding: 2px; border: 1px solid #e2e8f0; border-radius: 999px; background: #f6f8fb; width: fit-content; max-width: 100%; } .question-browser-filter { border: 1px solid transparent; border-radius: 999px; background: transparent; color: #3a4861; font-weight: 600; font-size: 0.78rem; line-height: 1; padding: 5px 9px; cursor: pointer; } .question-browser-filter.active { border-color: #d9e2ef; background: #ffffff; color: #1d4f99; } .question-browser-status { margin: 0; color: #667085; font-size: 0.82rem; min-height: 16px; } .question-browser-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; align-content: start; min-height: 0; flex: 1 1 auto; overflow-y: auto; padding-right: 2px; } .question-browser-item { border: 1px solid #d9e2ef; border-radius: 8px; padding: 8px 10px; background: #f8fafc; display: grid; gap: 6px; cursor: pointer; } .question-browser-item.current { border-color: #0a66c2; background: #e6f0fb; } .question-browser-item.selected { border-color: #1d4f99; background: #edf4ff; box-shadow: inset 0 0 0 1px rgba(29, 79, 153, 0.2); } .question-browser-title { margin: 0; color: #1d2939; font-size: 0.9rem; font-weight: 600; line-height: 1.35; } .question-browser-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .question-browser-task-type { margin: 0; color: #667085; font-size: 0.8rem; font-weight: 600; } .question-browser-badge { border: 1px solid #c9d3df; border-radius: 999px; padding: 3px 8px; font-size: 0.75rem; font-weight: 700; color: #475467; background: #ffffff; white-space: nowrap; } .question-browser-badge.new { border-color: #c9d3df; color: #475467; } .question-browser-badge.correct { border-color: var(--pte-success-200); color: var(--pte-success-600); background: var(--pte-success-50); } .question-browser-badge.incorrect { border-color: var(--pte-danger-200); color: var(--pte-danger-600); background: var(--pte-danger-50); } .question-browser-badge.bookmarked { border-color: #8ab4f8; color: #1d4ed8; background: #eaf2ff; } .question-browser-footer { display: flex; justify-content: flex-end; flex-shrink: 0; padding-top: 8px; padding-bottom: max(0px, env(safe-area-inset-bottom)); border-top: 1px solid #e6edf7; } @media (min-width: 980px) { .control-grid { grid-template-columns: 1fr 1fr; align-items: start; } .control-group.task-group { grid-column: 1 / -1; } .control-group.mode-group { grid-column: 1 / -1; } .primary-actions { grid-column: 1 / -1; } .workspace-stage { padding: 0; } } @media (max-width: 1180px) { body { padding: 18px; } .card { width: 100%; padding: 20px; } h1 { font-size: 1.8rem; } .section-tab { padding: 7px 12px; font-size: 0.86rem; } .segment-button, .task-pill { padding: 7px 10px; font-size: 0.86rem; } } @media (max-width: 1024px) { .platform-header-bar { align-items: flex-start; flex-wrap: wrap; } .section-nav { width: 100%; } .control-stack { padding: 12px; gap: 12px; } .control-grid { grid-template-columns: 1fr; gap: 12px; } .control-group.task-group, .primary-actions { grid-column: auto; } .run-summary { align-items: flex-start; } .task-type-row { flex-wrap: wrap; } .mode-inline-row .btn-utility { margin-left: auto; } .workspace-stage { padding: 0; } .question { padding: 0; } .secondary-actions { padding: 0; } } @media (max-width: 860px) { .actions { gap: 8px; } .secondary-actions { justify-content: flex-end; } .secondary-actions-buttons { width: auto; margin-left: auto; justify-content: flex-end; } .question-next-action { justify-content: flex-start; } .question-browser-drawer { width: min(100%, 420px); } } @media (max-width: 720px) { body { padding: 14px; } .card { padding: 16px; } h1 { font-size: 1.6rem; } } /* ── MCQ two-column layout ── */ #question.mcq-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "hdr hdr" "instr instr" "pass stem" "pass opts" "pass sub" "result result" "next next" "attempts attempts"; gap: 16px; margin-bottom: 0; } #question.mcq-layout #promptBlock { grid-area: instr; } #question.mcq-layout #sourceBlock { grid-area: pass; align-self: stretch; } #question.mcq-layout #questionBlock { grid-area: stem; align-self: start; } #question.mcq-layout #options { grid-area: opts; align-self: start; list-style: none; padding-left: 0; } #question.mcq-layout .question-actions { grid-area: sub; align-self: start; margin: 0; } #question.mcq-layout .question-next-hint-row { grid-area: next; } #question.mcq-layout .question-attempts-panel { grid-area: attempts; } @media (max-width: 1024px) { #question.mcq-layout { grid-template-columns: 1fr; grid-template-areas: "hdr" "instr" "pass" "stem" "opts" "sub" "result" "next" "attempts"; gap: 12px; } .question { gap: 10px; } .question-header-row { align-items: flex-start; flex-wrap: wrap; gap: 8px; } #sourceBlock { padding: 10px 11px; } #questionBlock .prompt-text { font-size: 1.02rem; line-height: 1.4; } .source-content { line-height: 1.58; } #result { padding: 11px; gap: 8px; } .methodical-option-item, .methodical-detail-item, .methodical-order-card { padding: 7px 9px; } } @media (min-width: 1200px) { #question.mcq-layout { grid-template-columns: minmax(0, 0.92fr) minmax(580px, 1.08fr); gap: 12px 24px; } } @media (min-width: 1440px) { #question.mcq-layout { grid-template-columns: minmax(0, 0.9fr) minmax(620px, 1.1fr); gap: 22px 28px; } } /* ── Question browser legend ── */ .question-browser-legend { display: flex; gap: 10px; flex-wrap: wrap; padding: 6px 0 0; border-top: 1px solid #eef2f7; flex-shrink: 0; } .qbl-item { display: flex; align-items: center; gap: 5px; font-size: 0.75rem; color: #667085; font-weight: 500; } .qbl-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; flex-shrink: 0; } .qbl-dot--new { background: #c9d3df; } .qbl-dot--correct { background: var(--pte-success-600); } .qbl-dot--incorrect{ background: var(--pte-danger-600); } .qbl-dot--bookmarked{ background: #6366f1; } /* ── Question browser item new format ── */ .question-browser-item { border: 1px solid #d9e2ef; border-radius: 8px; padding: 9px 10px; background: #f8fafc; display: flex; align-items: center; gap: 8px; cursor: pointer; } .qbi-main { display: flex; align-items: flex-start; gap: 7px; flex: 1; min-width: 0; } .qbi-dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; margin-top: 4px; } .qbi-dot--new { background: #c9d3df; } .qbi-dot--correct { background: var(--pte-success-600); } .qbi-dot--incorrect{ background: var(--pte-danger-600); } .qbi-dot--bookmarked{ background: #6366f1; } .qbi-num { font-size: 0.8rem; font-weight: 700; color: #667085; flex-shrink: 0; min-width: 16px; } .qbi-title { margin: 0; color: #1d2939; font-size: 0.88rem; font-weight: 500; line-height: 1.35; flex: 1; min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .qbi-bookmark { flex-shrink: 0; color: #c9d3df; line-height: 1; display: inline-flex; align-items: center; justify-content: center; } .qbi-bookmark.bookmarked { color: #10b981; } .qbi-bookmark svg { width: 14px; height: 14px; display: block; } /* ── Question browser progress section ── */ .question-browser-progress { padding-top: 2px; display: grid; gap: 6px; flex-shrink: 0; } .qbp-title { margin: 0; font-size: 0.74rem; font-weight: 600; letter-spacing: 0.01em; text-transform: uppercase; color: #667085; } .qbp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; text-align: center; } .qbp-stat { display: flex; flex-direction: column; align-items: center; gap: 2px; } .qbp-value { font-size: 0.98rem; font-weight: 700; color: #1d2939; line-height: 1; } .qbp-value--correct { color: var(--pte-success-600); } .qbp-value--incorrect { color: var(--pte-danger-600); } .qbp-value--bookmarked{ color: #4338ca; } .qbp-label { font-size: 0.69rem; font-weight: 500; color: #667085; } /* ── Show more button ── */ .question-browser-show-more { border: 1px dashed #c9d3df; border-radius: 8px; background: #f8fafc; color: #0a66c2; padding: 7px; font-size: 0.84rem; font-weight: 600; cursor: pointer; width: 100%; text-align: center; } .question-browser-show-more:hover { background: #eaf2ff; border-color: #0a66c2; } /* ── Question actions inside card ── */ .question-actions { display: grid; gap: 10px; align-items: stretch; margin: 2px 0 0 0; justify-content: stretch; } .question-primary-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: nowrap; } .question-primary-actions #submitButton, .question-primary-actions #nextButton { width: auto; min-width: 0; flex: 0 0 auto; } #previousInlineButton { margin-right: 0; justify-self: start; } #submitButton, #nextButton { width: 100%; min-height: 46px; } @media (min-width: 780px) { .question-actions { display: flex; gap: 12px; align-items: center; justify-content: flex-end; flex-wrap: nowrap; } .question-primary-actions { gap: 12px; } #submitButton, #nextButton { width: fit-content; max-width: max-content; min-width: 0; min-height: 40px; padding: 8px 12px; font-size: 0.95rem; margin-left: 0; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; } } /* ── Mode inline row ── */ .mode-inline-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } .mode-inline-row .control-label { margin: 0; flex-shrink: 0; white-space: nowrap; } .mode-inline-row #practiceModeSegmented { flex: 1 1 auto; min-width: 0; } /* ── Info badge tooltip ── */ .info-badge { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background: #e6ebf2; color: #475467; font-size: 0.72rem; font-weight: 700; cursor: default; vertical-align: middle; margin-left: 4px; position: relative; } .info-badge:hover::after { content: attr(data-tooltip); position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%); background: #1d2939; color: #ffffff; font-size: 0.78rem; font-weight: 500; line-height: 1.35; padding: 8px 10px; border-radius: 6px; pointer-events: none; z-index: 100; min-width: 220px; max-width: 320px; white-space: normal; text-align: left; box-shadow: 0 6px 14px rgba(15, 24, 40, 0.22); } /* ── Task card checkmark on active ── */ .task-card-check { display: none; font-size: 0.78rem; font-weight: 800; color: #0b4f91; line-height: 1; } .task-card.active .task-card-check { display: inline; } /* ── Question header row (above instruction) ── */ .question-header-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 4px; margin-bottom: 0; } .inline-bookmark-btn { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; font-size: 0.8rem; } .bookmark-icon { display: inline-flex; align-items: center; justify-content: center; line-height: 0; } .inline-bookmark-btn.bookmarked { border-color: #bfd7f2; background: #eff6ff; color: #1565c0; } .question-browser-meta:empty { display: none; } .question-skill-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .methodical-tag--quiet, .question-skill-tag { border-color: transparent; background: #f2f4f7; color: #667085; border-radius: 999px; padding: 4px 12px; font-size: 0.82rem; font-weight: 500; } .question-actions { justify-content: space-between; } .question-action-guidance { display: grid; gap: 2px; margin-right: auto; min-width: 0; } .question-selection-hint, .question-keyboard-hint { margin: 0; } .question-selection-hint { color: #98a2b3; font-size: 0.84rem; font-weight: 500; line-height: 1.35; } .question-keyboard-hint { color: #667085; font-size: 0.82rem; font-weight: 500; line-height: 1.35; } .question-keyboard-hint::first-letter, .question-selection-hint::first-letter { text-transform: none; } #submitButton { background: var(--pte-blue-600); } #submitButton:disabled { background: #e8eef5; color: #98a2b3; opacity: 1; } #readingWorkspaceRoot .practice-zone-divider { display: none; } #readingWorkspaceRoot.single-answer-scope #systemStatusRow { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; gap: 0; } #readingWorkspaceRoot.single-answer-scope #systemStatusRow > * + * { padding-top: 0; border-top: 0; } #readingWorkspaceRoot.single-answer-scope .guest-trial-banner { padding: var(--space-12) 0; border: 0; border-bottom: var(--border-default-width) solid var(--border-subtle); border-radius: 0; background: transparent; gap: var(--gap-element-practice); } #readingWorkspaceRoot.single-answer-scope .guest-trial-copy { grid-template-columns: auto auto minmax(0, 1fr); gap: var(--gap-tight-practice) var(--gap-element-practice); } #readingWorkspaceRoot.single-answer-scope .guest-trial-label { color: var(--practice-text-secondary); font-size: 0.78125rem; font-weight: var(--font-weight-medium); letter-spacing: 0; text-transform: none; } #readingWorkspaceRoot.single-answer-scope .guest-trial-label-icon { display: none; } #readingWorkspaceRoot.single-answer-scope .guest-trial-progress { gap: var(--space-4); } #readingWorkspaceRoot.single-answer-scope .guest-trial-progress-segment { width: 1.125rem; height: 0.1875rem; border-radius: var(--space-2); background: var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope .guest-trial-progress-segment::after { background: var(--accent-action); } #readingWorkspaceRoot.single-answer-scope .guest-trial-message, #readingWorkspaceRoot.single-answer-scope .guest-trial-hint { color: var(--practice-text-secondary); font-size: 0.78125rem; font-weight: var(--font-weight-regular); line-height: 1.4; } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta { position: relative; gap: var(--space-4); padding: var(--space-4) var(--space-8); border: 0; background: transparent; box-shadow: none; color: var(--practice-text-secondary); font-size: 0.78125rem; font-weight: var(--font-weight-regular); text-decoration: none; } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta:hover { text-decoration: underline; text-underline-offset: var(--space-3); } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta-icon { display: none; } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta::before { content: "🔒"; font-size: 0.75rem; line-height: 1; } #readingWorkspaceRoot.single-answer-scope .reading-context-strip { min-height: 3rem; padding: var(--space-10) 0; border-bottom: var(--border-default-width) solid var(--border-subtle); gap: var(--gap-element-practice); } #readingWorkspaceRoot.single-answer-scope .reading-context-main { gap: var(--gap-element-practice); flex-wrap: nowrap; } #readingWorkspaceRoot.mixed-practice-scope .reading-context-main { gap: var(--gap-element-practice); flex-wrap: nowrap; } #readingWorkspaceRoot.single-answer-scope .reading-context-task-type { gap: var(--space-8); color: var(--practice-text-primary); font-size: 0.84375rem; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.mixed-practice-scope .reading-context-task-type { gap: var(--space-8); color: var(--practice-text-primary); font-size: 0.84375rem; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope .reading-context-task-type::before { display: none; } #readingWorkspaceRoot.mixed-practice-scope .reading-context-task-type::before { display: none; } #readingWorkspaceRoot.single-answer-scope .reading-context-task-type-icon { width: 1.375rem; height: 1.375rem; border: var(--border-width-default) solid var(--border-subtle); border-radius: var(--space-6); background: var(--bg-page); color: var(--practice-text-secondary); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; } #readingWorkspaceRoot.mixed-practice-scope .reading-context-task-type-icon { width: 1.375rem; height: 1.375rem; border: var(--border-width-default) solid var(--border-subtle); border-radius: var(--space-6); background: var(--bg-page); color: var(--practice-text-secondary); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; } #readingWorkspaceRoot.single-answer-scope .reading-context-task-type-icon .reading-task-icon-svg { width: 0.75rem; height: 0.75rem; stroke-width: 1.8; } #readingWorkspaceRoot.mixed-practice-scope .reading-context-task-type-icon .reading-task-icon-svg { width: 0.75rem; height: 0.75rem; stroke-width: 1.8; } #readingWorkspaceRoot.single-answer-scope .reading-context-divider { width: var(--border-width-default); height: 1rem; background: var(--border-subtle); display: inline-flex; flex: 0 0 auto; } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger, #readingWorkspaceRoot.single-answer-scope .reading-context-actions .header-utility-button { min-height: auto; padding: var(--space-4) var(--space-10); border: var(--border-width-default) solid transparent; border-radius: var(--space-8); background: transparent; color: var(--practice-text-secondary); font-size: 0.8125rem; font-weight: var(--font-weight-regular); } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger:hover, #readingWorkspaceRoot.single-answer-scope .reading-context-actions .header-utility-button:hover { border-color: var(--border-subtle); background: transparent; } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger-caret { font-size: 0.6875rem; } #readingWorkspaceRoot.single-answer-scope .run-summary-stats { gap: var(--gap-element-practice); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill { padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--practice-text-secondary); font-size: 0.8125rem; font-weight: var(--font-weight-medium); display: inline-flex; align-items: center; gap: var(--space-5); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.correct { color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.incorrect { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.done { color: var(--practice-text-primary); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.correct::before { content: "✓"; font-size: 0.75rem; } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.incorrect::before { content: "×"; font-size: 0.75rem; } #readingWorkspaceRoot.single-answer-scope .workspace-stage { gap: var(--gap-block-practice); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); grid-template-areas: "instr instr" "exercise exercise" "pass stem" "pass opts" "actions actions" "result result" "next next" "attempts attempts"; gap: var(--gap-block-practice) calc(var(--gap-block-practice) + var(--gap-element-practice)); margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout.answer-ack-correct, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout.answer-ack-incorrect { border-color: transparent; box-shadow: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .practice-zone-divider { display: inline-flex; align-items: center; gap: var(--gap-element-practice); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .practice-zone-divider--exercise { grid-area: exercise; margin: calc(var(--gap-block-practice) - var(--gap-tight-practice)) 0 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .practice-zone-divider--feedback { margin: var(--gap-block-practice) 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .practice-zone-divider-line { width: var(--space-64); height: var(--space-2); border-radius: var(--space-1); background: var(--accent-action); flex: 0 0 auto; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .practice-zone-divider-label { margin: 0; color: var(--practice-text-muted); font-size: 0.6875rem; font-weight: var(--font-weight-medium); letter-spacing: 0.14em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock { grid-area: pass; align-self: stretch; padding: 0 calc(var(--gap-block-practice) + var(--gap-tight-practice)) 0 0; border: 0; border-right: var(--border-width-default) solid var(--border-subtle); border-radius: 0; background: transparent; max-height: none; overflow: visible; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock { grid-area: stem; align-self: start; padding: 0 0 var(--space-16); border: 0; border-radius: 0; background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #options { grid-area: opts; align-self: start; margin: 0; padding: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-actions { grid-area: actions; align-self: start; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-next-action { grid-area: next; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-next-hint-row { grid-area: next; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-attempts-panel { grid-area: attempts; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #promptBlock .content-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock .content-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock .content-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-title, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-static-header-tab.single-review-tab { margin: 0; color: var(--practice-text-muted); font-size: 0.6875rem; font-weight: var(--font-weight-medium); line-height: var(--line-height-120); letter-spacing: 0.14em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock .content-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock .content-label { margin-bottom: var(--space-14); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionText { margin: 0; color: var(--practice-text-primary); font-size: 1.75rem; font-weight: var(--font-weight-medium); line-height: 1.22; letter-spacing: -0.02em; max-width: 18ch; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .source-content { color: var(--practice-text-secondary); font-size: 0.9375rem; line-height: 1.7; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #options.mcq-options { gap: var(--space-4); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: start; gap: var(--gap-element-practice); width: 100%; padding: 0.5625rem 0.75rem; border: var(--border-width-default) solid transparent; border-radius: var(--space-10); background: transparent; transition: background-color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label input { margin: 0.25rem 0 0; accent-color: var(--accent-action); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label:hover { background: var(--warm-gray-soft); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.selected { border-color: var(--accent-action-soft-border); background: var(--accent-action-soft-bg); box-shadow: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-correct, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-missed-correct { border-color: var(--success-border); background: var(--success-fill); box-shadow: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-incorrect { border-color: var(--danger-border); background: var(--danger-fill); box-shadow: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-letter { min-width: 1.125rem; color: var(--practice-text-primary); font-size: 0.875rem; font-weight: var(--font-weight-medium); line-height: 1.5; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-copy { color: var(--practice-text-primary); font-size: 0.875rem; line-height: 1.5; letter-spacing: -0.005em; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note { justify-self: end; align-self: start; margin-left: 0; border-radius: var(--radius-pill-soft); padding: var(--space-2) var(--space-9); font-size: 0.65625rem; font-weight: var(--font-weight-medium); line-height: 1.2; white-space: nowrap; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note.state-correct, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note.state-missed { color: var(--success-text); background: var(--success-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note.state-incorrect { color: var(--danger-text); background: var(--danger-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-selection-hint { display: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .kbd-hint-separator { color: var(--practice-text-muted); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result { grid-area: result; margin-top: 0; padding: 0; border: 0; border-radius: 0; background: transparent; gap: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.correct-state, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.incorrect-state, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.partial-state { border-color: transparent; background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #options.mcq-options ~ #result::before { display: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-header-row { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-element-practice); padding: var(--space-16) 0; border-top: var(--border-width-default) solid var(--border-subtle); border-bottom: var(--border-width-default) solid var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-status-stack { display: grid; gap: var(--space-4); min-width: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary { display: inline-flex; align-items: center; gap: var(--space-8); margin: 0; color: var(--success-text); font-size: 0.875rem; font-weight: var(--font-weight-medium); line-height: 1.25; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary::before { width: 1.625rem; height: 1.625rem; border-radius: var(--radius-pill-soft); display: inline-flex; align-items: center; justify-content: center; font-size: 0.8125rem; font-weight: var(--font-weight-medium); flex: 0 0 auto; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.correct::before { content: "✓"; color: var(--success-text); background: var(--success-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.incorrect { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.incorrect::before { content: "×"; color: var(--danger-text); background: var(--danger-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.partial { color: var(--warning-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.partial::before { content: "!"; color: var(--warning-text); background: var(--warning-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultExplanation, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultLearnerAnswer, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultCorrectAnswer, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultBreakdown, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultNextStep { display: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultScoreLine { display: flex; justify-content: flex-end; align-items: center; min-width: fit-content; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .score-badge { display: inline-flex; align-items: baseline; gap: var(--space-4); padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--practice-text-secondary); font-size: 0.8125rem; font-weight: var(--font-weight-regular); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .score-value { color: var(--practice-text-primary); font-weight: var(--font-weight-medium); font-variant-numeric: tabular-nums; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #methodicalFeedbackPanel { margin-top: 0; padding-top: 0; border-top: 0; display: grid; gap: var(--gap-block-practice); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-layout--split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 calc(var(--gap-block-practice) + var(--gap-element-practice)); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-left { padding-right: var(--space-8); gap: var(--gap-element-practice); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-right { padding-left: var(--gap-block-practice); border-left: var(--border-width-default) solid var(--border-subtle); gap: var(--gap-element-practice); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-static-header, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tabs { border: 0; padding: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-text { color: var(--practice-text-secondary); font-size: 0.8125rem; line-height: 1.65; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-callout { border: 0; border-left: var(--space-2) solid var(--success-text); border-radius: 0 var(--space-8) var(--space-8) 0; padding: var(--space-14) var(--space-16); background: var(--success-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-row { color: var(--success-text); font-size: 0.8125rem; font-weight: var(--font-weight-regular); line-height: 1.65; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-inline-content strong { color: var(--success-text); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-inline-icon { width: 1rem; height: 1rem; color: var(--success-text); flex: 0 0 auto; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-skill-section--subtle .methodical-section-label { color: var(--practice-text-muted); font-size: 0.6875rem; font-weight: var(--font-weight-regular); letter-spacing: 0.02em; text-transform: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tags { gap: var(--space-6); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tag, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-skill-section--subtle .methodical-tag { padding: var(--space-3) var(--space-10); border: 0; border-radius: var(--radius-pill-soft); background: var(--warm-gray-soft); color: var(--practice-text-secondary); font-size: 0.71875rem; font-weight: var(--font-weight-regular); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-list { gap: var(--space-8); border-top: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item { border: var(--border-width-default) solid var(--border-subtle); border-radius: var(--space-8); padding: var(--space-10) var(--space-14); background: var(--bg-page); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item--user-choice { border-color: var(--danger-border); background: var(--danger-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-chip { min-width: 1.375rem; height: 1.375rem; border: 0; background: var(--warm-gray-soft); color: var(--practice-text-secondary); font-size: 0.71875rem; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item--user-choice .methodical-option-chip, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-status { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item--user-choice .methodical-option-chip { background: var(--danger-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-status { font-size: 0.71875rem; font-weight: var(--font-weight-medium); letter-spacing: 0.02em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-text { color: var(--practice-text-secondary); font-size: 0.78125rem; line-height: 1.6; } #readingWorkspaceRoot.single-answer-scope .secondary-actions { margin-top: var(--gap-block-practice); padding-top: 0; border-top: 0; } #readingWorkspaceRoot.single-answer-scope #exitButton { min-height: auto; padding: var(--space-4) var(--space-8); border: 0; background: transparent; color: var(--practice-text-muted); font-size: 0.75rem; font-weight: var(--font-weight-regular); text-decoration: underline; text-decoration-thickness: var(--border-width-hairline); text-underline-offset: var(--space-3); } #readingWorkspaceRoot.single-answer-scope #exitButton:hover { color: var(--practice-text-secondary); background: transparent; } @media (max-width: 68.75rem) { #readingWorkspaceRoot.single-answer-scope .reading-context-main { flex-wrap: wrap; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout { grid-template-columns: 1fr; grid-template-areas: "instr" "exercise" "pass" "stem" "opts" "actions" "result" "next"; gap: var(--gap-block-practice); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .prompt-service-row { grid-template-columns: 1fr; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .inline-bookmark-btn { justify-self: start; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock { padding: 0 0 var(--space-20); border-right: 0; border-bottom: var(--border-width-default) solid var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-actions, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-next-action, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-header-row { flex-wrap: wrap; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultScoreLine { justify-content: flex-start; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-layout--split { grid-template-columns: 1fr; gap: var(--gap-block-practice); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-right { padding-left: 0; padding-top: var(--gap-block-practice); border-left: 0; border-top: var(--border-width-default) solid var(--border-subtle); } } /* Hybrid restoration: preserve the new shell, but bring the practice surface back to a denser training-first layout closer to the earlier Reading UI. */ #readingWorkspaceRoot.single-answer-scope #systemStatusRow { margin: 0 0 var(--space-10); padding: 0; border: 0; border-radius: 0; background: transparent; gap: 0; } #readingWorkspaceRoot.single-answer-scope .guest-trial-banner { padding: var(--space-10) var(--space-14); border: var(--border-width-default) solid #dbe5f1; border-radius: var(--radius-card); background: #fcfdff; gap: var(--space-12); } #readingWorkspaceRoot.single-answer-scope .guest-trial-copy { align-items: center; gap: var(--space-8) var(--space-14); } #readingWorkspaceRoot.single-answer-scope .guest-trial-label { color: #344054; font-size: 0.82rem; font-weight: var(--font-weight-semibold); } #readingWorkspaceRoot.single-answer-scope .guest-trial-progress { gap: var(--space-5); } #readingWorkspaceRoot.single-answer-scope .guest-trial-progress-segment { width: 1.5rem; height: 0.3125rem; border-radius: var(--radius-pill-soft); background: #e7edf4; } #readingWorkspaceRoot.single-answer-scope .guest-trial-progress-segment::after { background: linear-gradient(90deg, var(--accent-action) 0%, var(--accent-action-hover) 100%); } #readingWorkspaceRoot.single-answer-scope .guest-trial-message { color: #475467; font-size: 0.9rem; font-weight: var(--font-weight-semibold); line-height: 1.25; } #readingWorkspaceRoot.single-answer-scope .guest-trial-hint { color: #667085; font-size: 0.8rem; font-weight: var(--font-weight-medium); line-height: 1.3; } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta { padding: var(--space-6) var(--space-10); border: var(--border-width-default) solid #d7e2ee; border-radius: var(--radius-pill-soft); background: #ffffff; color: #475467; font-size: 0.8rem; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta:hover { border-color: #c9d6e4; background: #f9fbfd; text-decoration: none; } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta-icon { display: inline-flex; } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta::before { display: none; } #readingWorkspaceRoot.single-answer-scope .reading-context-strip { min-height: auto; padding: var(--space-8) 0 var(--space-10); border-bottom: 0; gap: var(--space-12); } #readingWorkspaceRoot.single-answer-scope .reading-context-main { gap: var(--space-10); align-items: center; } #readingWorkspaceRoot.single-answer-scope .reading-context-task-type { font-size: 0.92rem; font-weight: var(--font-weight-semibold); color: #344054; } #readingWorkspaceRoot.single-answer-scope .reading-context-task-type-icon { width: 1.25rem; height: 1.25rem; border-color: #dbe5ef; border-radius: var(--space-6); background: #ffffff; } #readingWorkspaceRoot.single-answer-scope .reading-context-divider { height: 1.125rem; background: #dde5ef; } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger, #readingWorkspaceRoot.single-answer-scope .reading-context-actions .header-utility-button { padding: var(--space-4) var(--space-10); border: var(--border-width-default) solid #d7e2ee; border-radius: var(--radius-pill-soft); background: #ffffff; color: #475467; font-size: 0.82rem; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger:hover, #readingWorkspaceRoot.single-answer-scope .reading-context-actions .header-utility-button:hover { border-color: #c8d3df; background: #fcfdff; } #readingWorkspaceRoot.single-answer-scope .run-summary-stats { gap: var(--space-8); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill { padding: var(--space-3) var(--space-10); border: var(--border-width-default) solid #dde5ef; border-radius: var(--radius-pill-soft); background: #ffffff; font-size: 0.8rem; font-weight: var(--font-weight-semibold); color: #475467; gap: var(--space-5); } #readingWorkspaceRoot.single-answer-scope #status { width: fit-content; margin: 0; padding: var(--space-6) var(--space-10); border: var(--border-width-default) solid #dbe5ef; border-radius: 10px; background: #f8fbff; color: #475467; font-size: 0.82rem; font-weight: var(--font-weight-semibold); line-height: 1.25; } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.done { color: #344054; } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.correct { border-color: var(--success-border); background: var(--success-fill); color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.incorrect { border-color: var(--danger-border); background: var(--danger-fill); color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.correct::before, #readingWorkspaceRoot.single-answer-scope .run-summary-pill.incorrect::before { content: none; display: none !important; } #readingWorkspaceRoot.single-answer-scope .workspace-stage { gap: var(--space-12); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout { grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); grid-template-areas: "instr instr" "pass stem" "pass opts" "pass actions" "result result" "next next"; gap: var(--space-12) var(--space-22); padding: var(--space-14) var(--space-16) var(--space-16); border: var(--border-width-default) solid #e6ebf2; border-radius: 14px; background: #ffffff; box-shadow: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .practice-zone-divider { display: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #promptBlock .content-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock .content-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock .content-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-title, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-static-header-tab.single-review-tab { color: #667085; font-size: 0.74rem; letter-spacing: 0.08em; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock { padding: var(--space-14) var(--space-16); border: var(--border-width-default) solid #dbe5f1; border-radius: 14px; background: #f5f9ff; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock { padding: var(--space-14) var(--space-16) var(--space-8); border: var(--border-width-default) solid #dbe5f1; border-radius: 14px; background: #fbfdff; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock .content-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock .content-label { margin-bottom: var(--space-8); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock .content-label--dotted, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock .content-label--dotted { gap: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock .content-label--dotted::before, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock .content-label--dotted::before { content: none; display: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionText { max-width: none; color: #1d2939; font-size: 1.1rem; font-weight: var(--font-weight-bold); line-height: 1.35; letter-spacing: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .source-content { color: #344054; font-size: 0.96rem; line-height: 1.62; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #options { margin-top: var(--space-2); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #options.mcq-options { gap: var(--space-10); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label { gap: var(--space-10); padding: var(--space-12) var(--space-14); border-color: #dbe5ef; border-radius: 14px; background: #ffffff; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label:hover { background: #f8fbff; border-color: #cfe0f2; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.selected { border-color: #84caff; background: #eff8ff; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-correct, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-missed-correct { border-color: #86efac; background: #ecfdf3; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-incorrect { border-color: #fcb3ad; background: #fff5f5; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label input { margin: var(--space-4) 0 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-letter, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-copy { font-size: 0.98rem; line-height: 1.42; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-copy { color: #1d2939; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note { padding: var(--space-4) var(--space-10); border: var(--border-width-default) solid transparent; font-size: 0.76rem; font-weight: var(--font-weight-semibold); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note.state-correct, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note.state-missed { border-color: #abefc6; background: #ecfdf3; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note.state-incorrect { border-color: #fecaca; background: #fff1f1; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result { margin-top: var(--space-6); padding: var(--space-12) var(--space-16) var(--space-14); border: var(--border-width-default) solid #d9e2ef; border-radius: 16px; background: #fdfefe; gap: var(--space-8); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.correct-state { border-color: #abefc6; background: #f6fef9; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.incorrect-state { border-color: #fbc0ba; background: #fff7f6; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-header-row { align-items: center; padding: 0; border: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary { gap: var(--space-10); font-size: 1rem; font-weight: var(--font-weight-bold); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary::before { width: 1.5rem; height: 1.5rem; font-size: 0.76rem; border: var(--border-width-default) solid transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultScoreLine { align-items: center; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.incorrect::before { border-color: #f6b2ab; background: #fff1ef; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .score-badge { border: var(--border-width-default) solid #f7b5ae; border-radius: var(--radius-pill-soft); padding: var(--space-4) var(--space-10); background: #fff1ef; color: var(--danger-text); font-size: 0.9rem; font-weight: var(--font-weight-bold); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.correct-state .score-badge { border-color: #abefc6; background: #ecfdf3; color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .score-value { color: inherit; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultExplanation, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultLearnerAnswer, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultCorrectAnswer, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultBreakdown, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultNextStep, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .practice-zone-divider--feedback { display: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #methodicalFeedbackPanel { margin-top: 0; padding-top: 0; border-top: 0; gap: var(--space-12); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-layout--split { grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr); gap: var(--space-16); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-left, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-right { gap: var(--space-12); padding: 0; border: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-static-header, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tabs { padding-bottom: var(--space-4); border-bottom: var(--border-width-default) solid #e8edf3; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-static-header-tab.single-review-tab { color: #2458d3; font-size: 0.98rem; font-weight: var(--font-weight-bold); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-text { color: #344054; font-size: 0.96rem; line-height: 1.56; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-callout { border: var(--border-width-default) solid #abefc6; border-radius: 12px; padding: var(--space-12) var(--space-14); background: #f6fef9; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-row { font-size: 0.92rem; font-weight: var(--font-weight-semibold); line-height: 1.45; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-skill-section--subtle .methodical-section-label { color: #667085; font-size: 0.84rem; font-weight: var(--font-weight-semibold); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tag, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-skill-section--subtle .methodical-tag { border: var(--border-width-default) solid #d9e2ef; border-radius: var(--radius-pill-soft); background: #ffffff; color: #667085; font-size: 0.78rem; font-weight: var(--font-weight-medium); padding: var(--space-3) var(--space-10); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-list { gap: var(--space-10); border-top: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item { border: var(--border-width-default) solid #d9e2ef; border-radius: 12px; padding: var(--space-12) var(--space-14); background: #ffffff; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item--user-choice { border-color: #fcb3ad; background: #fff5f5; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-chip { min-width: 1.75rem; height: 1.75rem; border: var(--border-width-default) solid #b6ccff; background: #f5f9ff; color: #2458d3; font-size: 0.84rem; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-status { font-size: 0.76rem; font-weight: var(--font-weight-bold); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-text { color: #344054; font-size: 0.94rem; line-height: 1.48; } #readingWorkspaceRoot.single-answer-scope .secondary-actions { margin-top: var(--space-8); } #readingWorkspaceRoot.single-answer-scope #exitButton { padding: 0; border: 0; border-radius: 0; background: transparent; color: #667085; font-size: 0.9rem; font-weight: var(--font-weight-medium); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } #readingWorkspaceRoot.single-answer-scope #exitButton:hover { color: #344054; background: transparent; } @media (max-width: 68.75rem) { #readingWorkspaceRoot.single-answer-scope .guest-trial-banner { padding: var(--space-10) var(--space-12); } #readingWorkspaceRoot.single-answer-scope .guest-trial-copy { grid-template-columns: 1fr; align-items: start; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout { grid-template-columns: 1fr; grid-template-areas: "instr" "stem" "opts" "pass" "actions" "result" "next"; gap: var(--space-12); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock { padding: var(--space-12) var(--space-14); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-layout--split { grid-template-columns: 1fr; gap: var(--space-16); } } /* Reorder paragraphs: editorial migration */ #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "instr" "exercise" "actions" "result" "next"; gap: var(--gap-block-practice); align-items: start; max-width: 1100px; margin: 0 auto; padding: 0 32px 0; background: transparent; border: 0; box-shadow: none; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .practice-zone-divider, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .single-answer-grid-divider--exercise, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #questionBlock, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #sourceBlock, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultExplanation, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultLearnerAnswer, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultCorrectAnswer, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultBreakdown, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultNextStep { display: none !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #options.reorder-editorial-list { grid-area: exercise; list-style: none; margin: 0; padding: 4px 0 18px; display: grid; gap: 12px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #options.reorder-post-answer-layout { grid-area: exercise; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-item { margin: 0; border: 1px solid var(--input-border-default); border-radius: 12px; background: #FFFFFF; transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease, transform 150ms ease; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-item:hover { border-color: var(--input-border-hover); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-item.dragging { opacity: 0.82; box-shadow: 0 10px 24px rgba(15, 42, 71, 0.08); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-item.drop-target { border-color: var(--accent-action); background: var(--accent-action-soft-bg); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-item.is-static { cursor: default; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-main { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: start; padding: 16px 18px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-badge { width: 26px; height: 26px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--warm-gray-soft); color: var(--text-secondary); font-size: 12px; font-weight: 600; line-height: 1; flex-shrink: 0; margin-top: 1px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-content { min-width: 0; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-text { margin: 0; color: var(--text-primary); font-size: 15px; line-height: 1.72; letter-spacing: -0.005em; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-handle { color: var(--text-muted); font-size: 15px; line-height: 1; letter-spacing: -0.08em; padding-top: 4px; user-select: none; cursor: grab; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-item.is-static .reorder-handle { cursor: default; opacity: 0.7; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-item.transition-correct .reorder-badge { background: var(--success-fill-stronger); color: var(--success-text-stronger); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-item.transition-incorrect .reorder-badge { background: var(--warning-fill); color: var(--warning-accent); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-actions { grid-area: actions; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result { grid-area: result; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-next-action { grid-area: next; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #submitButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #nextButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #previousInlineButton { margin: 0; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result { padding: 0; background: transparent; border: 0; box-shadow: none; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-breakdown-eyebrow { margin: 0 0 12px; color: var(--text-secondary); font-size: 11.5px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-correct-order { margin: 0 0 14px; color: var(--text-primary-darker); font-size: 13.5px; line-height: 1.55; letter-spacing: -0.005em; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-correct-order-label { color: var(--text-secondary); font-weight: 500; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-list { display: flex; flex-direction: column; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-item { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-item:first-child { padding-top: 0; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-item:last-child { padding-bottom: 0; border-bottom: none; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-badge { width: 22px; height: 22px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 500; line-height: 1; flex-shrink: 0; margin-top: 1px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-badge.correct { background: var(--success-fill-stronger); color: var(--success-text-stronger); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-badge.incorrect { background: var(--danger-fill-stronger); color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-content { min-width: 0; flex: 1; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-status { margin: 0 0 3px; font-size: 11px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-status.correct { color: var(--success-text-stronger); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-status.incorrect { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-pair { margin: 0 0 4px; color: var(--text-primary-darker); font-size: 14px; line-height: 1.5; letter-spacing: -0.005em; font-weight: 500; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-explanation { margin: 0; color: var(--text-secondary); font-size: 13.5px; line-height: 1.6; letter-spacing: -0.005em; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #previousInlineButton[hidden], #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #previousButton[hidden], #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #backToCurrentButton[hidden], #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #nextButton[hidden] { display: none !important; } @media (max-width: 900px) { #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout { padding: 0 20px 0; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-next-action, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .result-header-row { flex-wrap: wrap; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .prompt-service-row { grid-template-columns: 1fr; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .inline-bookmark-btn { justify-self: start; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-layout--split { grid-template-columns: 1fr; gap: 18px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-column-divider { display: none; } } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #options.reorder-post-answer-layout { list-style: none; margin: 0; padding: 0 0 var(--space-8); display: grid; gap: 0; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-sequence-section { display: grid; gap: 14px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-sequence-eyebrow { margin: 0; display: inline-flex; align-items: center; gap: 6px; color: var(--text-secondary); font-size: 11.5px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-sequence-eyebrow .methodical-inline-icon { width: 12px; height: 12px; flex-shrink: 0; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-sequence-list { display: grid; gap: 8px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-sequence-row { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 14px; align-items: start; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-sequence-badge-column { display: flex; justify-content: center; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-sequence-badge { width: 26px; height: 26px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--warm-gray-soft); color: var(--text-secondary); font-size: 12px; font-weight: 600; line-height: 1; flex-shrink: 0; margin-top: 1px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-sequence-card { background: var(--bg-page); border: 1px solid var(--border-subtle); border-radius: 8px; padding: 14px 16px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-sequence-card-text { margin: 0; color: var(--text-primary); font-size: 14.5px; line-height: 1.6; letter-spacing: -0.005em; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-pair-indicator { display: flex; align-items: center; gap: 8px; padding: 6px 0 6px 46px; font-size: 11.5px; letter-spacing: 0.04em; font-weight: 500; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-pair-indicator.correct { color: var(--success-text-stronger); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-pair-indicator.incorrect { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-pair-indicator-line { height: 1px; flex: 1 1 auto; background: var(--border-subtle); min-width: 0; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-pair-indicator-dot { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-pair-indicator.correct .reorder-pair-indicator-dot { background: var(--success-text); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-pair-indicator.incorrect .reorder-pair-indicator-dot { background: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-pair-indicator-label { white-space: nowrap; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-sequence-divider { height: 1px; background: var(--border-subtle); margin: 8px 0 24px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-breakdown-eyebrow { margin: 0 0 12px; color: var(--text-secondary); font-size: 11.5px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-list { display: flex; flex-direction: column; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-item:first-child { padding-top: 0; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-item:last-child { padding-bottom: 0; border-bottom: none; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-status-icon { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; line-height: 1; flex-shrink: 0; margin-top: 1px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-status-icon.correct { background: var(--success-fill-stronger); color: var(--success-text-stronger); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-status-icon.incorrect { background: var(--danger-fill-stronger); color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-status { margin: 0 0 3px; font-size: 11px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-status.correct { color: var(--success-text-stronger); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-status.incorrect { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-pair { display: flex; align-items: center; gap: 6px; margin: 0 0 3px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-pair-number { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--warm-gray-soft); color: var(--text-primary-darker); font-size: 11px; font-weight: 500; line-height: 1; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-pair-arrow { color: var(--text-muted); font-size: 12px; line-height: 1; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-transition-explanation { margin: 4px 0 0; color: var(--text-secondary); font-size: 13.5px; line-height: 1.55; letter-spacing: -0.005em; } @media (max-width: 900px) { #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-sequence-row { grid-template-columns: 28px minmax(0, 1fr); gap: 10px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-pair-indicator { padding-left: 38px; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .reorder-pair-indicator-label { white-space: normal; } } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-review-note.state-missed, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct .option-review-note.state-missed, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct-multiple .option-review-note.state-missed, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-status.missed { color: var(--warning-accent) !important; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-review-note.state-missed, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct .option-review-note.state-missed, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .option-label.review-missed-correct-multiple .option-review-note.state-missed, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-option-chip--missed { background: var(--warning-fill) !important; border-color: var(--warning-fill) !important; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-text, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-text { color: var(--text-secondary) !important; font-size: var(--space-15) !important; font-weight: var(--font-weight-regular) !important; line-height: 1.7 !important; letter-spacing: -0.005em !important; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-tip-row, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tip-row { color: var(--success-text-dark) !important; font-size: var(--font-size-0905) !important; font-weight: var(--font-weight-regular) !important; line-height: 1.65 !important; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-tip-label, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-tip-inline-content strong, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tip-label, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tip-inline-content strong { color: var(--success-text) !important; font-weight: var(--font-weight-medium) !important; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-section-label, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-section-label { color: var(--text-muted) !important; font-size: 0.71875rem !important; font-weight: var(--font-weight-regular) !important; letter-spacing: 0 !important; text-transform: none !important; } #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-section-label .methodical-inline-icon, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-section-label .methodical-inline-icon { color: var(--text-muted) !important; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-answer-line, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-explanation { font-size: var(--space-14) !important; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-explanation { line-height: 1.6 !important; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result.correct-state, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result.partial-state, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result.incorrect-state { border: 0 !important; outline: 0; box-shadow: none; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultScoreLine { font-variant-numeric: tabular-nums; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .score-inline-label { color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .score-inline-value { color: var(--text-primary-darker); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #methodicalFeedbackPanel, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-layout--split { width: 100%; max-width: 100%; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tip-callout { border-left: var(--space-2) solid var(--success-text); border-radius: 0 var(--space-6) var(--space-6) 0; background: var(--success-fill); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tip-row { align-items: flex-start; gap: var(--space-9); color: var(--success-text-dark); font-size: 13.5px; font-weight: var(--font-weight-regular); line-height: 1.6; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tip-row .methodical-inline-icon { width: var(--space-16); height: var(--space-16); color: var(--success-text); flex: 0 0 var(--space-16); margin-top: var(--space-1); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tip-inline-content { color: var(--success-text-dark); font-weight: var(--font-weight-regular); } /* Reorder paragraphs: follow-up editorial parity polish */ #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-next-action { justify-content: flex-end !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #questionActionGuidance, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #nextQuestionKeyboardHint { margin-right: auto !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #questionActionGuidance { order: 0 !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #previousInlineButton { order: 1 !important; margin-left: 0 !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #submitButton { order: 2 !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-callout { border-left: var(--space-2) solid var(--success-text) !important; border-radius: 0 var(--space-6) var(--space-6) 0 !important; background: var(--success-fill) !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-row { align-items: flex-start !important; gap: var(--space-9) !important; color: var(--success-text-dark) !important; font-size: 13.5px !important; font-weight: var(--font-weight-regular) !important; line-height: 1.6 !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-row .methodical-inline-icon { width: var(--space-16) !important; height: var(--space-16) !important; color: var(--success-text) !important; flex: 0 0 var(--space-16) !important; margin-top: var(--space-1) !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-inline-content { color: var(--success-text-dark) !important; font-weight: var(--font-weight-regular) !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-text { color: var(--text-secondary) !important; font-size: 14px !important; font-weight: var(--font-weight-regular) !important; line-height: 1.65 !important; letter-spacing: var(--tracking-soft-tightest) !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-callout { border-left: var(--border-width-strong) solid var(--success-text) !important; border-radius: 0 var(--space-6) var(--space-6) 0 !important; padding: var(--space-12) var(--space-15) !important; background: var(--success-fill) !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-row { display: flex !important; align-items: flex-start !important; gap: var(--space-9) !important; margin: 0 !important; color: var(--success-text-dark) !important; font-size: var(--font-size-0905) !important; font-weight: var(--font-weight-regular) !important; line-height: 1.65 !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-row .methodical-inline-icon { width: var(--space-16) !important; height: var(--space-16) !important; color: var(--success-text) !important; flex: 0 0 var(--space-16) !important; margin-top: var(--space-1) !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-label { color: var(--success-text) !important; font-weight: var(--font-weight-medium) !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-inline-content { color: var(--success-text-dark) !important; font-weight: var(--font-weight-regular) !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-inline-content strong { color: inherit !important; font-weight: inherit !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-section-label { color: var(--text-secondary) !important; font-size: 0.71875rem !important; font-weight: var(--font-weight-regular) !important; } #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tags { gap: var(--space-8) !important; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tip-label { color: var(--success-text-stronger); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-section-label { display: inline-flex; align-items: center; gap: 4px; margin: var(--space-2) 0 0; color: var(--text-muted); font-size: 11.5px; font-weight: var(--font-weight-regular); letter-spacing: -0.005em; text-transform: none; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-section-label .methodical-inline-icon { width: 10px; height: 10px; color: var(--text-muted); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tags { display: flex; flex-wrap: wrap; gap: var(--space-7); } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tag { padding: 3px 9px; border: 0; border-radius: 9999px; background: var(--warm-gray-soft); color: var(--text-secondary); font-size: 12px; font-weight: var(--font-weight-regular); letter-spacing: -0.005em; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-answer-line { font-size: 14px; } #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .fib-breakdown-explanation { font-size: 13.5px; line-height: 1.6; } /* Single answer: editorial question list panel */ #readingWorkspaceRoot.single-answer-scope .reading-mode-picker { position: relative; } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger { display: inline-flex; align-items: center; gap: var(--space-6); } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger-dot { width: var(--space-6); height: var(--space-6); border-radius: 50%; flex-shrink: 0; } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger-dot[data-filter="new"] { background: var(--text-muted); } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger-dot[data-filter="mistakes"] { background: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger-dot[data-filter="bookmarked"], #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger-dot[data-filter="correct"] { background: var(--success-text); } #readingWorkspaceRoot.single-answer-scope .single-answer-filter-position-meta { margin: 0; color: var(--text-secondary); font-size: 0.8125rem; font-weight: var(--font-weight-regular); line-height: 1.4; white-space: nowrap; } #readingWorkspaceRoot.single-answer-scope .reading-resume-indicator-meta { display: inline-flex; align-items: center; gap: var(--space-6); margin: 0; color: var(--text-secondary); font-size: 0.8125rem; font-weight: var(--font-weight-regular); line-height: 1.4; letter-spacing: -0.005em; white-space: nowrap; } #readingWorkspaceRoot.single-answer-scope .reading-resume-indicator-meta svg { width: 0.75rem; height: 0.75rem; stroke: var(--text-muted); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; fill: none; flex-shrink: 0; } #readingWorkspaceRoot.single-answer-scope .practice-mode-menu { top: calc(100% + var(--space-6)); left: 0; min-width: var(--size-practice-mode-menu-min-width); padding: var(--space-4); border: var(--border-width-default) solid var(--border-subtle); border-radius: var(--space-8); background: var(--bg-page); box-shadow: var(--shadow-dropdown-soft); gap: 0; opacity: 0; transform: scale(0.96); transform-origin: top left; transition: opacity var(--motion-duration-dropdown-close) var(--motion-ease-micro), transform var(--motion-duration-dropdown-open) var(--motion-ease-micro); } #readingWorkspaceRoot.single-answer-scope .practice-mode-menu.is-open { opacity: 1; transform: scale(1); } #readingWorkspaceRoot.single-answer-scope .practice-mode-option { min-height: 0; padding: var(--space-8) var(--space-12); border-radius: var(--space-6); gap: var(--space-10); background: transparent; color: var(--practice-text-primary); font-size: var(--font-size-08125); font-weight: var(--font-weight-regular); letter-spacing: var(--tracking-soft-tightest); transition: background-color var(--motion-duration-fast) ease, color var(--motion-duration-fast) ease; } #readingWorkspaceRoot.single-answer-scope .practice-mode-option:hover, #readingWorkspaceRoot.single-answer-scope .practice-mode-option:focus-visible { outline: none; background: var(--warm-gray-soft); color: var(--practice-text-primary); } #readingWorkspaceRoot.single-answer-scope .practice-mode-option.active { outline: none; background: var(--accent-action-soft-bg); color: var(--accent-action-dark); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope .practice-mode-option.active::after { content: ""; width: var(--space-14); height: var(--space-14); margin-left: auto; background-color: var(--accent-action); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.285 6.709a1 1 0 0 1 .006 1.414l-9.25 9.333a1 1 0 0 1-1.419.003L3.71 11.62a1 1 0 1 1 1.414-1.414l4.201 4.2 8.542-8.618a1 1 0 0 1 1.418-.005Z'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-position: center; mask-size: contain; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.285 6.709a1 1 0 0 1 .006 1.414l-9.25 9.333a1 1 0 0 1-1.419.003L3.71 11.62a1 1 0 1 1 1.414-1.414l4.201 4.2 8.542-8.618a1 1 0 0 1 1.418-.005Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .single-answer-filter-reset-button:hover { color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope .completion { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: var(--space-32) var(--space-24); border-top: 0; text-align: center; } #readingWorkspaceRoot.single-answer-scope .workspace-stage.workspace-stage--completion { display: flex; flex-direction: column; justify-content: center; min-height: calc(100dvh - (var(--space-32) * 7)); } #readingWorkspaceRoot.single-answer-scope .workspace-stage.workspace-stage--completion .completion { flex: 1 1 auto; } #readingWorkspaceRoot.single-answer-scope .completion-icon { color: var(--success-text); display: inline-flex; align-items: center; justify-content: center; } #readingWorkspaceRoot.single-answer-scope .completion-icon > svg:not(.result-summary-icon) { width: 40px; height: 40px; stroke: currentColor; stroke-width: 1.8; fill: none; } #readingWorkspaceRoot.single-answer-scope .completion-icon .result-summary-icon { width: var(--space-22); height: var(--space-22); padding: 4px; border-radius: var(--radius-pill-soft); flex: 0 0 auto; background: var(--success-fill); } #readingWorkspaceRoot.single-answer-scope #completionTitle { margin: var(--space-14) 0 0; color: var(--text-primary); font-size: var(--space-18); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #completionMeta { max-width: 420px; margin: var(--space-8) 0 0; color: var(--text-secondary); font-size: var(--font-size-084375); line-height: 1.55; } #readingWorkspaceRoot.single-answer-scope .completion-action-row { display: flex; align-items: center; justify-content: center; gap: var(--space-16); margin-top: var(--space-24); flex-wrap: wrap; } #readingWorkspaceRoot.single-answer-scope #completionPreviousButton { display: inline-flex !important; align-items: center !important; gap: 4px !important; min-height: auto !important; padding: 6px 4px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--text-secondary) !important; font-size: 13px !important; font-weight: var(--font-weight-regular) !important; letter-spacing: -0.005em !important; text-decoration: underline !important; text-decoration-thickness: 0.5px !important; text-underline-offset: 3px !important; } #readingWorkspaceRoot.single-answer-scope #completionPreviousButton:hover { background: transparent !important; color: var(--accent-action) !important; text-decoration-color: var(--accent-action) !important; } #readingWorkspaceRoot.single-answer-scope #completionPreviousButton .question-prev-icon { font-size: 12px !important; } #readingWorkspaceRoot.single-answer-scope #completionPreviousButton[hidden] { display: none !important; } #readingWorkspaceRoot.single-answer-scope #completionPrimaryActionButton { min-height: auto; padding: var(--space-7) var(--space-16); border-radius: var(--space-7); font-size: 0.875rem; font-weight: var(--font-weight-medium); display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; box-shadow: none; border-color: var(--accent-action); background: var(--accent-action); color: #ffffff; } #readingWorkspaceRoot.single-answer-scope #completionPrimaryActionButton:hover { border-color: var(--accent-action-hover); background: var(--accent-action-hover); } #readingWorkspaceRoot.single-answer-scope #completionPrimaryActionButton:focus-visible { outline: var(--border-width-strong) solid var(--accent-action-soft-border); outline-offset: var(--space-2); } #readingWorkspaceRoot.single-answer-scope #completionSecondaryActions { width: 100%; justify-content: flex-end; margin-top: var(--space-24); } #readingWorkspaceRoot.single-answer-scope #exitButton, #readingWorkspaceRoot.single-answer-scope #completionExitButton { min-height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--text-muted); font-size: 0.8125rem; font-weight: var(--font-weight-regular); text-decoration: underline; text-decoration-thickness: var(--border-width-hairline); text-underline-offset: var(--space-3); } #readingWorkspaceRoot.single-answer-scope #exitButton:hover, #readingWorkspaceRoot.single-answer-scope #completionExitButton:hover { background: transparent; color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope #completionExitButton[hidden] { display: none !important; } @media (prefers-reduced-motion: reduce) { #readingWorkspaceRoot.single-answer-scope .practice-mode-menu, #readingWorkspaceRoot.single-answer-scope .practice-mode-option { transition-duration: 1ms !important; animation-duration: 1ms !important; } } #readingWorkspaceRoot.single-answer-scope #questionBrowserBackdrop { inset: 0; z-index: 60; background: var(--bg-overlay-subtle); opacity: 0; transition: opacity var(--question-browser-transition-duration, var(--motion-duration-panel-open)) var(--motion-ease-micro); } #readingWorkspaceRoot.single-answer-scope #questionBrowserBackdrop.is-open { opacity: 1; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer { top: 0; right: 0; width: min(100%, var(--size-question-browser-width)); height: 100vh; padding: 0; gap: 0; background: var(--bg-page); border-left: var(--border-width-default) solid var(--border-subtle); box-shadow: var(--shadow-panel-separator); transform: translateX(100%); transition: transform var(--question-browser-transition-duration, var(--motion-duration-panel-open)) var(--motion-ease-micro), box-shadow var(--motion-duration-fast) var(--motion-ease-standard); overflow: hidden; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer.is-open { transform: translateX(0); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-header { padding: var(--space-18) var(--space-24) var(--space-16); border-bottom: var(--border-width-default) solid var(--border-subtle); align-items: center; gap: var(--space-12); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-header h2 { font-size: var(--font-size-100); font-weight: var(--font-weight-medium); color: var(--text-primary); letter-spacing: var(--tracking-soft-tight); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-close-button { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--text-muted); cursor: pointer; transition: background-color var(--motion-duration-fast) ease, color var(--motion-duration-fast) ease; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-close-button:hover { background: var(--warm-gray-soft); color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-close-button:active { background: var(--border-subtle); color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-close-button-icon, #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-open-button-icon { display: inline-flex; align-items: center; justify-content: center; line-height: 1; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-close-button-icon svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 2; fill: none; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-context { padding: var(--space-14) var(--space-24) 0; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-task-row { display: flex; align-items: center; gap: var(--space-8); margin-bottom: var(--space-14); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-task-icon { width: var(--space-22); height: var(--space-22); border-radius: var(--space-5); border: var(--border-width-default) solid var(--border-subtle); background: var(--bg-page); color: var(--text-secondary); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-task-icon .reading-task-icon-svg { width: var(--space-12); height: var(--space-12); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-scope { font-size: var(--font-size-084375); font-weight: var(--font-weight-medium); color: var(--text-primary); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-meta { margin-left: auto; font-size: var(--font-size-0719); color: var(--text-muted); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-filters { width: auto; max-width: none; padding: 0 var(--space-24) var(--space-14); border: 0; border-bottom: var(--border-width-default) solid var(--border-subtle); border-radius: 0; background: transparent; display: flex; flex-wrap: wrap; gap: var(--space-4); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-filter { display: inline-flex; align-items: center; gap: var(--space-5); padding: var(--space-5) var(--space-10); border: var(--border-width-default) solid transparent; border-radius: var(--space-6); background: transparent; color: var(--text-secondary); font-size: var(--font-size-078125); font-weight: var(--font-weight-regular); transition: background-color var(--motion-duration-fast) ease, color var(--motion-duration-fast) ease; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-filter:hover, #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-filter.active { background: var(--warm-gray-soft); color: var(--text-primary); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-filter.active { font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-filter-count { font-size: var(--font-size-0719); color: var(--text-muted); font-variant-numeric: tabular-nums; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-filter.active .question-browser-filter-count { color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-list-section { flex: 1 1 auto; min-height: 0; overflow: hidden; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-list { height: 100%; padding: var(--space-8) var(--space-12); display: flex; flex-direction: column; gap: var(--space-2); overflow-y: auto; scrollbar-gutter: stable; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-item { display: flex; align-items: flex-start; gap: var(--space-11); padding: var(--space-9) var(--space-12); margin: 0; border: var(--border-width-default) solid transparent; border-radius: var(--space-8); background: transparent; cursor: pointer; transition: background-color var(--motion-duration-fast) ease; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-item:hover { background: var(--warm-gray-soft); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-item.current, #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-item.selected { background: var(--accent-action-soft-bg); border-color: var(--accent-action-soft-border); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbi-status { display: flex; align-items: center; gap: var(--space-7); flex-shrink: 0; margin-top: var(--space-2); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbi-num { min-width: 14px; font-size: var(--font-size-075); font-weight: var(--font-weight-medium); color: var(--text-muted); font-variant-numeric: tabular-nums; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-item.current .qbi-num, #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-item.selected .qbi-num { color: var(--accent-action-dark); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbi-dot { width: var(--space-7); height: var(--space-7); border-radius: 50%; flex-shrink: 0; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbi-dot--new { background: var(--border-strong); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbi-dot--correct { background: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbi-dot--incorrect { background: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbi-title { flex: 1 1 auto; min-width: 0; font-size: var(--font-size-08125); line-height: var(--line-height-145); color: var(--text-primary); letter-spacing: var(--tracking-soft-tightest); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-item.current .qbi-title, #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-item.selected .qbi-title { font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbi-bookmark-button { margin-top: var(--space-2); padding: 0; border: 0; background: transparent; color: var(--text-muted); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; cursor: pointer; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbi-bookmark-button svg { width: var(--space-13); height: var(--space-13); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbi-bookmark-button.bookmarked { color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-item:hover .qbi-bookmark-button:not(.bookmarked) { color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbi-bookmark-button:disabled { cursor: default; opacity: 0.72; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-progress { display: grid; gap: var(--space-10); padding: var(--space-14) var(--space-24); border-top: var(--border-width-default) solid var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbp-title { margin-bottom: 0; font-size: var(--font-size-065625); font-weight: var(--font-weight-medium); letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-muted); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbp-stats { display: flex; flex-wrap: wrap; gap: var(--space-8); text-align: left; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbp-stat { display: inline-flex; align-items: baseline; gap: var(--space-4); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbp-value { font-size: 0.84375rem; font-weight: var(--font-weight-medium); line-height: 1.2; letter-spacing: 0; color: var(--text-secondary); font-variant-numeric: tabular-nums; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbp-value--done { color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbp-value--correct { color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbp-value--incorrect { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbp-value--bookmarked { color: #4338ca; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .qbp-label { margin-top: 0; font-size: 0.8125rem; font-weight: var(--font-weight-regular); color: var(--text-secondary); letter-spacing: 0; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-footer { display: block; padding: 0 var(--space-24) var(--space-18); border-top: 0; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-open-button { width: 100%; border: 0; border-radius: var(--radius-button-compact); padding: var(--space-9) var(--space-16); display: inline-flex; align-items: center; justify-content: center; gap: var(--space-7); background: var(--accent-action); color: var(--text-on-emphasis); font-size: var(--font-size-084375); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-open-button:hover:not(:disabled) { background: var(--accent-action-hover); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-open-button-icon svg { width: var(--space-13); height: var(--space-13); stroke: currentColor; stroke-width: 2; fill: none; transition: transform var(--motion-duration-fast) var(--motion-ease-micro); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-open-button:hover:not(:disabled) .question-browser-open-button-icon svg { transform: translateX(var(--space-2)); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-open-button:disabled { background: var(--warm-gray-soft); color: var(--text-muted); cursor: not-allowed; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-empty-state { flex: 1 1 auto; min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--space-24); text-align: center; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-empty-state-icon { color: var(--text-muted); display: inline-flex; align-items: center; justify-content: center; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-empty-state-icon svg { width: var(--space-32); height: var(--space-32); stroke: currentColor; stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-empty-state-title { margin-top: var(--space-12); font-size: var(--space-14); font-weight: var(--font-weight-medium); color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-empty-state-copy { max-width: 280px; margin-top: var(--space-6); font-size: var(--font-size-078125); line-height: 1.5; color: var(--text-muted); } @media (prefers-reduced-motion: reduce) { #readingWorkspaceRoot.single-answer-scope #questionBrowserBackdrop, #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer, #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-open-button-icon svg, #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-item, #readingWorkspaceRoot.single-answer-scope #questionBrowserDrawer .question-browser-filter { transition-duration: 1ms !important; animation-duration: 1ms !important; } } /* Single answer: minimalist editorial pass */ #readingWorkspaceRoot.single-answer-scope #systemStatusRow { margin: 0; padding: 0; border: 0; background: transparent; gap: 0; } #readingWorkspaceRoot.single-answer-scope #systemStatusRow > * + * { padding-top: 0; border-top: 0; } #readingWorkspaceRoot.single-answer-scope .guest-trial-banner { padding: var(--space-8) var(--space-32); border: 0; border-bottom: var(--border-width-default) solid var(--border-subtle); border-radius: 0; background: transparent; gap: var(--space-12); } #readingWorkspaceRoot.single-answer-scope .guest-trial-copy { grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: var(--space-8) var(--space-8); } #readingWorkspaceRoot.single-answer-scope .guest-trial-label { color: var(--text-secondary); font-size: 0.78125rem; font-weight: var(--font-weight-regular); letter-spacing: 0; text-transform: none; line-height: var(--line-height-125); } #readingWorkspaceRoot.single-answer-scope .guest-trial-label-icon { display: none; } #readingWorkspaceRoot.single-answer-scope .guest-trial-progress { gap: var(--space-3); } #readingWorkspaceRoot.single-answer-scope .guest-trial-progress-segment { width: var(--space-16); height: var(--space-3); border-radius: calc(var(--space-3) / 2); background: var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope .guest-trial-progress-segment::after { background: var(--accent-action); } #readingWorkspaceRoot.single-answer-scope .guest-trial-status { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-5); } #readingWorkspaceRoot.single-answer-scope .guest-trial-message, #readingWorkspaceRoot.single-answer-scope .guest-trial-hint { color: var(--text-secondary); font-size: 0.78125rem; font-weight: var(--font-weight-regular); line-height: var(--line-height-125); } #readingWorkspaceRoot.single-answer-scope .guest-trial-message-usage { color: var(--text-primary); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta { padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--text-secondary); font-size: 0.78125rem; font-weight: var(--font-weight-regular); text-decoration: underline; text-decoration-thickness: var(--border-width-hairline); text-underline-offset: var(--space-3); } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta:hover { background: transparent; color: var(--accent-action); border-color: transparent; } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta-icon { font-size: 0.6875rem; } #readingWorkspaceRoot.single-answer-scope .reading-context-strip { padding: var(--space-10) var(--space-32); border-bottom: var(--border-width-default) solid var(--border-subtle); gap: var(--space-12); } #readingWorkspaceRoot.single-answer-scope .reading-context-main, #readingWorkspaceRoot.single-answer-scope .reading-context-actions { align-items: center; } #readingWorkspaceRoot.single-answer-scope .reading-context-main { gap: var(--space-10); } #readingWorkspaceRoot.single-answer-scope .reading-context-task-type { font-size: 0.84375rem; font-weight: var(--font-weight-medium); color: var(--text-primary); } #readingWorkspaceRoot.single-answer-scope .reading-context-task-type-icon { width: var(--space-22); height: var(--space-22); border: var(--border-width-default) solid var(--border-subtle); border-radius: var(--space-5); background: var(--bg-page); } #readingWorkspaceRoot.single-answer-scope .reading-context-divider { width: var(--border-width-default); height: var(--space-14); background: var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger, #readingWorkspaceRoot.single-answer-scope .reading-context-actions .header-utility-button { padding: var(--space-3) var(--space-9); border: var(--border-width-default) solid transparent; border-radius: var(--space-7); background: transparent; color: var(--text-secondary); font-size: 0.78125rem; font-weight: var(--font-weight-regular); } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger:hover, #readingWorkspaceRoot.single-answer-scope .reading-context-actions .header-utility-button:hover { border-color: var(--border-subtle); background: transparent; } #readingWorkspaceRoot.single-answer-scope .reading-context-review-meta { margin: 0; color: var(--text-muted); font-size: 0.78125rem; font-weight: var(--font-weight-regular); line-height: var(--line-height-125); } #readingWorkspaceRoot.single-answer-scope .run-summary-stats { gap: 0; align-items: center; } #readingWorkspaceRoot.single-answer-scope .run-summary-pill { padding: 0 var(--space-10); border: 0; border-radius: 0; background: transparent; font-size: 0.8125rem; font-weight: var(--font-weight-regular); color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill:first-child { padding-left: 0; } #readingWorkspaceRoot.single-answer-scope .run-summary-pill + .run-summary-pill { position: relative; } #readingWorkspaceRoot.single-answer-scope .run-summary-pill + .run-summary-pill::before { content: ""; position: absolute; left: 0; top: 50%; width: var(--border-width-default); height: var(--space-12); background: var(--border-subtle); transform: translateY(-50%); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.done { color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill-value { color: currentColor; font-weight: var(--font-weight-medium); font-variant-numeric: tabular-nums; } #readingWorkspaceRoot.single-answer-scope .run-summary-pill-symbol { color: currentColor; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.correct, #readingWorkspaceRoot.single-answer-scope .run-summary-pill.incorrect { background: transparent; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.correct .run-summary-pill-value { color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.incorrect .run-summary-pill-value { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.correct { color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.incorrect { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #status { width: auto; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--text-muted); font-size: 0.78125rem; font-weight: var(--font-weight-regular); } #readingWorkspaceRoot.single-answer-scope .workspace-stage { gap: var(--space-0); padding: 0 var(--space-32); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout { position: relative; grid-template-columns: minmax(0, 1.35fr) var(--border-width-default) minmax(0, 1fr); grid-template-areas: "instr instr instr" "pass divider stem" "pass divider opts" "pass divider actions" "result result result" "next next next" "attempts attempts attempts"; gap: var(--space-14) var(--space-24); padding: 0; border: 0; border-radius: 0; background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .practice-zone-divider, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #promptBlock .content-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock .content-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock .content-label { display: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .single-answer-grid-divider--exercise { grid-area: divider; background: var(--border-subtle); align-self: stretch; justify-self: stretch; display: block; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock { padding: 0; border: 0; border-radius: 0; background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionText { color: var(--text-primary); font-size: 0.9375rem; font-weight: var(--font-weight-medium); line-height: 1.45; margin-bottom: var(--space-12); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .source-content { color: var(--text-primary); font-size: 0.875rem; line-height: 1.65; letter-spacing: -0.005em; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #options { margin-top: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #options.mcq-options { gap: var(--space-3); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label { padding: var(--space-8) var(--space-10); border: var(--border-width-default) solid transparent; border-radius: var(--space-7); background: transparent; gap: var(--space-10); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label:hover { border-color: transparent; background: var(--warm-gray-soft); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.selected { border-color: var(--accent-action-soft-border); background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label input { width: var(--space-14); height: var(--space-14); margin: var(--space-1) 0 0; accent-color: var(--accent-action); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-letter { min-width: var(--space-24); color: var(--text-primary); font-size: 0.84375rem; font-weight: var(--font-weight-medium); line-height: 1.45; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-copy { color: var(--text-primary); font-size: 0.84375rem; font-weight: var(--font-weight-regular); line-height: 1.45; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-correct, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-missed-correct { border-color: var(--success-text); background: var(--success-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-incorrect { border-color: var(--danger-text); background: var(--danger-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-correct input, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-missed-correct input { accent-color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-incorrect input { accent-color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-correct .option-letter, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-missed-correct .option-letter { color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-incorrect .option-letter { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note { padding: var(--space-1) var(--space-7); border-radius: var(--radius-pill); font-size: 0.625rem; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note.state-correct, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note.state-missed { border-color: transparent; background: var(--success-fill-darker); color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note.state-incorrect { border-color: transparent; background: var(--danger-fill); color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result { margin-bottom: var(--space-14); padding: 0; border: 0; border-radius: 0; background: transparent; gap: var(--space-14); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.correct-state, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.incorrect-state { border-color: transparent; background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-header-row { padding: var(--space-10) 0 var(--space-12); border-top: var(--border-width-default) solid var(--border-subtle); border-bottom: var(--border-width-default) solid var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary { gap: var(--space-9); color: var(--danger-text); font-size: 0.84375rem; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.correct-state #resultSummary { color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary::before { width: var(--space-22); height: var(--space-22); border-radius: var(--radius-pill); border: 0; font-size: 0.8125rem; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.correct::before { background: var(--success-fill); color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.incorrect::before { border: var(--border-width-default) solid var(--danger-border); background: var(--danger-fill); color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultScoreLine { gap: var(--space-4); color: var(--text-secondary); font-size: 0.78125rem; font-weight: var(--font-weight-regular); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .score-inline-label { color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .score-inline-value { color: var(--text-secondary); font-weight: var(--font-weight-regular); font-variant-numeric: tabular-nums; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #methodicalFeedbackPanel { gap: var(--space-14); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-layout--split { grid-template-columns: minmax(0, 1fr) var(--border-width-default) minmax(0, 1fr); gap: var(--space-24); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-column-divider { background: var(--border-subtle); align-self: stretch; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-left, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-right { gap: var(--space-10); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-static-header, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tabs { display: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-title, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-static-header-tab.single-review-tab { color: var(--text-muted); font-size: 0.6875rem; font-weight: var(--font-weight-medium); letter-spacing: 0.14em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-text { color: var(--text-secondary); font-size: 0.8125rem; font-weight: var(--font-weight-regular); line-height: 1.6; letter-spacing: -0.005em; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-callout { border: 0; border-left: var(--border-width-strong) solid var(--success-text); border-radius: 0 var(--space-6) var(--space-6) 0; padding: var(--space-9) var(--space-12); background: var(--success-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-row { display: flex; align-items: flex-start; gap: var(--space-9); color: var(--success-text-dark); font-size: 0.78125rem; font-weight: var(--font-weight-regular); line-height: 1.55; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-row .methodical-inline-icon { width: var(--space-14); height: var(--space-14); color: var(--success-text); flex: 0 0 var(--space-14); margin-top: var(--space-1); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-label { color: var(--success-text); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-section-label { display: inline-flex; align-items: center; gap: var(--space-6); margin: 0 0 var(--space-8); color: var(--text-muted); font-size: 0.6875rem; font-weight: var(--font-weight-regular); letter-spacing: 0; text-transform: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-section-label .methodical-inline-icon { width: var(--space-10); height: var(--space-10); color: var(--text-muted); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tags { display: flex; flex-wrap: wrap; gap: var(--space-6); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tag, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-skill-section--subtle .methodical-tag { border: 0; background: var(--warm-gray-soft); color: var(--text-secondary); font-size: 0.6875rem; font-weight: var(--font-weight-regular); padding: var(--space-2) var(--space-8); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-list { gap: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item { padding: var(--space-8) 0; border: 0; border-bottom: var(--border-width-default) solid var(--border-subtle); border-radius: 0; background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item:last-child { border-bottom: 0; padding-bottom: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item:first-child { padding-top: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item--user-choice { border-color: var(--border-subtle); background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-chip { min-width: var(--space-18); height: var(--space-18); margin-top: var(--space-1); border: 0; background: var(--danger-fill); color: var(--danger-text); font-size: 0.65625rem; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-status { margin-bottom: var(--space-2); color: var(--danger-text); font-size: 0.65625rem; font-weight: var(--font-weight-medium); letter-spacing: 0.04em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-text { color: var(--text-secondary); font-size: 0.75rem; font-weight: var(--font-weight-regular); line-height: 1.5; } #readingWorkspaceRoot.single-answer-scope .secondary-actions { justify-content: flex-end; padding: var(--space-10) var(--space-32) var(--space-14); margin-top: 0; border-top: 0; } #readingWorkspaceRoot.single-answer-scope .secondary-actions-buttons { width: 100%; justify-content: flex-end; } #readingWorkspaceRoot.single-answer-scope #exitButton { color: var(--text-muted); font-size: 0.71875rem; font-weight: var(--font-weight-regular); text-decoration-thickness: var(--border-width-hairline); text-underline-offset: var(--space-3); } #readingWorkspaceRoot.single-answer-scope #exitButton:hover { color: var(--text-secondary); } @media (max-width: 68.75rem) { #readingWorkspaceRoot.single-answer-scope .guest-trial-banner, #readingWorkspaceRoot.single-answer-scope .reading-context-strip, #readingWorkspaceRoot.single-answer-scope .workspace-stage, #readingWorkspaceRoot.single-answer-scope .secondary-actions { padding-left: var(--space-16); padding-right: var(--space-16); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout { grid-template-columns: 1fr; grid-template-areas: "instr" "stem" "opts" "actions" "pass" "result" "next"; gap: var(--space-12); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .single-answer-grid-divider--exercise, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-column-divider { display: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-layout--split { grid-template-columns: 1fr; gap: var(--space-16); } #readingWorkspaceRoot.single-answer-scope .guest-trial-copy { grid-template-columns: 1fr; } } /* Single answer: focused minimalist editorial layout */ #readingWorkspaceRoot.single-answer-scope #systemStatusRow { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; gap: 0; } #readingWorkspaceRoot.single-answer-scope .guest-trial-banner { padding: var(--space-8) var(--space-32); border: 0; border-bottom: var(--border-width-default) solid var(--border-subtle); border-radius: 0; background: transparent; gap: var(--space-12); } #readingWorkspaceRoot.single-answer-scope .guest-trial-copy { grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: var(--space-6) var(--space-12); } #readingWorkspaceRoot.single-answer-scope .guest-trial-label { color: var(--text-secondary); font-size: 0.8125rem; font-weight: var(--font-weight-regular); letter-spacing: 0; text-transform: none; } #readingWorkspaceRoot.single-answer-scope .guest-trial-label-icon { display: none; } #readingWorkspaceRoot.single-answer-scope .guest-trial-progress { gap: var(--space-3); } #readingWorkspaceRoot.single-answer-scope .guest-trial-progress-segment { width: var(--space-16); height: var(--space-3); border-radius: var(--space-2); background: var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope .guest-trial-progress-segment::after { background: var(--accent-action); } #readingWorkspaceRoot.single-answer-scope .guest-trial-message, #readingWorkspaceRoot.single-answer-scope .guest-trial-hint { color: var(--text-secondary); font-size: 0.8125rem; font-weight: var(--font-weight-regular); line-height: 1.4; } #readingWorkspaceRoot.single-answer-scope .guest-trial-message-usage { color: var(--text-primary); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta { min-height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--text-secondary); font-size: 0.78125rem; font-weight: var(--font-weight-regular); line-height: 1.4; text-decoration: underline; text-decoration-thickness: var(--border-width-hairline); text-underline-offset: var(--space-3); } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta:hover { color: var(--accent-action); border: 0; background: transparent; text-decoration-color: var(--accent-action-soft-border); } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta-icon { display: inline-flex; width: var(--space-11); height: var(--space-11); color: currentColor; } #readingWorkspaceRoot.single-answer-scope .guest-trial-cta::before { content: none; } #readingWorkspaceRoot.single-answer-scope .reading-context-strip { min-height: 0; padding: var(--space-10) var(--space-32); border-bottom: var(--border-width-default) solid var(--border-subtle); gap: var(--space-12); } #readingWorkspaceRoot.single-answer-scope .reading-context-main { align-items: center; gap: var(--space-12); flex-wrap: wrap; } #readingWorkspaceRoot.single-answer-scope .reading-context-task-type { gap: var(--space-8); color: var(--text-primary); font-size: 0.875rem; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope .reading-context-task-type::before { display: none; } #readingWorkspaceRoot.single-answer-scope .reading-context-task-type-icon { width: var(--space-22); height: var(--space-22); border: var(--border-width-default) solid var(--border-subtle); border-radius: var(--space-5); background: var(--bg-page); color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope .reading-context-task-type-icon .reading-task-icon-svg { width: var(--space-12); height: var(--space-12); } #readingWorkspaceRoot.single-answer-scope .reading-context-divider { width: var(--border-width-default); height: var(--space-14); background: var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger, #readingWorkspaceRoot.single-answer-scope .reading-context-actions .header-utility-button { min-height: auto; padding: var(--space-3) var(--space-9); border: var(--border-width-default) solid transparent; border-radius: var(--space-7); background: transparent; color: var(--text-secondary); font-size: 0.84375rem; font-weight: var(--font-weight-regular); box-shadow: none; } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger:hover, #readingWorkspaceRoot.single-answer-scope .reading-context-actions .header-utility-button:hover { border-color: var(--border-subtle); background: transparent; } #readingWorkspaceRoot.single-answer-scope .reading-mode-trigger-caret { font-size: 0.6875rem; } #readingWorkspaceRoot.single-answer-scope .reading-context-review-meta { margin: 0; color: var(--text-muted); font-size: 0.84375rem; font-weight: var(--font-weight-regular); line-height: 1.4; } #readingWorkspaceRoot.single-answer-scope .run-summary-stats { display: inline-flex; align-items: center; gap: var(--space-10); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill { position: relative; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--text-secondary); font-size: 0.84375rem; font-weight: var(--font-weight-regular); display: inline-flex; align-items: center; gap: var(--space-4); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.done { color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.done .run-summary-pill-value { color: var(--text-primary); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.correct, #readingWorkspaceRoot.single-answer-scope .run-summary-pill.incorrect { background: transparent; font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.correct { color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.incorrect { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope .run-summary-pill.done::after, #readingWorkspaceRoot.single-answer-scope .run-summary-pill.correct::after { content: ""; width: var(--border-width-default); height: var(--space-12); margin-left: var(--space-10); background: var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope .workspace-stage { gap: 0; padding: var(--space-20) var(--space-32) 0; } #readingWorkspaceRoot.single-answer-scope #status { width: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--text-muted); font-size: 0.78125rem; font-weight: var(--font-weight-regular); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) var(--border-width-default) minmax(0, 1fr); grid-template-areas: "instr instr instr" "pass divider stem" "pass divider opts" "actions actions actions" "result result result" "next next next"; column-gap: var(--space-28); row-gap: var(--space-14); margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .practice-zone-divider, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #promptBlock .content-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock .content-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock .content-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-static-header, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tabs, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-title:empty { display: none !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .prompt-service-row, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .prompt-service-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-12); align-items: center; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock { grid-area: pass; align-self: stretch; padding: 0 0 var(--space-16) 0; border: 0; border-radius: 0; background: transparent; max-height: none; overflow: visible; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .single-answer-grid-divider--exercise { grid-area: divider; display: block; align-self: stretch; width: var(--border-width-default); background: var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock { grid-area: stem; align-self: start; padding: 0; border: 0; border-radius: 0; background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #options { grid-area: opts; align-self: start; margin: 0; padding: 0; border: 0; background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionText { margin: 0 0 var(--space-16); max-width: none; color: var(--text-primary); font-size: 1.03125rem; font-weight: var(--font-weight-medium); line-height: 1.5; letter-spacing: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .source-content { margin: 0; color: var(--text-primary); font-size: var(--font-size-100); font-weight: var(--font-weight-regular); line-height: 1.7; letter-spacing: -0.005em; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #options.mcq-options { gap: var(--space-6); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: baseline; column-gap: var(--space-8); row-gap: var(--space-8); width: 100%; padding: var(--space-10) var(--space-13); border: var(--border-width-default) solid transparent; border-radius: var(--space-7); background: transparent; transition: background-color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label input { align-self: baseline; width: var(--space-14); height: var(--space-14); margin: 0 var(--space-4) 0 0; accent-color: var(--accent-action); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label:hover { background: var(--warm-gray-soft); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.selected { border-color: var(--accent-action-soft-border); background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-correct, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-missed-correct { border-color: var(--success-border); background: var(--success-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-incorrect { border-color: var(--danger-border); background: var(--danger-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-letter { min-width: var(--space-20); color: var(--text-primary); font-size: var(--space-15); font-weight: var(--font-weight-medium); line-height: 1.55; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-correct .option-letter, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-missed-correct .option-letter { color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-label.review-selected-incorrect .option-letter { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-copy { color: var(--text-primary); font-size: var(--space-15); font-weight: var(--font-weight-regular); line-height: 1.55; letter-spacing: -0.005em; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note { justify-self: end; align-self: start; margin-left: 0; padding: var(--space-1) var(--space-7); border-radius: var(--radius-pill-soft); font-size: 0.625rem; font-weight: var(--font-weight-medium); line-height: 1.2; white-space: nowrap; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note.state-correct, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note.state-missed { color: var(--success-text); background: var(--success-fill-darker); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .option-review-note.state-incorrect { color: var(--danger-text); background: var(--danger-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #submitButton, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #submitButton, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #submitButton, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #submitButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #submitButton { min-height: auto !important; padding: var(--space-7) var(--space-16) !important; border: 0 !important; border-radius: var(--space-7) !important; background: var(--accent-action) !important; color: var(--text-on-emphasis) !important; font-size: 0.875rem !important; font-weight: var(--font-weight-medium) !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: none !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #nextButton, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #nextButton, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #nextButton, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #nextButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #nextButton { min-height: auto !important; padding: var(--space-7) var(--space-16) !important; border: 0 !important; border-radius: var(--space-7) !important; background: var(--accent-action) !important; color: var(--text-on-emphasis) !important; font-size: 0.875rem !important; font-weight: var(--font-weight-medium) !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: none !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #submitButton:hover:not(:disabled), #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #submitButton:hover:not(:disabled), #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #submitButton:hover:not(:disabled), #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #submitButton:hover:not(:disabled), #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #submitButton:hover:not(:disabled) { background: var(--accent-action-hover) !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #nextButton:hover, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #nextButton:hover, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #nextButton:hover, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #nextButton:hover, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #nextButton:hover { background: var(--accent-action-hover) !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #submitButton:focus-visible, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #submitButton:focus-visible, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #submitButton:focus-visible, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #submitButton:focus-visible, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #submitButton:focus-visible { outline: var(--border-width-strong) solid var(--accent-action-soft-border) !important; outline-offset: var(--space-2) !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #nextButton:focus-visible, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #nextButton:focus-visible, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #nextButton:focus-visible, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #nextButton:focus-visible, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #nextButton:focus-visible { outline: var(--border-width-strong) solid var(--accent-action-soft-border) !important; outline-offset: var(--space-2) !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #submitButton:disabled, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #submitButton:disabled, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #submitButton:disabled, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #submitButton:disabled, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #submitButton:disabled { background: var(--warm-gray-soft) !important; color: var(--text-muted) !important; cursor: not-allowed !important; opacity: 1 !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #submitButton[hidden], #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #submitButton[hidden], #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #submitButton[hidden], #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #submitButton[hidden], #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #submitButton[hidden], #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #nextButton[hidden], #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #nextButton[hidden], #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #nextButton[hidden], #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #nextButton[hidden], #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #nextButton[hidden] { display: none !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-nav-arrow { font-size: 0.8125rem; transition: transform var(--motion-duration-fast) var(--motion-ease-micro); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #nextButton:hover .question-nav-arrow { transform: translateX(var(--space-2)); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #previousInlineButton { margin-left: auto; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result { grid-area: result; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; gap: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.correct-state, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.incorrect-state, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.partial-state { background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-header-row { display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); padding: var(--space-12) 0; padding-left: var(--space-14); margin-bottom: var(--space-16); border-left: var(--space-3) solid transparent; border-top: var(--border-width-default) solid var(--border-subtle); border-bottom: var(--border-width-default) solid var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.correct-state .result-header-row { border-left-color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.incorrect-state .result-header-row { border-left-color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-status-stack { display: inline-flex; align-items: center; min-width: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary { display: inline-flex; align-items: center; gap: var(--space-8); margin: 0; color: var(--success-text); font-size: 0.90625rem; font-weight: var(--font-weight-medium); line-height: 1.25; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary::before { width: var(--space-22); height: var(--space-22); border-radius: var(--radius-pill-soft); display: inline-flex; align-items: center; justify-content: center; font-size: 0.8125rem; font-weight: var(--font-weight-medium); flex: 0 0 auto; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.correct::before { content: "✓"; color: var(--success-text); background: var(--success-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.incorrect { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.incorrect::before { content: "×"; color: var(--danger-text); background: var(--danger-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.partial { color: var(--warning-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.partial::before { content: "!"; color: var(--warning-text); background: var(--warning-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultExplanation, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultLearnerAnswer, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultCorrectAnswer, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultBreakdown, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultNextStep { display: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultScoreLine { display: inline-flex; align-items: baseline; justify-content: flex-end; gap: var(--space-4); color: var(--text-secondary); font-size: 0.84375rem; font-weight: var(--font-weight-regular); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .score-inline-label { color: var(--text-secondary); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .score-inline-value { color: var(--text-secondary); font-weight: var(--font-weight-regular); font-variant-numeric: tabular-nums; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultScoreLine .score-inline-value, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultScoreLine .score-inline-label { color: var(--text-secondary) !important; font-weight: var(--font-weight-regular) !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #methodicalFeedbackPanel { display: grid; gap: var(--space-14); margin: 0 0 var(--space-16); padding: 0; border: 0; background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-layout--split { grid-template-columns: minmax(0, 1fr) var(--border-width-default) minmax(0, 1fr); gap: var(--space-28); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-column-divider { display: block; align-self: stretch; background: var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-left, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-right { gap: var(--space-10); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-text { color: var(--text-secondary); font-size: var(--space-15); font-weight: var(--font-weight-regular); line-height: 1.7; letter-spacing: -0.005em; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-title { margin: 0 0 var(--space-12); color: var(--text-secondary); font-size: 0.71875rem; font-weight: var(--font-weight-medium); letter-spacing: 0.14em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-callout { border: 0; border-left: var(--space-2) solid var(--success-text); border-radius: 0 var(--space-6) var(--space-6) 0; padding: var(--space-12) var(--space-15); background: var(--success-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-row { display: flex; align-items: flex-start; gap: var(--space-9); color: var(--success-text-dark); font-size: var(--font-size-0905); font-weight: var(--font-weight-regular); line-height: 1.65; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-row .methodical-inline-icon { width: var(--space-16); height: var(--space-16); color: var(--success-text); flex: 0 0 var(--space-16); margin-top: var(--space-1); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-inline-content strong { color: var(--success-text); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-section-label { display: inline-flex; align-items: center; gap: var(--space-6); margin: var(--space-2) 0 0; color: var(--text-muted); font-size: 0.71875rem; font-weight: var(--font-weight-regular); letter-spacing: 0; text-transform: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-section-label .methodical-inline-icon { width: var(--space-10); height: var(--space-10); color: var(--text-muted); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tags { display: flex; flex-wrap: wrap; gap: var(--space-7); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tag, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-skill-section--subtle .methodical-tag { padding: var(--space-3) var(--space-9); border: 0; border-radius: var(--radius-pill-soft); background: var(--warm-gray-soft); color: var(--text-secondary); font-size: 0.75rem; font-weight: var(--font-weight-regular); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-list { gap: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item { padding: var(--space-8) 0; border: 0; border-bottom: var(--border-width-default) solid var(--border-subtle); border-radius: 0; background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item:first-child { padding-top: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item:last-child { padding-bottom: 0; border-bottom: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-item--user-choice { background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-chip { min-width: var(--space-20); height: var(--space-20); margin-top: var(--space-1); border: 0; background: var(--danger-fill); color: var(--danger-text); font-size: calc(var(--space-22) / 2); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-status { margin-bottom: var(--space-2); color: var(--danger-text); font-size: var(--font-size-0719); font-weight: var(--font-weight-medium); letter-spacing: 0.04em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-option-text { color: var(--text-secondary); font-size: var(--space-14); font-weight: var(--font-weight-regular); line-height: 1.6; } #readingWorkspaceRoot.single-answer-scope .secondary-actions { justify-content: flex-end; margin-top: 0; padding: var(--space-12) var(--space-32) var(--space-16); border-top: 0; } #readingWorkspaceRoot.single-answer-scope .secondary-actions-buttons { width: 100%; justify-content: flex-end; } #readingWorkspaceRoot.single-answer-scope #exitButton { min-height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--text-muted); font-size: 0.8125rem; font-weight: var(--font-weight-regular); text-decoration: underline; text-decoration-thickness: var(--border-width-hairline); text-underline-offset: var(--space-3); } #readingWorkspaceRoot.single-answer-scope #exitButton:hover { background: transparent; color: var(--text-secondary); } @media (max-width: 68.75rem) { #readingWorkspaceRoot.single-answer-scope .guest-trial-banner, #readingWorkspaceRoot.single-answer-scope .reading-context-strip, #readingWorkspaceRoot.single-answer-scope .workspace-stage, #readingWorkspaceRoot.single-answer-scope .secondary-actions { padding-left: var(--space-16); padding-right: var(--space-16); } #readingWorkspaceRoot.single-answer-scope .guest-trial-copy { grid-template-columns: 1fr; align-items: start; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout { grid-template-columns: 1fr; grid-template-areas: "instr" "stem" "opts" "actions" "pass" "result" "next" "attempts"; row-gap: var(--space-14); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .single-answer-grid-divider--exercise, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-column-divider { display: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #questionBlock, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #options { padding-left: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #sourceBlock { padding: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-actions, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-next-action, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-header-row { flex-wrap: wrap; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #backToCurrentButton { margin-left: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-layout--split { grid-template-columns: 1fr; gap: var(--space-16); } } /* Shared Reading Result Row abstraction */ #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-header-row, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .result-header-row, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .result-header-row, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .result-header-row, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .result-header-row { display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); padding: var(--space-12) 0; padding-left: var(--space-14); margin-bottom: var(--space-16); border-left: var(--space-3) solid transparent; border-top: var(--border-width-default) solid var(--border-subtle); border-bottom: var(--border-width-default) solid var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.correct-state .result-header-row, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result.correct-state .result-header-row, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result.correct-state .result-header-row, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result.correct-state .result-header-row, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result.correct-state .result-header-row { border-left-color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.partial-state .result-header-row, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result.partial-state .result-header-row, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result.partial-state .result-header-row, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result.partial-state .result-header-row, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result.partial-state .result-header-row { border-left-color: var(--warning-accent); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result.incorrect-state .result-header-row, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result.incorrect-state .result-header-row, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result.incorrect-state .result-header-row, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result.incorrect-state .result-header-row, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result.incorrect-state .result-header-row { border-left-color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-status-stack, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .result-status-stack, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .result-status-stack, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .result-status-stack, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .result-status-stack { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary::before, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #resultSummary::before, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultSummary::before, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultSummary::before, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultSummary::before { content: none !important; display: none !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #resultSummary, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultSummary, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultSummary, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultSummary { display: inline-flex; align-items: center; gap: var(--space-8); margin: 0; font-size: 0.90625rem; font-weight: var(--font-weight-medium); line-height: 1.25; white-space: normal; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-summary-icon, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .result-summary-icon, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .result-summary-icon, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .result-summary-icon, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .result-summary-icon { display: block; width: var(--space-22); height: var(--space-22); padding: 4px; border-radius: var(--radius-pill-soft); flex: 0 0 auto; overflow: visible; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.correct, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #resultSummary.correct, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultSummary.correct, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultSummary.correct, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultSummary.correct { color: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.correct .result-summary-icon, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #resultSummary.correct .result-summary-icon, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultSummary.correct .result-summary-icon, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultSummary.correct .result-summary-icon, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultSummary.correct .result-summary-icon { background: var(--success-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.partial, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #resultSummary.partial, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultSummary.partial, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultSummary.partial, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultSummary.partial { color: var(--warning-accent); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.partial .result-summary-icon, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #resultSummary.partial .result-summary-icon, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultSummary.partial .result-summary-icon, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultSummary.partial .result-summary-icon, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultSummary.partial .result-summary-icon { background: var(--warning-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.incorrect, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #resultSummary.incorrect, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultSummary.incorrect, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultSummary.incorrect, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultSummary.incorrect { color: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultSummary.incorrect .result-summary-icon, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #resultSummary.incorrect .result-summary-icon, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultSummary.incorrect .result-summary-icon, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultSummary.incorrect .result-summary-icon, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultSummary.incorrect .result-summary-icon { background: var(--danger-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultInlineBreakdown, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #resultInlineBreakdown, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultInlineBreakdown, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultInlineBreakdown, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultInlineBreakdown { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-8); margin: 0; color: var(--text-secondary); font-size: 12px; font-weight: var(--font-weight-regular); line-height: 1.4; letter-spacing: -0.005em; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-breakdown-item, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .result-breakdown-item, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .result-breakdown-item, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .result-breakdown-item, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .result-breakdown-item { display: inline-flex; align-items: center; gap: var(--space-4); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-breakdown-dot, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .result-breakdown-dot, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .result-breakdown-dot, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .result-breakdown-dot, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .result-breakdown-dot { width: var(--space-6); height: var(--space-6); border-radius: 50%; flex: 0 0 auto; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-breakdown-dot--correct, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .result-breakdown-dot--correct, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .result-breakdown-dot--correct, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .result-breakdown-dot--correct, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .result-breakdown-dot--correct { background: var(--success-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-breakdown-dot--incorrect, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .result-breakdown-dot--incorrect, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .result-breakdown-dot--incorrect, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .result-breakdown-dot--incorrect, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .result-breakdown-dot--incorrect { background: var(--danger-text); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-breakdown-dot--missed, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .result-breakdown-dot--missed, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .result-breakdown-dot--missed, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .result-breakdown-dot--missed, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .result-breakdown-dot--missed { background: var(--warning-accent); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-breakdown-separator, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .result-breakdown-separator, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .result-breakdown-separator, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .result-breakdown-separator, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .result-breakdown-separator { color: var(--text-muted); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #resultScoreLine, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #resultScoreLine, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #resultScoreLine, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #resultScoreLine, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #resultScoreLine { display: inline-flex; align-items: baseline; justify-content: flex-end; gap: var(--space-4); margin: 0; color: var(--text-secondary); font-size: 0.84375rem; font-weight: var(--font-weight-regular); font-variant-numeric: tabular-nums; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .score-inline-label, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .score-inline-label, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .score-inline-label, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .score-inline-label, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .score-inline-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .score-inline-value, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .score-inline-value, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .score-inline-value, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .score-inline-value, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .score-inline-value { color: var(--text-secondary) !important; font-weight: var(--font-weight-regular) !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .score-inline-value, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .score-inline-value, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .score-inline-value, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .score-inline-value, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .score-inline-value { font-variant-numeric: tabular-nums; } @media (max-width: 68.75rem) { #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .result-header-row, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .result-header-row, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .result-header-row, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .result-header-row, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .result-header-row { flex-wrap: wrap; } } /* Shared Reading Feedback abstraction */ #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result { gap: var(--space-8); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .practice-zone-divider--feedback, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .practice-zone-divider--feedback, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .practice-zone-divider--feedback, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .practice-zone-divider--feedback, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .practice-zone-divider--feedback { display: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #methodicalFeedbackPanel, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #methodicalFeedbackPanel, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #methodicalFeedbackPanel, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #methodicalFeedbackPanel, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #methodicalFeedbackPanel { display: grid; gap: var(--space-14); margin: 0 0 var(--space-16); padding: 0; border: 0; background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-layout--split, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-layout--split, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-layout--split, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-layout--split, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-layout--split { grid-template-columns: minmax(0, 1fr) var(--border-width-default) minmax(0, 1fr); gap: var(--space-28); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-column-divider, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-column-divider, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-column-divider, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-column-divider, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-column-divider { display: block; align-self: stretch; background: var(--border-subtle); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-left, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-right, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-left, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-right, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-left, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-right, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-left, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-right, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-left, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-right { gap: var(--space-10); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-text, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-text, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-text, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-text, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-text { color: var(--text-secondary); font-size: var(--space-15); font-weight: var(--font-weight-regular); line-height: 1.7; letter-spacing: -0.005em; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-title, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-title, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-title, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-title, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-title { margin: 0 0 var(--space-12); color: var(--text-secondary); font-size: 0.71875rem; font-weight: var(--font-weight-medium); letter-spacing: 0.14em; text-transform: uppercase; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-callout, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-tip-callout, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tip-callout, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-tip-callout, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-callout { border: 0; border-left: var(--space-2) solid var(--success-text); border-radius: 0 var(--space-6) var(--space-6) 0; padding: var(--space-12) var(--space-15); background: var(--success-fill); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-row, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-tip-row, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tip-row, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-tip-row, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-row { display: flex; align-items: flex-start; gap: var(--space-9); color: var(--success-text-dark); font-size: var(--font-size-0905); font-weight: var(--font-weight-regular); line-height: 1.65; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-row .methodical-inline-icon, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-tip-row .methodical-inline-icon, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tip-row .methodical-inline-icon, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-tip-row .methodical-inline-icon, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-row .methodical-inline-icon { width: var(--space-16); height: var(--space-16); color: var(--success-text); flex: 0 0 var(--space-16); margin-top: var(--space-1); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-label, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tip-inline-content strong, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-tip-label, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-tip-inline-content strong, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tip-label, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tip-inline-content strong, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-tip-label, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-tip-inline-content strong, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-label, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tip-inline-content strong { color: var(--success-text); font-weight: var(--font-weight-medium); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-section-label, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-section-label, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-section-label, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-section-label, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-section-label { display: inline-flex; align-items: center; gap: var(--space-6); margin: var(--space-2) 0 0; color: var(--text-muted); font-size: 0.71875rem; font-weight: var(--font-weight-regular); letter-spacing: 0; text-transform: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-section-label .methodical-inline-icon, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-section-label .methodical-inline-icon, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-section-label .methodical-inline-icon, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-section-label .methodical-inline-icon, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-section-label .methodical-inline-icon { width: var(--space-10); height: var(--space-10); color: var(--text-muted); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tags, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-tags, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tags, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-tags, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tags { display: flex; flex-wrap: wrap; gap: var(--space-7); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-tag, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-skill-section--subtle .methodical-tag, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-tag, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-skill-section--subtle .methodical-tag, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-tag, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-skill-section--subtle .methodical-tag, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-tag, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-skill-section--subtle .methodical-tag, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-tag, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-skill-section--subtle .methodical-tag { padding: var(--space-3) var(--space-9); border: 0; border-radius: var(--radius-pill-soft); background: var(--warm-gray-soft); color: var(--text-secondary); font-size: 0.75rem; font-weight: var(--font-weight-regular); } @media (max-width: 68.75rem) { #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-column-divider, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-column-divider, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-column-divider, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-column-divider, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-column-divider { display: none; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-layout--split, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-layout--split, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-layout--split, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-layout--split, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-layout--split { grid-template-columns: 1fr; gap: var(--space-16); } } /* Shared Reading feedback right-column families */ #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-right--mcq, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-right--mcq, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-right--blank, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-right--blank, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-right--reorder { align-content: start; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-family-title, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-family-title, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-family-title, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-family-title, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-family-title { margin-top: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #result .methodical-family-list, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #result .methodical-family-list, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #result .methodical-family-list, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #result .methodical-family-list, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #result .methodical-family-list { min-width: 0; } /* Shared Reading instruction abstraction */ #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #promptBlock, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #promptBlock, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #promptBlock, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #promptBlock, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #promptBlock { grid-area: instr; margin: 0; padding: 0 0 var(--space-14); border: 0; border-bottom: var(--border-width-default) solid var(--border-subtle); border-radius: 0; background: transparent; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #promptText, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #promptText, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #promptText, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #promptText, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #promptText { margin: 0; color: var(--text-muted); font-size: 0.875rem; font-weight: var(--font-weight-regular); line-height: 1.5; letter-spacing: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .inline-bookmark-btn, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .inline-bookmark-btn, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .inline-bookmark-btn, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .inline-bookmark-btn, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .inline-bookmark-btn { align-self: start; padding: var(--space-3) var(--space-7); border: 0; border-radius: var(--space-7); background: transparent; color: var(--text-muted); font-size: 0.75rem; font-weight: var(--font-weight-regular); } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .inline-bookmark-btn:hover, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .inline-bookmark-btn.bookmarked, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .inline-bookmark-btn:hover, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .inline-bookmark-btn.bookmarked, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .inline-bookmark-btn:hover, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .inline-bookmark-btn.bookmarked, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .inline-bookmark-btn:hover, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .inline-bookmark-btn.bookmarked, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .inline-bookmark-btn:hover, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .inline-bookmark-btn.bookmarked { background: var(--warm-gray-soft); color: var(--text-secondary); } /* Shared Reading review-navigation button abstraction */ #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #previousInlineButton, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #previousButton, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #backToCurrentButton, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #previousInlineButton, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #previousButton, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #backToCurrentButton, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #previousInlineButton, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #previousButton, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #backToCurrentButton, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #previousInlineButton, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #previousButton, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #backToCurrentButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #previousInlineButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #previousButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #backToCurrentButton, #readingWorkspaceRoot.single-answer-scope #completionPreviousButton, #readingWorkspaceRoot.multiple-answers-scope #completionPreviousButton, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #completionPreviousButton, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #completionPreviousButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #completionPreviousButton { display: inline-flex !important; align-items: center !important; gap: 4px !important; min-height: auto !important; padding: 6px 4px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--text-secondary) !important; font-size: 13px !important; font-weight: var(--font-weight-regular) !important; line-height: 1.2 !important; letter-spacing: -0.005em !important; text-decoration: underline !important; text-decoration-thickness: 0.5px !important; text-decoration-color: currentColor !important; text-underline-offset: 3px !important; white-space: nowrap !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #previousInlineButton:hover, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #previousButton:hover, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #backToCurrentButton:hover, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #previousInlineButton:hover, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #previousButton:hover, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #backToCurrentButton:hover, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #previousInlineButton:hover, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #previousButton:hover, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #backToCurrentButton:hover, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #previousInlineButton:hover, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #previousButton:hover, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #backToCurrentButton:hover, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #previousInlineButton:hover, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #previousButton:hover, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #backToCurrentButton:hover, #readingWorkspaceRoot.single-answer-scope #completionPreviousButton:hover, #readingWorkspaceRoot.multiple-answers-scope #completionPreviousButton:hover, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #completionPreviousButton:hover, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #completionPreviousButton:hover, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #completionPreviousButton:hover { background: transparent !important; color: var(--accent-action) !important; text-decoration-color: var(--accent-action) !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-prev-icon, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-prev-icon, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-prev-icon, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-prev-icon, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-prev-icon, #readingWorkspaceRoot.single-answer-scope #completionPreviousButton .question-prev-icon, #readingWorkspaceRoot.multiple-answers-scope #completionPreviousButton .question-prev-icon, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #completionPreviousButton .question-prev-icon, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #completionPreviousButton .question-prev-icon, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #completionPreviousButton .question-prev-icon { font-size: 12px !important; line-height: 1 !important; flex: 0 0 auto !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #previousInlineButton[hidden], #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #previousButton[hidden], #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #backToCurrentButton[hidden], #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #previousInlineButton[hidden], #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #previousButton[hidden], #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #backToCurrentButton[hidden], #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #previousInlineButton[hidden], #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #previousButton[hidden], #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #backToCurrentButton[hidden], #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #previousInlineButton[hidden], #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #previousButton[hidden], #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #backToCurrentButton[hidden], #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #previousInlineButton[hidden], #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #previousButton[hidden], #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #backToCurrentButton[hidden], #readingWorkspaceRoot.single-answer-scope #completionPreviousButton[hidden], #readingWorkspaceRoot.multiple-answers-scope #completionPreviousButton[hidden], #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #completionPreviousButton[hidden], #readingWorkspaceRoot.single-answer-scope.drag-words-scope #completionPreviousButton[hidden], #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #completionPreviousButton[hidden] { display: none !important; } /* Shared Reading lower review-navigation placement contract */ #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-next-action, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-next-action, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-next-action, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-next-action, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-next-action { width: 100% !important; margin: 0 !important; padding: var(--space-10) 0 var(--space-12) !important; border-top: var(--border-width-default) solid var(--border-subtle) !important; display: flex !important; align-items: center !important; gap: var(--space-10) !important; justify-content: flex-end !important; flex-wrap: wrap !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #nextQuestionKeyboardHint, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #nextQuestionKeyboardHint, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #nextQuestionKeyboardHint, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #nextQuestionKeyboardHint, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #nextQuestionKeyboardHint { min-width: 0; order: 0 !important; margin-right: auto !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #previousButton, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #previousButton, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #previousButton, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #previousButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #previousButton { margin-left: 0 !important; order: 1 !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #backToCurrentButton, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #backToCurrentButton, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #backToCurrentButton, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #backToCurrentButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #backToCurrentButton { margin-left: 0 !important; order: 2 !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #nextButton, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #nextButton, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #nextButton, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #nextButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #nextButton { order: 3 !important; } /* Shared Reading upper action-row layout contract */ #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-actions, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-actions { width: 100%; align-items: center !important; gap: var(--space-10) !important; margin: 0 !important; padding: 14px 0 16px !important; border-top: var(--border-width-default) solid var(--border-subtle) !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-action-guidance, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-action-guidance, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-action-guidance, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-action-guidance, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-action-guidance { margin-right: auto !important; min-width: 0; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #previousInlineButton, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #previousInlineButton, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #previousInlineButton, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #previousInlineButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #previousInlineButton { margin-left: 0 !important; } @media (min-width: 780px) { #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-actions, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-actions { display: flex !important; justify-content: flex-end !important; flex-wrap: nowrap !important; } } /* Shared Reading guidance typography shell */ #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-action-guidance, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-action-guidance, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-action-guidance, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-action-guidance, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-action-guidance { display: grid !important; gap: var(--space-6) !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-selection-hint, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-keyboard-hint, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-next-hint, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-selection-hint, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-keyboard-hint, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-next-hint, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-selection-hint, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-keyboard-hint, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-next-hint, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-selection-hint, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-keyboard-hint, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-next-hint, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-selection-hint, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-keyboard-hint, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-next-hint { margin: 0 !important; color: var(--text-muted) !important; font-size: 12.5px !important; font-weight: var(--font-weight-regular) !important; line-height: 1.4 !important; letter-spacing: var(--tracking-soft-tightest) !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-keyboard-hint, #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-next-hint, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-keyboard-hint, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-next-hint, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-keyboard-hint, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-next-hint, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-keyboard-hint, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-next-hint, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-keyboard-hint, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-next-hint { display: inline-flex !important; align-items: center !important; gap: var(--space-6) !important; flex-wrap: wrap !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .kbd-hint-chip, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .kbd-hint-chip, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .kbd-hint-chip, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .kbd-hint-chip, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .kbd-hint-chip { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: var(--space-18) !important; padding: 0 var(--space-5) !important; border: var(--border-width-default) solid var(--border-subtle) !important; border-radius: var(--space-3) !important; background: var(--warm-gray-soft) !important; color: var(--text-secondary) !important; font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important; font-size: 0.65625rem !important; font-weight: var(--font-weight-regular) !important; line-height: 1 !important; } /* Package B follow-up: unify focused-task action area into one shared row */ #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-actions, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-actions { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: var(--space-10) !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-action-guidance, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-action-guidance, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-action-guidance, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-action-guidance, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-action-guidance { flex: 1 1 260px !important; min-width: min(260px, 100%) !important; margin-right: 0 !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #previousInlineButton, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #previousInlineButton, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #previousInlineButton, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #previousInlineButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #previousInlineButton { order: 1 !important; margin-left: 0 !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout #backToCurrentButton, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout #backToCurrentButton, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout #backToCurrentButton, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout #backToCurrentButton, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout #backToCurrentButton { order: 2 !important; margin-left: 0 !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-primary-actions, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-primary-actions, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-primary-actions, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-primary-actions, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-primary-actions { order: 3 !important; margin-left: auto !important; display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: wrap !important; gap: var(--space-10) !important; } @media (min-width: 780px) { #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-actions, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-actions, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-actions { flex-wrap: nowrap !important; } } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-next-hint-row, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-next-hint-row, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-next-hint-row, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-next-hint-row, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-next-hint-row { width: 100% !important; margin: 0 !important; padding: var(--space-10) 0 var(--space-12) !important; border-top: var(--border-width-default) solid var(--border-subtle) !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-next-hint-row #nextQuestionKeyboardHint, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-next-hint-row #nextQuestionKeyboardHint, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-next-hint-row #nextQuestionKeyboardHint, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-next-hint-row #nextQuestionKeyboardHint, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-next-hint-row #nextQuestionKeyboardHint { min-width: 0 !important; margin: 0 !important; } #readingWorkspaceRoot.single-answer-scope #question.single-answer-layout .question-attempts-panel, #readingWorkspaceRoot.multiple-answers-scope #question.multiple-answer-layout .question-attempts-panel, #readingWorkspaceRoot.single-answer-scope.fill-blanks-scope #question.fill-blanks-layout .question-attempts-panel, #readingWorkspaceRoot.single-answer-scope.drag-words-scope #question.drag-words-layout .question-attempts-panel, #readingWorkspaceRoot.single-answer-scope.reorder-paragraphs-scope #question.reorder-paragraphs-layout .question-attempts-panel { grid-column: 1 / -1 !important; margin: 0 !important; padding: var(--space-14) 0 0 !important; border-top: var(--border-width-default) solid var(--border-subtle) !important; } .question-attempts-panel-header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); margin-bottom: var(--space-12); } .question-attempts-panel-heading { display: inline-flex; align-items: center; gap: var(--space-8); min-width: 0; } .question-attempts-heading-icon { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; color: var(--text-muted); flex: 0 0 auto; } .question-attempts-heading-icon svg { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; } .question-attempts-title { margin: 0; color: var(--text-secondary); font-size: var(--space-15); font-weight: var(--font-weight-regular); line-height: 1.5; } .question-attempts-meta { margin: 0; color: var(--text-muted); font-size: 0.8125rem; font-weight: var(--font-weight-regular); line-height: 1.4; white-space: nowrap; } .question-attempts-header-controls { display: inline-flex; align-items: center; gap: var(--space-10); } .question-attempts-pagination { display: inline-flex; align-items: center; gap: var(--space-6); } .question-attempts-page-button { min-width: 28px; min-height: 24px; padding: 0 8px; justify-content: center; text-decoration: none !important; border: var(--border-width-default) solid var(--border-subtle) !important; border-radius: 6px !important; background: transparent !important; color: var(--text-muted) !important; box-shadow: none !important; font-size: 0.875rem; line-height: 1; } .question-attempts-page-button:hover:not(:disabled), .question-attempts-page-button:focus-visible:not(:disabled) { background: var(--warm-gray-soft) !important; color: var(--text-secondary) !important; } .question-attempts-page-button:disabled { opacity: 0.5; cursor: default; } .question-attempts-empty { margin: 0; color: var(--text-muted); font-size: 0.875rem; line-height: 1.5; } .question-attempts-list { display: flex; flex-direction: column; gap: var(--space-6); } .question-attempts-item { width: 100%; display: flex; align-items: center; gap: var(--space-10); padding: var(--space-10) var(--space-12); border: 0; border-bottom: var(--border-width-default) solid var(--border-subtle); border-radius: 6px; background: transparent; color: var(--text-primary); text-align: left; cursor: pointer; } .question-attempts-item:hover { background: var(--warm-gray-soft); } .question-attempts-item.is-active { background: var(--warm-gray-soft); } .question-attempts-indicator { flex: 0 0 auto; width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; } .question-attempts-item-content { min-width: 0; display: flex; align-items: center; flex: 1 1 auto; } .question-attempts-item-meta-row { display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); min-width: 0; width: 100%; } .question-attempts-status { font-size: 0.875rem; line-height: 1.4; font-weight: var(--font-weight-medium); } .question-attempts-date { color: var(--text-muted); font-size: 0.8125rem; line-height: 1.4; white-space: nowrap; } .question-attempts-meta-right { min-width: 0; display: inline-flex; align-items: center; justify-content: flex-end; gap: var(--space-12); flex-wrap: wrap; } .question-attempts-score { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; padding: 2px 10px; border-radius: 999px; background: var(--bg-surface-alt, var(--warm-gray-soft)); color: var(--text-secondary); font-size: 0.75rem; font-weight: var(--font-weight-medium); line-height: 1.35; } .question-attempts-item.outcome-correct .question-attempts-status { color: var(--success-text); } .question-attempts-item.outcome-partial .question-attempts-status { color: var(--warning-accent); } .question-attempts-item.outcome-incorrect .question-attempts-status { color: var(--danger-text); } .question-attempts-item.outcome-correct .question-attempts-score { background: var(--success-fill); color: var(--success-text-dark); } .question-attempts-item.outcome-partial .question-attempts-score { background: var(--warning-fill); color: var(--warning-text-dark); } .question-attempts-item.outcome-incorrect .question-attempts-score { background: var(--danger-fill); color: var(--danger-text-dark); } .question-attempts-indicator .result-summary-icon { width: 18px; height: 18px; } .question-attempts-indicator .result-summary-icon--correct { color: var(--success-text); } .question-attempts-indicator .result-summary-icon--partial { color: var(--warning-accent); } .question-attempts-indicator .result-summary-icon--incorrect { color: var(--danger-text); }