.reference-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}
.reference-images{display:grid;gap:12px;margin:18px 0}
.reference-images img{display:block;max-width:100%;height:auto;max-height:520px;object-fit:contain}
.reference-options{display:grid;gap:12px;margin:16px 0}
.reference-options button{text-align:left;white-space:pre-wrap;line-height:1.6;padding:14px 18px;overflow-wrap:anywhere}
.reference-options .incorrect{border-color:#b42318;background:#fff1f0}
.reference-shift-choice{margin:14px 0;padding:14px;border:1px solid #d5dfed;border-radius:9px;background:#fff}
.reference-shift-choice .shift-kept-x{margin:0 0 10px;padding:10px 12px;background:#f4f7fc;font-size:19px;font-weight:700}
.reference-shift-choice .shift-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.reference-shift-choice .shift-buttons button{padding:10px 16px;font-size:18px;font-weight:700}
.reference-shift-choice .shift-buttons button.selected{background:#e6edff;border:2px solid #4b66ad;color:#304f93}
.reference-shift-choice .shift-preview{padding-left:8px;color:#304f93;font-weight:700}
.reference-shift-choice .shift-preview p{margin:6px 0}
.reference-answer{margin:18px 0;padding:14px 16px;border:1px solid #d5dfed;border-radius:10px;background:#fff}
.reference-answer-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:8px}
.reference-results p{padding:8px 12px;border-left:3px solid #304f93;background:#f4f7fc}
.reference-lesson .completed-results{margin:10px 0 18px;padding:12px 14px;border:1px solid #d5dfed;border-radius:9px;background:#f8faff}
.reference-lesson .completed-results h3{margin:0 0 8px;font-size:14px;color:#52627a}
.reference-lesson .completed-results ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.reference-lesson .completed-result{padding:7px 10px;border-left:3px solid #304f93;background:#fff;font-size:15px;font-weight:650;line-height:1.6;overflow-wrap:anywhere}
.completed-results.reference-flow{margin:0 0 14px;padding:10px 14px;border:1px solid #d5dfed;border-radius:9px;background:#f8faff}
.completed-results.reference-flow h3{margin:0 0 7px;font-size:14px;color:#52627a}
.completed-results.reference-flow ol{display:grid;grid-template-columns:1fr;gap:5px;margin:0;padding:0;list-style:none}
.completed-results.reference-flow .completed-result{display:flex;align-items:baseline;gap:8px;padding:4px 8px;border-left:3px solid #304f93;background:#fff;line-height:1.5;overflow-wrap:anywhere}
.completed-results.reference-flow .completed-result small{flex-shrink:0;color:#52627a;font-size:12px;font-weight:700}
.completed-results.reference-flow .completed-result span{min-width:0;font-size:15px;font-weight:650}
.completed-results.reference-flow .completed-result span{white-space:pre-line}
.reference-lesson .reference-column-heading{margin:0 0 12px;font-size:16px;color:#52627a}
.factored-fraction-result{margin:8px 0 14px;font-size:19px;font-weight:700;letter-spacing:.02em;overflow-wrap:anywhere}
.reference-lesson details{margin:18px 0}
.reference-lesson button:disabled{opacity:.45;cursor:default}
.fraction-factor-pickers,.factor-prime-options,.factor-dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.fraction-factor-picker{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.cancel-factor-fraction{display:grid;justify-items:start;gap:4px;margin:14px 0}
.cancel-factor-fraction .cancel-factor-row{display:flex;align-items:center;gap:7px;margin:4px 0}
.factor-fraction-bar{width:min(100%,420px);border-top:2px solid #304f93;margin:2px 0}
.factor-token[aria-pressed="true"]{background:#fee8b5;border-color:#c27826;text-decoration:line-through}
.factor-dialog{width:min(440px,calc(100vw - 32px));border:1px solid #cbd6e7;border-radius:12px;padding:22px;background:#fff;color:#17253a;box-shadow:0 18px 60px #17253a40}
.factor-dialog::backdrop{background:#17253a70}
.factor-dialog h3{margin:0 0 14px}
.factor-dialog .factor-product{padding:10px 12px;border-radius:8px;background:#f4f7fc;font-size:20px;font-weight:700}
.decimal-step-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:min(88vh,760px);overflow:auto;padding:24px}
.decimal-step-dialog h2{margin-top:0;font-size:24px;line-height:1.35}
.decimal-dialog-fraction,.decimal-dialog-result{padding:12px 14px;border-left:4px solid #304f93;background:#f4f7fc;font-size:20px;font-weight:700}
.decimal-division-rows{max-height:240px;overflow:auto;margin:12px 0;padding:8px 12px;border:1px solid #d5dfed;border-radius:8px}
.decimal-division-rows p{margin:6px 0;line-height:1.6}
.long-division{box-sizing:border-box;width:100%;max-width:420px;margin:16px auto;padding:18px 16px;border:1px solid #d5dfed;border-radius:10px;background:#f8faff}
.division-quotient{display:flex;align-items:baseline;gap:12px;margin:0 0 4px 70px;padding:0 12px 8px;border-bottom:2px solid #304f93;font-size:15px}
.division-quotient b{font-size:27px;letter-spacing:.08em}
.division-layout{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:start}
.division-divisor{padding:9px 8px 0 0;text-align:right;font-size:23px;font-weight:700}
.division-inside{min-width:0}
.division-dividend{padding:7px 12px 10px;border-bottom:1px solid #8294b7;font-size:22px;font-weight:700;letter-spacing:.1em}
.division-steps{padding:2px 10px}
.division-subtraction{display:flex;justify-content:flex-end;margin:8px 0;padding:4px 8px 10px;border-bottom:1px solid #d5dfed;font-size:19px;font-variant-numeric:tabular-nums}
.division-number-stack{display:grid;justify-items:end;gap:3px;min-width:88px;padding-right:2px}
.division-number-stack hr{width:100%;margin:1px 0;border:0;border-top:1px solid #304f93}
.division-number-stack b{font-weight:700}
.division-active{margin:10px 0;padding:12px;border:1px solid #e0e7f2;border-radius:8px;background:#fff;line-height:1.65}
.division-active p{margin:4px 0 10px}
.division-calculation{padding:8px 10px;border-left:3px solid #304f93;background:#f4f7fc;font-size:19px}
.decimal-digit-options{display:flex;flex-wrap:wrap;gap:6px}
.decimal-digit-options button{min-width:52px;font-size:17px;font-weight:700}
.decimal-step-dialog .decimal-dialog-result{margin:14px 0;padding:14px 16px;font-size:20px}
.decimal-step-dialog .factor-dialog-actions{position:sticky;bottom:-24px;padding:12px 0 0;background:#fff}
.factor-dialog-actions{justify-content:flex-end;margin-top:18px}
.reading-card{margin:20px 0;padding:18px 22px;border:1px solid #d5dfed;border-left:4px solid #304f93;border-radius:10px;background:#f5f8fc}
.reading-card h3{margin-top:0}
.reading-card li{margin:10px 0}
.reading-hints details{margin-top:16px}
.problem-hint-area{margin-top:18px;padding-top:14px;border-top:1px solid #d5dfed}
.problem-hint-area .solve-hint{margin:12px 0 0}
.question-purpose{margin-top:12px;padding:12px 14px;background:#f6f8fc;border:1px solid #d5dfed;border-radius:9px}
.question-purpose-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.question-purpose-heading h3{margin:0;font-size:15px}
.question-purpose-heading button{flex-shrink:0;padding:5px 10px;font-size:13px}
.question-purpose-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.question-purpose #questionPurposeEditor{display:block;width:100%;min-height:96px;margin-top:8px;padding:9px 10px;border:1px solid #b9c8e0;border-radius:7px;background:#fff;color:var(--ink,#252d42);font:inherit;line-height:1.55;resize:vertical}
.question-purpose #questionPurposeEditor[hidden]{display:none}
.question-purpose-save-feedback{min-height:0;margin:4px 0 0;color:#24715a;font-size:12px}
.question-purpose p{margin:10px 0 0;line-height:1.65}
.move-coefficient-equation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px 0;padding:20px 12px;background:#f8faff;border:1px solid #d5dfed;border-radius:9px;font-size:23px}
.move-coefficient-equation input{box-sizing:border-box;width:100px;max-width:100%;padding:10px 6px;text-align:center;border:1px solid #cbd6e7;border-radius:7px;background:#fff;color:#17253a;font:inherit;font-weight:700}
.move-coefficient-equation .move-coefficient-input{cursor:pointer;border:2px solid #304f93;background:#e6edff}
.move-coefficient-input:hover,.move-coefficient-input:focus{outline:2px solid #88a1db;outline-offset:2px}
.move-coefficient-fraction{display:grid;justify-items:center;gap:5px}
.move-fraction-line{width:100%;border-top:2px solid #304f93}
.move-coefficient-fraction .move-denominator:placeholder-shown{border-style:dashed;font-size:16px;font-weight:400}
.move-coefficient-equation .drag-coefficient{cursor:grab;padding:10px 14px;font-size:23px;font-weight:700;border:2px solid #304f93;background:#e6edff;user-select:none}
.drag-coefficient.dragging{opacity:.45;cursor:grabbing}
.coefficient-drop-zone{padding:14px 10px;border:2px dashed #8294b7;border-radius:8px;color:#52627a;font-size:14px}
.coefficient-drop-zone.ready{background:#eef4ff}
.coefficient-drop-zone.over{border-color:#26765b;background:#e2f2e9}
.moved-division{padding:8px 12px;border-radius:7px;color:#26765b;background:#e2f2e9;animation:coefficient-cross-equation .4s ease-out}
.x-coefficient-product{display:inline-flex;align-items:baseline;gap:0}
.move-coefficient-equation .equation-coefficient{padding:2px 0;min-height:0;border:0;border-bottom:2px dotted #304f93;border-radius:0;background:transparent;color:#304f93;cursor:pointer;font:inherit;font-weight:700}
.equation-coefficient:hover,.equation-coefficient:focus-visible{background:#e6edff;outline:2px solid #88a1db;outline-offset:3px}
@keyframes coefficient-cross-equation{from{transform:translate(-100px,-24px);opacity:.3}to{transform:translate(0,0);opacity:1}}
@media(prefers-reduced-motion:reduce){.moved-division{animation:none}}

.reference-options .multiple-choice{display:flex;align-items:center;gap:10px;border:2px solid #bdc9df}.multiple-check{font-size:22px;line-height:1}.reference-options .multiple-choice.is-selected{background:#e4f3eb;border-color:#287653;color:#155436;font-weight:800}.multiple-selected-label{margin-left:auto;font-size:13px;color:#155436}

.cycle-position-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.cycle-position-options button{display:grid;text-align:center;padding:10px 4px;gap:5px}.cycle-position-options small{font-size:12px;color:#53647e}.cycle-position-options strong{font-size:24px}@media(max-width:450px){.cycle-position-options{grid-template-columns:repeat(3,minmax(0,1fr))}}

.cycle-position-options button[aria-pressed="true"]{background:#e4f3eb;border:2px solid #287653;color:#155436}

#peopleFractionResult,.completed-result>span{white-space:pre-line}

/* One compact group for the current question's factor selection. */
.reference-options.square-factor-options{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 12px;padding:8px 10px;border:1px solid #cbd5e5;border-radius:10px;background:#f4f7fc;width:fit-content;max-width:100%;box-sizing:border-box}
.reference-options.square-factor-options button{min-height:32px;min-width:54px;padding:4px 10px;line-height:1.3;text-align:center;border-radius:6px;white-space:nowrap}
.reference-options.square-factor-options button[aria-pressed="true"]{background:#e4f3eb;border-color:#287653;color:#155436;font-weight:700}
.square-factor-separator{color:#63718b;font-size:14px}

.reference-options.denominator-equation-options{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;padding:8px;background:#f4f7fc;border:1px solid #cbd5e5;border-radius:8px;width:fit-content}
.reference-options.denominator-equation-options button{padding:6px 10px;min-height:34px;line-height:1.3;text-align:center}
.denominator-equation-options button[aria-pressed="true"]{background:#e4f3eb;border-color:#287653;color:#155436;font-weight:700}

.chapter-one-lesson .completed-result{display:grid;gap:4px}.chapter-one-lesson .completed-result small{display:block;line-height:1.4}.chapter-one-lesson .completed-result span{display:block;white-space:pre-wrap;line-height:1.5}

.intercept-history-group + .intercept-history-group{margin-top:20px;padding-top:16px;border-top:1px solid #d5dfed}
.intercept-history-group h3{margin:0 0 10px;font-size:17px}

/* Compact equation flow for the current intercept question. */
.compact-intercept-work{padding:16px 18px}
.compact-intercept-work>h2{margin:0 0 8px;font-size:18px;line-height:1.4}
.reference-lesson .compact-intercept-work .equation-only-history{margin:6px 0 10px;padding:10px 12px}
.compact-intercept-work .intercept-history-group h3{margin:0 0 6px;font-size:15px;line-height:1.4}
.compact-intercept-work .intercept-history-group p{margin:0 0 3px;line-height:1.4}
.compact-intercept-work .intercept-history-group p:last-child{margin-bottom:0}
.compact-intercept-work .intercept-history-group + .intercept-history-group{margin-top:10px;padding-top:10px}
.compact-intercept-work>.context{margin:0 0 4px;font-size:12px;line-height:1.4}
.compact-intercept-work>.current-expression{margin:6px 0 8px;padding:7px 10px;line-height:1.4}
.compact-intercept-work>button,.compact-intercept-work .controls button{min-height:36px;padding:5px 10px;line-height:1.4}
.compact-intercept-work .controls{margin-top:10px;gap:6px}
.compact-intercept-work>#functionGraphResult:empty,.compact-intercept-work>#functionGraphFeedback:empty,.compact-intercept-work>#functionGraphConfirm:disabled{display:none}
.compact-intercept-work>.final-answer{margin:6px 0 8px;line-height:1.4}

.step-history{margin:8px 0 12px;padding:7px 9px;border:1px solid #d5dfed;border-radius:8px;background:#f8faff}.step-history summary{cursor:pointer;color:#52627a;font-size:13px;font-weight:700}.step-history ol{display:grid;gap:4px;margin:7px 0 0;padding:0;list-style:none}.step-history .history-step-link{cursor:pointer;padding:5px 8px;font-size:13px;line-height:1.4;background:#fff;border-left:2px solid #304f93;overflow-wrap:anywhere}.step-history .history-step-link:hover{background:#edf2fc}

.pythagorean-equation-history{padding:5px 8px;margin:5px 0 8px}.pythagorean-equation-history h3{margin:0 0 3px;font-size:12px}.pythagorean-equation-history ol{gap:2px}.pythagorean-equation-history .pythagorean-equation-history-item{padding:2px 6px;line-height:1.25;font-size:12px}

/* Completed equations stay visible and share the current equation typography. */
.workshop .current-expression,.workshop .completed-results .completed-result,.workshop .completed-results .completed-result span,.compact-learning .workshop .completed-results .completed-result,.compact-learning .workshop .completed-results .completed-result span{font-size:16px;font-weight:650;line-height:1.45}
.workshop .step-history{margin:8px 0;padding:7px 9px}
.workshop .step-history h3{margin:0 0 5px;font-size:14px;color:#52627a}
.workshop .step-history ol{margin:0;gap:4px}

.probability-factor-choices{display:grid;gap:7px;margin:8px 0}.probability-person{margin:0;padding:5px 8px 8px;border:1px solid #d5dfed;border-radius:8px}.probability-person legend{padding:0 4px;font-size:16px;font-weight:650}.probability-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.probability-outcomes button{min-height:44px;font-size:16px}.probability-outcomes button[aria-pressed="true"]{background:#e4edff;border-color:#304f93;box-shadow:inset 0 0 0 1px #304f93}

/* Imported decimal answers are main results, not small explanatory text. */
.workshop .calculation-result,.compact-learning .workshop .calculation-result,.workshop .decimal-calculation-result,.compact-learning .workshop .decimal-calculation-result{font-size:20px;font-weight:700;line-height:1.4;margin:8px 0;padding:8px 10px;border-left:3px solid #287c69;background:#eef6f0;color:#173b30;white-space:pre-wrap;overflow-wrap:anywhere}

.cycle-digit-choices{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.cycle-digit-choices button{min-width:44px;min-height:44px;font-size:20px}.cycle-digit-choices button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93;font-weight:700}

/* 문제의 의미를 문제 영역 마지막에 간결하게 표시합니다. */
.problem-hint-area{margin:8px 0;padding:0;border:0}
.problem-hint-area .question-purpose{margin:0;padding:8px 12px}
.problem-hint-area .question-purpose p{margin:5px 0 0;line-height:1.5}


/* 그림과 보기를 나란히 배치해 문제 아래의 안내까지 볼 수 있게 합니다. */
@media(min-width:1000px){
 .problem:has(> .reference-images):has(> .reference-answer){display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,1fr);column-gap:10px;align-content:start;align-items:start}
 .problem:has(> .reference-images):has(> .reference-answer)>*{grid-column:1 / -1}
 .problem:has(> .reference-images):has(> .reference-answer)>.reference-images{grid-column:1;margin:6px 0;gap:5px}
 .problem:has(> .reference-images):has(> .reference-answer)>.reference-answer{grid-column:2;margin:6px 0;padding:8px}
 .problem:has(> .reference-images):has(> .reference-answer)>.reference-images img{max-height:290px}
 .problem:has(> .reference-images):has(> .reference-answer)>.reference-answer .answer-choice-list{grid-template-columns:1fr;gap:4px}
 .problem:has(> .reference-images):has(> .reference-answer)>.reference-answer .answer-choice{padding:6px 8px!important}
}

.dice-pair-grid{display:grid;grid-template-columns:28px repeat(6,minmax(0,1fr));gap:4px;align-items:center;text-align:center;margin:8px 0}.dice-pair-grid button{min-width:0;min-height:44px;padding:5px 2px;font-size:14px}.dice-pair-grid button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93;font-weight:700}
.dice-legend-first,.dice-pair-grid--colored .dice-row{color:#176b42;font-weight:700}
.dice-legend-second,.dice-pair-grid--colored .dice-column{color:#a34b12;font-weight:700}
.dice-pair-grid--colored{width:100%;max-width:360px;grid-template-columns:22px repeat(6,minmax(0,1fr));gap:2px}
.dice-pair-grid--colored button{position:relative;min-height:48px;border:1px solid #7f94a3;background:linear-gradient(45deg,#e4f5e9 49%,#8da89d 49.5%,#8da89d 50.5%,#fff0dc 51%)}
.dice-pair-grid--colored .dice-first,.dice-pair-grid--colored .dice-second{position:absolute;font-weight:700;line-height:1}
.dice-pair-grid--colored .dice-first{bottom:7px;left:10px;color:#176b42}
.dice-pair-grid--colored .dice-second{top:7px;right:10px;color:#a34b12}
.dice-pair-grid--colored button[aria-pressed="true"]{background:linear-gradient(45deg,#c4e8cd 49%,#698d7d 49.5%,#698d7d 50.5%,#ffdfad 51%);border:3px solid #304f93;box-shadow:0 0 0 1px #fff inset}

.book-novel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.book-novel-grid button,.book-pair-grid button{min-height:44px;padding:6px;font-size:14px}.book-pair-grid{display:grid;grid-template-columns:minmax(95px,1fr) repeat(2,minmax(0,1fr));gap:5px;align-items:center;text-align:center}.book-novel-grid button[aria-pressed="true"],.book-pair-grid button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93;font-weight:700}
.book-novel-grid--vertical{grid-template-columns:minmax(0,180px);gap:4px}
.book-two-pair{display:grid;grid-template-columns:minmax(105px,145px) minmax(35px,65px) minmax(100px,145px);align-items:start;margin:8px 0}
.book-two-novels,.book-two-poems{display:grid;grid-auto-rows:44px;gap:4px}
.book-two-novel{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dce1ec;border-radius:8px;color:#68758c;font-size:14px}
.book-two-novel.is-source{color:#263b73;background:#eaf1ff;border:2px solid #4969a5;font-weight:700}
.book-two-lines{display:block;width:100%;height:284px;overflow:visible}
.book-two-lines path{fill:none;stroke:#9ba9bf;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:5 4}
.book-two-lines path.selected{stroke:#304f93;stroke-width:3;stroke-dasharray:none}
.book-two-poems button{min-height:44px;padding:4px;font-size:14px}
.book-two-poems button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93;font-weight:700}

.book-pair-diagram{display:grid;grid-template-columns:minmax(90px,1fr) minmax(45px,0.8fr) minmax(110px,1fr);align-items:center;gap:0;margin:8px 0}.book-pair-source{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 4px;border:1px solid #b7cbea;border-radius:9px;background:#f1f6ff;min-height:54px}.book-pair-lines{display:block;width:100%;height:160px;overflow:visible}.book-pair-lines path{fill:none;stroke:#9ba9bf;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:5 4}.book-pair-lines path.selected{stroke:#304f93;stroke-width:3;stroke-dasharray:none}.book-pair-targets{display:grid;grid-template-rows:repeat(2,64px);gap:16px}.book-pair-targets button{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:4px 6px;min-height:44px;padding:5px;font-size:15px}.book-pair-targets button small{width:100%;font-size:12px;font-weight:400}.book-pair-targets button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93}

.lineup-first-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.lineup-first-grid button,.lineup-targets button{min-height:44px;padding:5px;font-size:15px}.lineup-diagram{display:grid;grid-template-columns:minmax(75px,1fr) minmax(40px,.8fr) minmax(100px,1fr);align-items:center;margin:8px 0}.lineup-source{display:flex;justify-content:center;align-items:center;gap:5px;min-height:54px;padding:6px;border:1px solid #b7cbea;border-radius:9px;background:#f1f6ff}.lineup-diagram svg{width:100%;height:256px;overflow:visible}.lineup-diagram path{fill:none;stroke:#9ba9bf;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:5 4}.lineup-diagram path.selected{stroke:#304f93;stroke-width:3;stroke-dasharray:none}.lineup-targets{display:grid;grid-template-rows:repeat(4,52px);gap:12px}.lineup-first-grid button[aria-pressed="true"],.lineup-targets button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93;font-weight:700}
.lineup-first-grid--vertical{grid-template-columns:minmax(0,180px);gap:4px}
.lineup-three-diagram{display:grid;grid-template-columns:minmax(110px,150px) minmax(35px,70px) minmax(110px,150px);align-items:start;margin:8px 0}
.lineup-three-first,.lineup-three-targets{display:grid;grid-auto-rows:44px;gap:4px}
.lineup-three-person{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dce1ec;border-radius:8px;color:#55617a;font-size:14px}
.lineup-three-person.is-example{color:#263b73;background:#eaf1ff;border:2px solid #4969a5;font-weight:700}
.lineup-three-lines{display:block;width:100%;height:236px;overflow:visible}
.lineup-three-lines path{fill:none;stroke:#9ba9bf;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:5 4}
.lineup-three-lines path.selected{stroke:#304f93;stroke-width:3;stroke-dasharray:none}
.lineup-three-targets{grid-auto-rows:52px}
.lineup-three-targets button{min-height:44px;padding:4px;font-size:14px}
.lineup-three-targets button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93;font-weight:700}

.number-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0}.number-card-grid button{min-height:64px;padding:8px;font-size:24px;font-weight:700;border-radius:9px}.number-card-grid button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93}
.number-card-grid--vertical{grid-template-columns:minmax(0,130px);gap:4px}
.card-four-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:540px;margin:10px 0}
.card-four-heading{grid-column:1/-1;font-size:13px;color:#536480}
.card-four-row{display:grid;grid-template-rows:44px 44px auto;justify-items:center;align-items:center;text-align:center;min-width:0}
.card-four-tens{display:grid;place-items:center;width:64px;min-height:44px;border:1px solid #b4c5dc;border-radius:8px;background:#f1f6ff;font-size:20px;font-weight:700;color:#304f93}
.card-four-tens.is-example{border:2px solid #4969a5;background:#e4edff}
.card-four-arrows{display:block;width:100%;height:44px;overflow:visible}
.card-four-arrows marker path{fill:#7189a4}
.card-four-path{fill:none;stroke:#7189a4;stroke-width:2;vector-effect:non-scaling-stroke}
.card-four-path.selected{stroke:#304f93;stroke-width:3}
.card-four-outputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:100%}
.card-four-outputs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;min-height:52px;padding:3px;font-size:19px;line-height:1.1}
.card-four-outputs button small{color:#536480;font-size:12px;font-weight:400;white-space:nowrap}
.card-four-outputs button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93}
@media(max-width:600px){.card-four-cases{grid-template-columns:1fr;max-width:220px}.card-four-row{margin-bottom:6px}}

.route-diagram{display:grid;grid-template-columns:minmax(45px,auto) minmax(0,1fr) minmax(45px,auto);align-items:center;gap:8px;margin:8px 0;text-align:center}.route-paths{display:grid;gap:5px}.route-paths button{min-height:44px;padding:5px;font-size:14px}.route-paths button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93}
.route-building{display:block;width:76px;max-width:100%;line-height:0}
.route-building svg{display:block;width:100%;height:auto;overflow:visible}
.route-building .route-roof{fill:#e99b73;stroke:#795047;stroke-width:2;stroke-linejoin:round}
.route-building .route-wall{fill:#fff5e8;stroke:#795047;stroke-width:2}
.route-building .route-sign{fill:#fff;stroke:#c5a595;stroke-width:1}
.route-building text{fill:#24324a;font-size:14px;font-weight:700;font-family:'Malgun Gothic',sans-serif}
.route-building .route-detail{fill:#d7e8f3;stroke:#795047;stroke-width:1.5}
.route-gym .route-roof{fill:#86a9d5;stroke:#4b6384}
.route-gym .route-wall{fill:#edf5ff;stroke:#4b6384}
.route-gym .route-sign{stroke:#a4b9d1}
.route-gym .route-detail{fill:#d4e5f4;stroke:#4b6384}
.route-school .route-roof{fill:#88b99b;stroke:#476f59}
.route-school .route-wall{fill:#eef8ef;stroke:#476f59}
.route-school .route-sign{stroke:#a4c2a9}
.route-school .route-detail{fill:#d8ece0;stroke:#476f59}
.route-diagram--arrows .route-paths button{position:relative;padding-right:30px}
.route-diagram--arrows .route-paths button::after{content:'→';position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#304f93;font-size:21px;font-weight:700;line-height:1}
.route-overview{border:1px solid #d8e2f1;border-radius:9px;background:#f7faff;padding:10px;margin:8px 0 12px}
.route-overview>strong{font-size:14px;color:#344b75}
.route-overview>p{margin:3px 0 6px;font-size:13px}
.route-overview-map{display:grid;grid-template-columns:48px repeat(4,minmax(16px,1fr) 48px);align-items:center;width:100%;max-width:520px;margin:4px auto}
.route-overview-map .route-building{width:48px}
.route-overview-place{display:grid;justify-items:center;gap:2px;font-size:12px;line-height:1.2;color:#263b55}
.route-overview-roads{display:block;width:100%;height:70px;overflow:visible}
.route-overview-road{fill:none;stroke:#aebbc9;stroke-width:1.4;vector-effect:non-scaling-stroke}
.route-overview-roads marker path{fill:#aebbc9}
.route-overview-roads.is-active .route-overview-road{stroke:#315c9a;stroke-width:2}
.route-overview-roads.is-active marker path{fill:#315c9a}
.route-overview-roads.is-active.is-return .route-overview-road{stroke:#a65a2e}
.route-overview-roads.is-active.is-return marker path{fill:#a65a2e}
.route-overview-roads .route-overview-road.is-used{stroke:#9aa6b3;stroke-width:1.4;stroke-dasharray:4 3}
.route-overview>small{display:block;margin-top:5px;color:#536480;font-size:12px}

.officer-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.officer-roles>div{display:grid;gap:3px;text-align:center;background:#f1f6ff;border:1px solid #c9d7ef;border-radius:8px;padding:7px 4px}.officer-roles span{font-size:13px}.officer-people-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.officer-people-grid button{min-width:0;min-height:44px;padding:5px 2px;font-size:14px}.officer-people-grid button small{display:block;font-size:11px}.officer-people-grid button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93;font-weight:700}.officer-candidate-groups{display:grid;gap:8px;margin:8px 0}.officer-candidate-groups>div>b{display:block;margin-bottom:4px}

.officer-summary{margin:8px 0;padding:8px;border:1px solid #d5dfed;border-radius:9px;background:#f6f8fc}.officer-summary figcaption{font-size:14px;font-weight:700;margin-bottom:6px}.officer-summary-grid{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1.5fr);align-items:stretch;gap:3px}.officer-summary-role{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:6px 3px;background:white;border:1px solid #d5dfed;border-radius:8px}.officer-summary-role>span,.officer-summary-role>small{font-size:12px;line-height:1.3}.officer-summary-role>b{font-size:18px;color:#304f93}.officer-summary-times{align-self:center;text-align:center;font-size:20px;font-weight:700}.officer-mini-people{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin:2px 0}.officer-mini-person{display:inline-flex;flex-direction:column;align-items:center;min-width:25px;padding:2px 1px;border:1px solid transparent;border-radius:5px;font-size:17px;line-height:1}.officer-mini-person small{font-size:12px;margin-top:2px}.officer-mini-person.is-example{border-color:#304f93;background:#e4edff}.officer-mini-person.is-excluded{opacity:.38;text-decoration:line-through}.officer-mini-person.is-excluded small{text-decoration:line-through}@media(max-width:420px){.officer-summary-grid{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1.3fr)}.officer-summary{padding:6px}.officer-mini-person{min-width:21px;font-size:13px}.officer-mini-person small{font-size:9px}}

.color-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;max-width:400px;margin:8px 0}.color-slot{display:grid;text-align:center;align-content:center;gap:3px;min-height:58px;border:2px solid #9cabbd;border-radius:6px;background:var(--slot-color);font-size:14px}.color-slot.is-current{outline:3px solid #304f93;outline-offset:2px}.color-choice-grid{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.color-choice-grid button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:90px;min-height:44px;padding:6px 10px}.color-choice-grid button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93;font-weight:700}.color-swatch{width:22px;height:22px;border:1px solid #657384;border-radius:4px;background:var(--swatch-color)}

.color-branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.color-branch-grid button{min-width:0;min-height:65px;padding:5px;display:grid;justify-items:center;gap:4px}.color-branch-grid button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93}.color-branch-grid button small{font-size:12px}.color-branch-strip{display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,108px)}.color-branch-strip span{display:grid;place-items:center;min-height:26px;border:1px solid #657384;background:var(--swatch-color);font-size:12px;font-weight:700;color:#17253a}

.color-tree{display:grid;grid-template-columns:minmax(60px,.65fr) 22px minmax(0,2fr);align-items:center;gap:2px;margin:8px 0}.color-tree-root,.color-tree-middle{display:grid;justify-items:center;gap:3px;min-width:0}.color-tree-label,.color-tree-leaf-label{font-size:12px;color:#45546c}.color-tree-color{display:grid;place-items:center;min-height:36px;min-width:54px;padding:4px;border:1px solid #657384;border-radius:5px;background:var(--swatch-color);color:#17253a;font-size:14px;font-weight:700}.color-tree-arrow{text-align:center;font-size:20px;font-weight:700;color:#52678b}.color-tree-branches{display:grid;gap:8px;border-left:2px solid #aebed5;padding:4px 0 4px 8px}.color-tree-branch{display:grid;grid-template-columns:minmax(60px,.7fr) 22px minmax(0,1.3fr);align-items:center;gap:3px}.color-tree-leaves{display:grid;gap:5px}.color-tree-leaves button{display:flex;align-items:center;justify-content:space-around;gap:4px;min-height:44px;padding:4px 6px;font-size:13px}.color-tree-leaves button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93}.color-tree-leaves .color-tree-color{min-height:30px;min-width:45px}.color-tree-check{font-size:12px;font-weight:700;color:#304f93}@media(max-width:420px){.color-tree{grid-template-columns:56px 17px minmax(0,1fr)}.color-tree-branch{grid-template-columns:56px 17px minmax(0,1fr)}.color-tree-color{min-width:48px}.color-tree-leaves button{padding:4px 2px}.color-tree-leaf-label{font-size:11px}}

.snack-bread-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.snack-bread-grid button,.snack-pair-targets button{min-width:0;min-height:44px;padding:6px;font-size:14px}.snack-bread-grid button[aria-pressed="true"],.snack-pair-targets button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93;font-weight:700}.snack-pair-diagram{display:grid;grid-template-columns:minmax(80px,1fr) minmax(45px,.8fr) minmax(110px,1fr);align-items:center;margin:8px 0}.snack-pair-lines{display:block;width:100%;height:224px;overflow:visible}.snack-pair-lines path{fill:none;stroke:#9ba9bf;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:5 4}.snack-pair-lines path.selected{stroke:#304f93;stroke-width:3;stroke-dasharray:none}.snack-pair-targets{display:grid;grid-template-rows:repeat(3,64px);gap:16px}.snack-pair-targets button{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:4px 6px}.snack-pair-targets button small{width:100%;font-size:12px;font-weight:400}

.even-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.even-card-grid button{min-width:0}.even-card-grid button small{display:block;font-size:11px;font-weight:400}

.handshake-example{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0}.handshake-edge{display:grid;text-align:center;font-size:25px;color:#304f93}.handshake-edge small{font-size:12px}.handshake-count-options{display:flex;flex-wrap:wrap;gap:5px}.handshake-count-options button{min-width:44px;min-height:44px;padding:5px}.handshake-count-options button[aria-pressed="true"],.handshake-people button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93}.handshake-svg{display:block;width:min(100%,290px);height:auto;margin:5px auto}.handshake-svg .handshake-lines{stroke:#8ba7c7;stroke-width:1.5}.handshake-svg circle{fill:#e4edff;stroke:#304f93;stroke-width:1.5}.handshake-svg text{font-size:14px;font-weight:700;fill:#17253a}.handshake-people{grid-template-columns:repeat(4,minmax(0,1fr))}.handshake-people small{display:block;font-size:11px}

.triangle-points-svg{display:block;width:min(100%,300px);height:auto;margin:5px auto}.triangle-points-svg .point-baseline{stroke:#8999ae;stroke-width:2}.triangle-points-svg .point-dot circle{fill:#fff;stroke:#334f82;stroke-width:2}.triangle-points-svg .point-dot.is-collinear circle{fill:#f6d4a1;stroke:#b66718}.triangle-points-svg .point-dot.is-selected circle{fill:#8fb4f0;stroke:#304f93}.triangle-points-svg text{font-size:15px;font-weight:700;fill:#17253a}.point-example-grid,.point-triple-grid{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.point-example-grid button,.point-triple-grid button{min-width:44px;min-height:44px;padding:6px}.point-example-grid button[aria-pressed="true"],.point-triple-grid button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93}

.representative-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.representative-pairs button{display:grid;place-items:center;min-height:55px;padding:5px;font-size:14px}.representative-pairs button[aria-pressed="true"]{background:#e4edff;border:2px solid #304f93;font-weight:700}@media(max-width:420px){.representative-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}

.triangle-points-svg .shape-connection{stroke:#d26b2b;stroke-width:3}.triangle-points-svg .shape-triangle{stroke:#d26b2b;stroke-width:3;fill:#ffd59e;fill-opacity:.4}.triangle-points-svg [data-shape-point]{cursor:pointer}
.problem:has(.angle-figure) .four-choice-answers{display:none!important}
/* 기본 화면 배치: 보기가 없는 문제는 문제·그림·확인 버튼을 한 열로 보여 줍니다. */
.reference-lesson .problem-layout-no-choices{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:8px 14px!important;gap:4px}
.reference-lesson .problem-layout-no-choices>.reference-column-heading{margin-bottom:4px}
.reference-lesson .problem-layout-no-choices>h1{margin:2px 0 4px;line-height:1.35}
.reference-lesson .problem-layout-no-choices>.reference-images{width:100%;margin:2px 0 4px;display:block}
.reference-lesson .problem-layout-no-choices>.reference-images img{display:block;width:auto;height:auto;max-width:min(100%,420px);max-height:min(45vh,410px);object-fit:contain;margin:0 auto}
.reference-lesson .problem-layout-no-choices>.reference-answer{margin:0;padding:0;border:0;background:transparent}
.reference-lesson .problem-layout-no-choices>.reference-answer h2,.reference-lesson .problem-layout-no-choices>.reference-answer .answer-choice-list{display:none!important}
.reference-lesson .problem-layout-no-choices .reference-answer-actions{margin-top:2px;gap:5px}
.reference-lesson .problem-layout-no-choices .problem-hint-area{margin:0}
.reference-lesson .problem-layout-no-choices .question-purpose{padding:4px 8px}
.reference-lesson .problem-layout-no-choices .question-purpose-heading button{padding:3px 8px}
.reference-lesson .problem-layout-no-choices .question-purpose p{margin-top:2px;line-height:1.3}
.reference-lesson .problem-layout-no-choices .question-source{margin-top:3px;padding-top:3px}
/* 챕터 8과 10은 공용 보기 없는 기본 배치와 큰 문제 그림을 사용합니다. */
.reference-lesson .chapter8-no-choices-layout>.reference-images img{max-width:min(100%,620px);max-height:min(52vh,500px)}
.reference-lesson .chapter10-no-choices-layout>.reference-images img{max-width:min(100%,620px);max-height:min(52vh,500px)}

/* 챕터 8 공통: 보기 선택지는 숨기고, 문항 그림과 조작 버튼을 유지합니다. */
#app.chapter8-no-choice-layout .problem .answer-choice-list,
#app.chapter8-no-choice-layout .problem .four-choice-answers h2,
#app.chapter8-no-choice-layout .problem .four-choice-answers .answer-choice-list,
#app.chapter8-no-choice-layout .problem .reference-answer h2{display:none!important}
#app.chapter8-no-choice-layout .problem:has(.angle-figure) .four-choice-answers{display:block!important}
#app.chapter8-no-choice-layout .problem:has(.angle-figure) .four-choice-answers h2,
#app.chapter8-no-choice-layout .problem:has(.angle-figure) .four-choice-answers .answer-choice-list{display:none!important}
#app.chapter8-no-choice-layout .problem .reference-answer{margin:0;padding:0;border:0;background:transparent}
#app.chapter8-no-choice-layout .problem .reference-answer-actions{margin-top:4px}
#app.chapter8-no-choice-layout .problem svg{display:block;width:min(100%,620px)!important;max-width:100%!important;max-height:min(52vh,500px)!important;height:auto;margin:8px auto}
#app.chapter8-no-choice-layout .problem img{display:block;width:auto;height:auto;max-width:min(100%,620px)!important;max-height:min(52vh,500px)!important;object-fit:contain;margin:8px auto}
#app.chapter10-no-choice-layout .problem{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px}
#app.chapter10-no-choice-layout .problem .answer-choices h2,
#app.chapter10-no-choice-layout .problem .answer-choices .answer-choice-list,
#app.chapter10-no-choice-layout .problem>.answer-choice-list,
#app.chapter10-no-choice-layout .problem .reference-answer h2{display:none!important}
#app.chapter10-no-choice-layout .problem .reference-answer{margin:0;padding:0;border:0;background:transparent}
#app.chapter10-no-choice-layout .problem .reference-answer-actions{margin-top:4px}
#app.chapter10-no-choice-layout .problem .question-figure,
#app.chapter10-no-choice-layout .problem .geometry-figure,
#app.chapter10-no-choice-layout .problem .reference-images{width:100%;margin:8px auto;text-align:center}
#app.chapter10-no-choice-layout .problem img{display:block;width:auto!important;height:auto!important;max-width:min(100%,620px)!important;max-height:min(52vh,500px)!important;object-fit:contain;margin:8px auto}
#app.chapter10-no-choice-layout .problem svg{display:block;width:min(100%,620px)!important;height:auto!important;max-width:100%!important;max-height:min(52vh,500px)!important;margin:8px auto}
#app.chapter10-no-choice-layout .problem:has(.angle-figure) .four-choice-answers{display:block!important}
#app.chapter10-no-choice-layout .problem:has(.angle-figure) .four-choice-answers h2,
#app.chapter10-no-choice-layout .problem:has(.angle-figure) .four-choice-answers .answer-choice-list{display:none!important}

/* 12장 6번: 일의 자리별 가능한 두 자리 수 */
.multiple-six-overview{margin-top:16px;padding:12px;border:1px solid #d3dff2;border-radius:8px;background:#f7f9fd}.multiple-six-overview h3{margin:0 0 10px;font-size:15px}.multiple-six-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.multiple-six-group{display:flex;align-items:center;gap:10px}.multiple-six-source{flex:0 0 62px;text-align:center;font-size:12px;color:#35518d}.multiple-six-source strong{display:block;margin-top:3px;padding:7px;border:1px solid #9cb4df;border-radius:6px;background:#fff;font-size:19px}.multiple-six-branches{display:grid;gap:5px;flex:1;min-width:0}.multiple-six-branches div{position:relative;padding:6px 5px;border:1px solid #c9d7ef;border-radius:6px;background:#fff;text-align:center;font-size:13px;white-space:nowrap}.multiple-six-branches div:before{content:'→';position:absolute;left:-14px;color:#35518d}.multiple-six-branches span{color:#35518d}.multiple-six-branches b{color:#284b93;font-size:15px}@media(max-width:520px){.multiple-six-groups{grid-template-columns:1fr}}

/* 12장 7번: 그림에서 역할별 후보를 선택 */
.officer-interactive .officer-summary-role.is-active{border:2px solid #304f93;background:#f1f6ff}.officer-interactive button.officer-mini-person{min-width:37px;min-height:48px;padding:4px 2px;background:white;cursor:pointer}.officer-interactive button.officer-mini-person[aria-pressed="true"]{border:2px solid #304f93;background:#dfeaff}.officer-interactive button.officer-mini-person:disabled{cursor:not-allowed}.officer-example-inline{border-top:1px solid #d5dfed;padding-top:5px;font-size:12px}.officer-example-inline>div{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin-top:4px}.officer-example-inline button{padding:4px;font-size:12px}.officer-example-inline button[aria-pressed="true"]{background:#dfeaff;border-color:#304f93;font-weight:bold}

/* 12장 8번: 첫째 칸 세 가지 경우를 함께 표시 */
.color-all-cases{display:grid;gap:5px;margin:10px 0}.color-all-head{display:grid;grid-template-columns:70px 100px 1fr;text-align:center;font-size:12px;color:#45546c}.color-all-head span:last-child{text-align:left}.color-all-group{display:grid;grid-template-columns:70px 1fr;align-items:center;border:1px solid #d4deee;border-radius:7px;padding:4px;background:#fafbfe}.color-all-group.is-active{border:2px solid #304f93;background:#f1f6ff;padding:3px}.color-all-root{display:flex;justify-content:center}.color-all-branches{display:grid;gap:4px}.color-all-row{display:flex;align-items:center;gap:5px}.color-all-swatch,.color-all-option,.color-all-options button{display:inline-grid;place-items:center;min-width:48px;min-height:33px;padding:3px 5px;border:1px solid #75849d;border-radius:5px;background:var(--swatch-color);color:#17253a;font-size:13px}.color-all-arrow{color:#52678b;font-weight:bold}.color-all-options{display:grid;grid-template-columns:max-content;gap:5px}.color-all-options button{cursor:pointer;min-width:57px;min-height:40px}.color-all-options button[aria-pressed="true"],.color-all-option.is-selected{outline:2px solid #304f93;outline-offset:-2px;font-weight:bold}@media(max-width:480px){.color-all-head{grid-template-columns:55px 85px 1fr}.color-all-group{grid-template-columns:55px 1fr}.color-all-row{gap:3px}.color-all-swatch,.color-all-option,.color-all-options button{min-width:41px;padding:3px;font-size:12px}}

/* 12장 10번: 빵을 세로로 놓고 빵 1의 세 음료 조합 표시 */
.snack-overview{display:grid;gap:6px;margin:10px 0}.snack-overview-row{display:grid;grid-template-columns:90px 40px minmax(0,190px);align-items:center}.snack-overview-bread{display:grid;place-items:center;min-height:44px;padding:6px;border:1px solid #cbd7ec;border-radius:7px;background:#fff;font-size:14px}.snack-overview-row svg{width:40px;height:144px}.snack-overview-row path{fill:none;stroke:#52678b;stroke-width:1.5}.snack-overview-drinks{display:grid;gap:4px}.snack-overview-drinks>div,.snack-overview-drinks>button{display:grid;place-items:center;min-height:44px;padding:3px 6px;border:1px solid #cbd7ec;border-radius:7px;background:#f8faff;font-size:14px}.snack-overview-drinks small{font-size:12px;color:#45546c}.snack-overview [aria-pressed="true"]{border:2px solid #304f93;background:#e4edff;font-weight:700}

/* 12장 14번: 오른쪽 일의 자리에서 왼쪽으로 펼치는 전체 경우 */
.even-reverse-tree{margin:8px 0}.even-reverse-head{display:grid;grid-template-columns:90px 60px 50px 75px;font-size:12px;text-align:center;color:#45546c;margin-bottom:4px}.even-reverse-group{display:grid;grid-template-columns:150px 50px 75px;align-items:center;margin:4px 0;padding:4px 0;border:1px solid #d4deee;border-radius:7px;background:#fafbfe}.even-reverse-group.is-active{border-color:#304f93;background:#f1f6ff}.even-reverse-leaves{display:grid;gap:4px}.even-reverse-leaf{display:grid;grid-template-columns:90px 60px;align-items:center;justify-items:center;height:30px}.even-reverse-leaf>strong{font-size:16px}.even-reverse-leaf>span,.even-reverse-leaf>button{display:grid;place-items:center;width:42px;min-height:30px;padding:2px;border:1px solid #b6c7e3;border-radius:5px;background:#fff;font-size:15px}.even-reverse-group svg{width:50px;height:100%;align-self:stretch}.even-reverse-group path{fill:none;stroke:#8799b6;stroke-width:1.5;vector-effect:non-scaling-stroke}.even-reverse-group path.is-selected{stroke:#304f93;stroke-width:3}.even-reverse-unit{display:grid;justify-items:center;gap:3px}.even-reverse-unit>button,.even-reverse-unit>strong{display:grid;place-items:center;width:44px;min-height:36px;border:1px solid #9db3d8;border-radius:6px;background:#fff;font-size:20px;padding:2px}.even-reverse-unit small{font-size:12px}.even-reverse-leaf.is-selected>strong{color:#304f93}.even-reverse-tree [aria-pressed="true"]{background:#dce9ff;border:2px solid #304f93;font-weight:bold}.even-reverse-total{margin:6px 0;font-weight:700}