.cs-screen{font:16px/1.75 system-ui,sans-serif;color:#17203a;background:#fff;box-sizing:border-box;max-width:100%;padding:20px;overflow-wrap:anywhere}.cs-screen *{box-sizing:border-box;min-width:0}.cs-screen[data-large=true]{font-size:20.8px}.cs-screen h1{font-size:1.6em;line-height:1.4}.cs-screen h2{font-size:1.2em}.cs-screen h3{font-size:1.05em}.cs-screen .cs-eyebrow{color:#725420;font-weight:700}.cs-main{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.cs-related,.cs-parent,.cs-map-layers{padding:16px;background:#f1f5fa;border-radius:12px;margin:16px 0}.cs-question{padding:12px;background:#fff;margin:12px 0;border:1px solid #d6ddeb;border-radius:12px}.cs-question ol{padding-left:24px}.cs-screen img,.cs-screen svg{max-width:100%;height:auto}.cs-screen .cr-story{max-width:none}.cs-screen .cr-image{position:relative;aspect-ratio:4/3}.cs-screen .cr-image img{height:100%;max-height:none;object-fit:contain}.cs-screen .cr-placeholder{aspect-ratio:4/3;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#eef1f7}.cs-screen .cr-placeholder p{padding:8px;max-height:none}.cs-screen pre{white-space:pre-wrap!important;overflow-wrap:anywhere;overflow:visible!important}.cs-screen .cs-zoom{max-width:95vw;max-height:95dvh}.cs-screen .cs-zoom img{max-height:80dvh;width:auto}.cs-screen .cs-meta{color:#5b677c}.cs-screen .cs-parent{border-left:4px solid #a8893e}.cs-screen .cr-state{font-size:.85em}.cs-screen .cs-question .question-figure{max-height:240px;object-fit:contain}@media(min-width:768px){.cs-main{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.cs-screen{padding:24px}}body[data-content-frame=true]{margin:0;padding:0;background:#fff}body[data-content-frame=true] #screen{width:100%;margin:0}

.cs-screen .cr-overlay{height:100%;width:100%}

.cs-screen{--content-font-scale:1}.cs-screen[data-large=true]{--content-font-scale:1.3}.cs-screen .cr-overlay text{font-size:calc(var(--annotation-size,20px)*var(--content-font-scale,1))}

.cs-screen .figure-open{display:block;max-width:100%;padding:0;border:0;background:transparent}

/* 검수 iframe만 화면에서 선택한 테마를 받는다. 학생 화면의 기본값은 유지한다. */
body[data-review-theme]{--cs-bg:#fff;--cs-soft:#eef1f8;--cs-text:#17203a;--cs-muted:#5e6880;--cs-line:#5e6880;background:var(--cs-bg);color-scheme:light}
body[data-review-theme=dark]{--cs-bg:#20263e;--cs-soft:#283a55;--cs-text:#eef1fb;--cs-muted:#b8c2db;--cs-line:#65718e;color-scheme:dark}
body[data-review-theme] .cs-screen{background:var(--cs-bg);color:var(--cs-text)}
body[data-review-theme] :is(.cs-related,.cs-parent,.cs-map-layers,.cs-screen .cr-placeholder){background:var(--cs-soft);color:var(--cs-text)}
body[data-review-theme] .cs-question{background:var(--cs-bg);border-color:var(--cs-line)}
body[data-review-theme] :is(.cs-meta,.cs-eyebrow){color:var(--cs-muted)}
body[data-review-theme] .cr-story .cp-markdown a{color:var(--cs-text);text-decoration:underline}
body[data-review-theme] .cr-story pre{background:var(--cs-soft);color:var(--cs-text)}