#atlasNativeQuestionMount { --native-paper: #fff; --native-ink: #000; --native-muted: #73757a; --native-border: #dedede; --native-answer-paper: #f2f2f2; --native-answer-grip: #bcbcbc; --native-answer-radius: 20px; --native-placeholder: #8a8a8a; --native-answer-ink: #555; width: min(100%, 780px); margin: 0 auto; padding: 48px 36px 64px; color: var(--native-ink); font-family: "Times New Roman", Times, "Liberation Serif", serif; font-size: 14pt; line-height: 1.5; }
#topicalWorkspace.topical-question-open.reader-dark #atlasNativeQuestionMount { --native-paper: #222; --native-ink: #eaeaea; --native-muted: #b2b2b2; --native-border: #484848; --native-answer-paper: #303030; --native-answer-grip: #686868; --native-placeholder: #aaa; --native-answer-ink: #eaeaea; }
#atlasNativeQuestionMount { --practice-ink: var(--native-ink); --practice-muted: var(--native-muted); --practice-line: var(--native-border); --practice-soft: var(--native-answer-paper); --practice-accent: #5066a8; }
.atlas-native-question, .atlas-native-mark-scheme { padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; line-height: inherit; }
.atlas-native-intro { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: baseline; gap: 6px; }
#atlasNativeQuestionMount .atlas-native-page-number { margin: 0 0 24px; text-align: center; color: inherit; font-size: inherit; font-weight: 400; line-height: inherit; }
#atlasNativeQuestionMount .atlas-native-question-number { margin: 0; color: inherit; font-size: inherit; font-weight: 700; line-height: inherit; }
.atlas-native-mark-scheme h2 { margin: 0 0 20px; font-size: 18px; font-weight: 700; }
.atlas-native-section { margin: 0 0 24px 30px; text-align: center; color: inherit; font-size: inherit; font-weight: 700; }
.atlas-native-context, .atlas-native-stem { white-space: pre-wrap; margin: 0 0 16px; }
.atlas-native-part { margin-top: 24px; }
.atlas-native-part .atlas-native-context { margin-left: 30px; }
.atlas-native-prompt { display: grid; grid-template-columns: max-content minmax(0,1fr) auto; align-items: baseline; gap: 6px; margin-bottom: 12px; white-space: pre-wrap; }
.atlas-native-prompt > strong { min-width: 24px; white-space: nowrap; font-weight: 700; }
.atlas-native-part--nested .atlas-native-prompt { grid-template-columns: 54px minmax(0,1fr) auto; }
.atlas-native-part--nested .atlas-native-part-label { display: grid; grid-template-columns: 24px 24px; gap: 6px; }
.atlas-native-question .atlas-native-part--nested .practice-visual { margin-left: 60px; }
.atlas-native-marks { white-space: nowrap; font-size: inherit; font-weight: 700; }
.atlas-native-answer { position: relative; box-sizing: border-box; height: var(--native-answer-height, 112px); min-height: 72px; margin-left: 30px; border: 1px solid transparent; border-radius: var(--native-answer-radius); background: var(--native-answer-paper); transition: height 190ms cubic-bezier(.2,.85,.25,1); }
.atlas-native-answer textarea { width: 100%; height: 100%; min-height: 0; box-sizing: border-box; display: block; resize: none; overflow: hidden; border: 0; border-radius: var(--native-answer-radius); outline-offset: 2px; padding: 12px 12px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--native-answer-ink); background: transparent; }
.atlas-native-answer textarea::placeholder { color: var(--native-placeholder); opacity: 1; font-family: Arial, Helvetica, sans-serif; }
.atlas-native-answer-resizer { position: absolute; z-index: 3; right: 0; bottom: 0; display: grid; width: 24px; height: 24px; place-items: center; padding: 0; border: 0; border-radius: 50%; color: var(--native-answer-grip); background: transparent; cursor: ns-resize; touch-action: none; }
.atlas-native-answer-resizer svg { display: block; width: 100%; height: 100%; overflow: visible; transform-origin: bottom right; transform: scaleY(calc(1 - var(--native-resize-tension, 0))); transition: transform 80ms ease-out; }
.atlas-native-answer-resizer path { fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; }
.atlas-native-answer-resizer:hover, .atlas-native-answer-resizer.is-resizing { color: color-mix(in srgb, var(--native-answer-grip) 78%, #777); }
.atlas-native-answer-resizer:focus-visible { outline: 2px solid #477ed3; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .atlas-native-answer, .atlas-native-answer-resizer svg { transition: none; } }
.atlas-native-question .practice-visual { margin: 16px 0 24px 30px; border: 0; border-radius: 0; }
.atlas-native-question .practice-visual table { border: 1px solid var(--native-border); font: inherit; }
.atlas-native-question .practice-visual th, .atlas-native-question .practice-visual td { padding: 8px 10px; }
.atlas-native-question .practice-visual th { color: inherit; background: transparent; font-weight: 700; }
.atlas-native-question .practice-choice-list { margin-left: 30px; }
.atlas-native-question .practice-choice { font-family: inherit; font-size: inherit; }
.atlas-native-ink { color: var(--native-ink); position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; touch-action: none; }
.atlas-native-draw-region { position: relative; }

[data-answer-mode="write"] .atlas-native-ink, [data-answer-mode="erase"] .atlas-native-ink { pointer-events: auto; cursor: crosshair; }
[data-answer-mode="erase"] .atlas-native-ink { cursor: cell; }
.atlas-native-status { padding: 40px; text-align: center; color: var(--native-muted); }
.atlas-tests-heading { font-size: 16px; font-weight: 600; margin: 18px 0 8px; }
.atlas-test-list { margin-bottom: 24px; }
.atlas-native-reader .topical-pdf-toolbar { display: none; }
.atlas-native-reader .topical-answer-section { display: block; }
.atlas-native-reader .topical-answer-heading { display: none; }
.atlas-native-reader .topical-feedback:not([hidden]) { margin: 0 20px 16px; }
.atlas-native-correction { white-space: pre-wrap; line-height: 1.6; }
@media (max-width: 640px) { #atlasNativeQuestionMount { padding: 28px 20px 40px; } }
@media (max-width: 760px) {
    .app-shell #topicalWorkspace.atlas-native-reader.topical-question-open:is(#topicalWorkspace) { --reader-toolbar-height: 140px; }
    .app-shell #topicalWorkspace.atlas-native-reader.topical-question-open:is(#topicalWorkspace) #topicalQuestionView > .topical-view-header { flex-wrap: wrap; align-content: flex-start; gap: 6px; padding: 8px 12px !important; }
    .app-shell #topicalWorkspace.atlas-native-reader.topical-question-open:is(#topicalWorkspace) .question-reader-navigation { order: 1; }
    .app-shell #topicalWorkspace.atlas-native-reader.topical-question-open:is(#topicalWorkspace) .topical-view-primary { order: 2; display: flex; justify-content: flex-end; margin-left: auto; }
    .app-shell #topicalWorkspace.atlas-native-reader.topical-question-open:is(#topicalWorkspace) .question-reader-timer { top: 25px; }
    .app-shell #topicalWorkspace.atlas-native-reader.topical-question-open:is(#topicalWorkspace) .question-reader-document-actions { order: 3; display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; min-width: 0; gap: 6px; margin: 0; }
    .app-shell #topicalWorkspace.atlas-native-reader.topical-question-open:is(#topicalWorkspace) .topical-view-header .topical-input-mode,
    .app-shell #topicalWorkspace.atlas-native-reader.topical-question-open:is(#topicalWorkspace) .topical-document-switcher { display: flex; width: 100%; min-width: 0; min-height: 32px; height: 32px; margin: 0; transform: none; }
    .app-shell #topicalWorkspace.atlas-native-reader.topical-question-open:is(#topicalWorkspace) .topical-view-header .topical-input-mode button,
    .app-shell #topicalWorkspace.atlas-native-reader.topical-question-open:is(#topicalWorkspace) .topical-document-switcher button { flex: 1; min-width: 0; min-height: 32px; height: 32px; padding: 0 8px; font-size: 12px; }
}

/* Marking tables use more of the reader than question text. */
#atlasNativeQuestionMount:has(.atlas-native-mark-scheme) { width: min(100%, 1040px); padding-left: 24px; padding-right: 24px; box-sizing: border-box; }
#atlasNativeQuestionMount .atlas-mark-scheme-table { min-width: 740px; }
#atlasNativeQuestionMount .atlas-mark-scheme-table thead th { white-space: nowrap; overflow-wrap: normal; }
#atlasNativeQuestionMount .atlas-mark-scheme-table tbody th { white-space: nowrap; overflow-wrap: normal; }
@media (max-width: 640px) { #atlasNativeQuestionMount:has(.atlas-native-mark-scheme) { padding-left: 12px; padding-right: 12px; } #atlasNativeQuestionMount .atlas-mark-scheme-table { font-size: 10pt; } #atlasNativeQuestionMount .atlas-mark-scheme-table td { padding: 4px; } }

/* Match the active reader palette, including generated math and marking tables. */
#atlasNativeQuestionMount .atlas-mark-scheme-table { color: var(--native-ink); }
#atlasNativeQuestionMount .atlas-mark-scheme-table :is(th,td) { border-color: var(--native-border); }
#atlasNativeQuestionMount .practice-choice__letter { color: var(--native-muted); border-color: var(--native-border); }
#topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) { --text: #eaeaea; --muted: #b2b2b2; --surface: #222; --surface-soft: #303030; --surface-hover: #383838; --border: #484848; --assistant: #222; --user-text: #fff; color-scheme: dark; }
#topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) .practice-visual { background: transparent; color: var(--native-ink); }
#topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) .practice-visual img { filter: grayscale(1) invert(1) brightness(.9); }
#topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) .practice-choice:has(input:checked) .practice-choice__letter { background: #303744; color: #b2c4ff; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.topical-assistant-panel,.topical-assistant-body,.topical-assistant-tabs,.paper-reader-quick-chat-mount,.composer-wrap,.conversation) { background: #222 !important; color: #eaeaea; border-color: #484848 !important; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.topical-assistant-tabs button,.walkthrough-step__body h4,.walkthrough-method-title,.topical-explanation-part,.welcome-heading h1,.math-editor) { color: #eaeaea !important; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.composer,.prompt-card,.walkthrough-step__rail > span,.walkthrough-exam-answer) { background: #303030 !important; color: #eaeaea; border-color: #484848 !important; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.prompt-card__copy strong,.walkthrough-mark-award__answer,.topical-explanation-part strong) { color: #d4d4d4 !important; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) .topical-assistant-tabs button.active { background: #222 !important; border-bottom-color: #eaeaea !important; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) .topical-explanation-part.active { background: #383838 !important; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.topical-document-switcher,.practice-input-mode) { background: #303030; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.topical-document-switcher button,.question-reader-footer button) { color: #eaeaea; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) .topical-document-switcher button.active { background: #484848; }

.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.topical-pdf-stage,#topicalQuestionView,#topicalDetail) { background: #171717 !important; color: #eaeaea; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.question-reader-timer button,.question-reader-footer button:not(.topical-quick-chat-button):not(.topical-check-answer-button),.topical-document-switcher,.topical-document-switcher button) { background: #303030; color: #eaeaea; border-color: #484848; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.practice-input-mode button,.practice-input-mode) { background: #303030; color: #eaeaea; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.practice-input-mode button.active,.topical-document-switcher button.active) { background: #484848; color: #fff; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) .walkthrough-insight strong { color: #c5a5ef; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) .walkthrough-graph__canvas { filter: grayscale(1) invert(1); }

.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.practice-input-mode,.practice-input-mode button,.topical-document-switcher,.topical-document-switcher button,.question-reader-footer button:not(.question-reader-chat)) { background: #303030 !important; color: #eaeaea !important; border-color: #484848 !important; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.practice-input-mode button.active,.topical-document-switcher button.active) { background: #484848 !important; color: #fff !important; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) .question-reader-chat { background: #318bd9 !important; color: #fff !important; }

#topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) .practice-choice--correct { background: #213c2c; }
#topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) .practice-choice--incorrect { background: #44262a; }

.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) { --scrollbar-track: #222; --scrollbar-thumb: #555; --scrollbar-thumb-hover: #777; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.topical-assistant-panel,.topical-assistant-body) { color: #eaeaea !important; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) .topical-assistant-tabs button { background: transparent !important; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.topical-assistant-body,.topical-pdf-stage) { scrollbar-color: #555 #222; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.topical-assistant-body,.topical-pdf-stage)::-webkit-scrollbar-track { background: #222 !important; }

/* The reader and its study panel share the site theme, including nested chat surfaces. */
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) { --reader-line: #383838 !important; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.topical-view-header,.topical-assistant-panel,.topical-assistant-tabs,.question-reader-assistant-header) { border-color: #383838 !important; outline-color: #383838; box-shadow: none !important; }
.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) :is(.conversation,.conversation-inner,#chatMessages,#welcomePanel,.paper-reader-quick-chat-mount,.composer-wrap) { background: #222 !important; color: #eaeaea !important; }

.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace) #topicalAssistantPanel { border-color: #383838 !important; box-shadow: none !important; }

.app-shell #topicalWorkspace.topical-question-open.reader-dark:is(#topicalWorkspace):is(#topicalWorkspace) #topicalAssistantPanel { border-color: #383838 !important; box-shadow: none !important; }