.brochure-lesson{min-width:0}.brochure-lesson-head{gap:var(--ggui-space-2);max-width:760px;margin-inline-start:auto;margin-inline-end:auto;display:grid}.brochure-lesson-note{color:var(--ggui-color-muted);font-size:var(--ggui-font-small);margin:0;line-height:1.65}.brochure-lesson-scope{color:var(--ggui-color-accent-hover);font-size:var(--ggui-font-caption);font-weight:700}.brochure-lesson-stage{margin-top:var(--ggui-space-5);align-items:start;gap:var(--ggui-space-3);grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,1080px);margin-inline-start:auto;margin-inline-end:auto;display:grid}.brochure-lesson-flow{align-content:start;gap:var(--ggui-space-3);overscroll-behavior:contain;min-width:0;max-height:70dvh;display:grid;overflow-y:auto}.brochure-lesson-stage>.brochure-lesson-passage{top:var(--ggui-space-6);overscroll-behavior:contain;max-height:70dvh;position:sticky;overflow-y:auto}.brochure-lesson-stage-intro{grid-template-columns:minmax(0,1fr);justify-items:center}.brochure-lesson-stage-modal{align-items:stretch;width:100%;height:70dvh;margin-top:0}.brochure-lesson-stage-modal>.brochure-lesson-passage{min-height:0;max-height:none;position:static}.brochure-lesson-stage-modal .brochure-lesson-flow{overscroll-behavior:contain;min-height:0;overflow-y:auto}.brochure-lesson-progress{align-items:center;gap:var(--ggui-space-2);display:flex}.brochure-lesson-passage{border:1px solid var(--ggui-learning-passage-border);background:var(--ggui-color-surface);border-radius:var(--ggui-radius-notice);padding:var(--ggui-space-4);gap:var(--ggui-space-2);display:grid}.brochure-lesson-passage .cap{font-size:var(--ggui-font-caption);letter-spacing:.04em;color:var(--ggui-learning-primary);font-weight:800}.brochure-lesson-passage .pe-passage-block+.pe-passage-block{margin-top:var(--ggui-space-2)}.brochure-lesson-sents{gap:2px;display:grid}.brochure-lesson-panel{border:1px solid var(--ggui-learning-step-border);background:var(--ggui-color-surface);border-radius:var(--ggui-radius-notice);padding:var(--ggui-space-4);gap:var(--ggui-space-2);display:grid}.brochure-lesson-panel .brochure-lesson-q{margin:0}.brochure-lesson-done{background:var(--ggui-color-accent-soft);border:1.5px solid var(--ggui-color-accent-tint);border-radius:var(--ggui-radius-notice);padding:var(--ggui-space-5);gap:var(--ggui-space-3);display:grid}.brochure-lesson-done h3{font-size:var(--ggui-font-h3);color:var(--ggui-color-ink);margin:0;font-weight:800;line-height:1.4}.brochure-lesson-done p{font-size:var(--ggui-font-small);color:var(--ggui-color-guide-body);margin:0;line-height:1.65}.brochure-lesson-rest{gap:6px;margin:0;padding:0;list-style:none;display:grid}.brochure-lesson-restlabel{font-size:var(--ggui-font-caption);color:var(--ggui-color-accent-deep);margin:0;font-weight:800}.brochure-lesson-rest li{font-size:var(--ggui-font-small);color:var(--ggui-color-guide-body);padding-left:14px;line-height:1.6;position:relative}.brochure-lesson-rest li:before{content:"·";color:var(--ggui-color-accent-hover);font-weight:800;position:absolute;left:2px}.brochure-lesson-cta{align-items:center;gap:var(--ggui-space-2);flex-wrap:wrap;display:flex}.brochure-lesson-step{border:1px solid var(--ggui-learning-step-border);background:var(--ggui-color-surface);border-radius:var(--ggui-radius-notice);padding:var(--ggui-space-4);gap:var(--ggui-space-3);display:grid}.brochure-lesson-directive{font-size:var(--ggui-font-caption);letter-spacing:.04em;color:var(--ggui-learning-primary);font-weight:800}.brochure-lesson-heading{font-size:var(--ggui-font-h4);color:var(--ggui-learning-ink);margin:0;font-weight:800}.brochure-lesson-q{font-size:var(--ggui-font-body);line-height:var(--ggui-leading-body);color:var(--ggui-learning-ink);word-break:keep-all;margin:0}.brochure-lesson-guide{font-size:var(--ggui-font-small);color:var(--ggui-learning-muted);margin:0;line-height:1.6}.brochure-lesson-quiz{gap:var(--ggui-space-3);margin:0;padding:0;list-style:none;display:grid}.brochure-lesson-quiz>li{gap:var(--ggui-space-2);padding-top:var(--ggui-space-3);border-top:1px solid var(--ggui-color-row-line);display:grid}.brochure-lesson-quiz>li:first-child{border-top:0;padding-top:0}.brochure-lesson-choices{gap:var(--ggui-space-2);display:grid}.brochure-lesson .pe-choice{text-align:left;word-break:keep-all}.brochure-lesson .pe-choice[aria-pressed=true]{border-color:var(--ggui-learning-primary);background:var(--ggui-learning-selected-bg);box-shadow:var(--ggui-shadow-action)}.brochure-lesson-picked{font-size:var(--ggui-font-caption);color:var(--ggui-learning-primary);margin-top:2px;font-weight:700;display:block}.brochure-lesson-erase{gap:var(--ggui-space-2);display:grid}.brochure-lesson-built{min-height:var(--ggui-size-target);background:var(--ggui-learning-soft);border-radius:var(--ggui-radius-notice);color:var(--ggui-learning-ink);font-size:var(--ggui-font-body);word-break:keep-all;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;display:flex}.brochure-lesson-built:empty:after{content:"카드를 누르면 이곳에 문장이 만들어져요.";font-size:var(--ggui-font-caption);color:var(--ggui-learning-faint)}.brochure-lesson-builtchip{background:var(--ggui-color-surface);border-radius:var(--ggui-radius-badge);font:inherit;font-size:var(--ggui-font-small);color:var(--ggui-learning-ink);cursor:pointer;border:0;padding:4px 9px;font-weight:650}.brochure-lesson-cards{gap:var(--ggui-space-2);flex-wrap:wrap;display:flex}.brochure-lesson-card{border:1.5px solid var(--ggui-learning-line);background:var(--ggui-color-surface);border-radius:var(--ggui-radius-button);font:inherit;font-size:var(--ggui-font-small);color:var(--ggui-learning-ink);cursor:pointer;transition:opacity var(--ggui-motion-fast) var(--ggui-motion-ease);padding:8px 13px;font-weight:650}.brochure-lesson-card[disabled]{opacity:.35;cursor:default}.brochure-lesson-outline{gap:var(--ggui-space-3);display:grid}.brochure-lesson-field{gap:4px;display:grid}.brochure-lesson-field>label{font-size:var(--ggui-font-caption);color:var(--ggui-learning-ink);font-weight:800}.brochure-lesson-details{gap:var(--ggui-space-2);display:grid}.brochure-lesson-actions{align-items:center;gap:var(--ggui-space-2);flex-wrap:wrap;display:flex}.brochure-lesson-help{color:var(--ggui-learning-muted);font-size:var(--ggui-font-caption)}.brochure-lesson-feedback{align-items:flex-start;gap:var(--ggui-space-2);display:flex}.brochure-lesson .pe-badge-accent{background:var(--ggui-learning-primary);color:var(--ggui-color-on-accent);border-radius:20px;flex:none}.brochure-lesson-sum{color:var(--ggui-learning-ink);word-break:keep-all;font-weight:650;display:block}.brochure-lesson-note-sm{color:var(--ggui-learning-muted);margin-top:4px;display:block}.brochure-lesson-nav{justify-content:space-between;align-items:center;gap:var(--ggui-space-2);padding-top:var(--ggui-space-2);border-top:1px solid var(--ggui-color-row-line);flex-wrap:wrap;display:flex}.brochure-lesson-nav .cap{color:var(--ggui-learning-muted);font-size:var(--ggui-font-caption)}@media (max-width:600px){.brochure-lesson-stage{gap:var(--ggui-space-2);grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:70dvh}.brochure-lesson-stage>.brochure-lesson-passage{height:100%;min-height:0;max-height:none;position:static;overflow-y:auto}.brochure-lesson-flow{overscroll-behavior:contain;height:100%;min-height:0;overflow-y:auto}.brochure-lesson-stage-intro{grid-template-rows:none;height:auto}.brochure-lesson-step,.brochure-lesson-panel,.brochure-lesson-passage{padding:var(--ggui-space-3)}.brochure-lesson-done{padding:var(--ggui-space-4)}.brochure-lesson-nav{justify-content:flex-start}}