:root{--ink:#34212a;--muted:#786a6e;--paper:#f8f3ee;--card:#fffdf9;--line:#e3d6d4;--accent:#762c42;--accent2:#944b60;--soft:#f0dfe4;--mark:#ead0d8;--blue:#762c42;--sky:#f0dfe4;--lav:#f4e8eb;--coral:#944b60;--cream:#f8f3ee;--green:#4d7462}
body{background:var(--paper);color:var(--ink)}.brand span,.primary,.catalog-links a{background:var(--accent)}.brand strong{letter-spacing:.12em}.site-header{background:#fbf8f4}.catalog-hero h1 em,.eyebrow,.unit,.grammar{color:var(--accent)}.catalog-copy h3{color:var(--ink)}.catalog-hero img,.catalog-card,.section{border-radius:24px}.catalog-grid{gap:22px}.catalog-card{grid-template-columns:340px 1fr}.enter{background:var(--accent);color:#fff;border:0}.layout{max-width:1440px;margin:auto;grid-template-columns:210px minmax(0,1fr);padding:30px 28px 90px;gap:30px}.layout main{width:100%}.side-nav{background:#fffaf8}.side-nav a.active{background:var(--soft);color:var(--accent)}.hero{height:480px;background:var(--accent)}.hero-shade{background:linear-gradient(90deg,rgba(55,15,30,.97),rgba(88,31,48,.77) 44%,rgba(88,31,48,.05) 83%)}.hero-copy{max-width:560px;left:42px;bottom:44px}.hero-copy h1{font-family:Georgia,serif;font-size:clamp(42px,5vw,74px);font-weight:600}.hero-copy p{color:#fff0f3!important}.hero-tags{margin-top:20px}.hero-unit{color:#fff1f4}.source-line{color:#f5dce3}.mission-strip span{color:#efcdd6}.mission-strip strong{color:#fff}.lesson-section{padding:36px;margin:26px 0;background:#fffdfa;border-radius:22px}.section-head h2{font:600 clamp(23px,2.8vw,34px)/1.5 'Noto Sans KR',sans-serif}.section-title small{color:var(--accent)}.section-no{background:var(--soft);color:var(--accent)}.guide{margin:0 0 25px;color:var(--muted)}.reader-layout{grid-template-columns:1fr}.reader-layout>div:first-child{display:none}.story-panel h3{font-family:Georgia,serif}.story-text{font:500 21px/1.95 Georgia,serif}.story-text p{margin-bottom:16px}.story-text mark{background:linear-gradient(transparent 55%,#ecd0d8 55%)}.focus-sentence{border-color:#ddc0c9;border-left-color:var(--accent);background:var(--soft)}.focus-sentence span,.focus-sentence strong{color:var(--accent)}.audio-box{background:var(--soft)}.diagram-map{display:flex;flex-wrap:wrap;gap:12px;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:18px}.diagram-node{flex:1;min-width:140px;border-bottom:4px solid #944b60;padding:16px;background:#fff;border-radius:12px}.diagram-node span{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--accent);margin-bottom:8px}.diagram-node strong{font:600 22px/1.5 Georgia,serif}.diagram-node.verb,.diagram-node.helping{border-color:#b07b32}.diagram-node.mody{border-color:#71816d}.diagram-task{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:16px}.diagram-task h3{font-size:19px;margin:0 0 10px}.diagram-task p{font-size:13px;color:var(--muted)}.chunk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.chunk-card{display:grid;gap:12px;padding:16px;background:var(--paper);border-radius:12px}.chunk-card strong{font:600 18px Georgia,serif}.chunk-card select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:white}.chunk-card select.correct{border-color:#4d7462;background:#eaf5ee}.chunk-card select.wrong{border-color:#ac3e4c;background:#fff1f1}.activity-done{display:block;margin:26px 0 0;border:1px solid var(--accent);border-radius:999px;padding:10px 18px;background:#fff;color:var(--accent);font-weight:700;cursor:pointer}.activity-done[aria-pressed=true]{background:var(--accent);color:#fff}.writing-prompt b{color:var(--accent)}.complete{background:var(--accent)}.complete button{background:#f0dfe4;color:var(--accent)}.target-sentence{background:var(--accent)}.record{background:var(--accent)!important}.lesson-section{scroll-margin-top:95px}.options{display:grid;grid-template-columns:1fr}.option{width:100%;text-align:left}.top-progress i{background:var(--accent)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b77d90;outline-offset:3px}
@media(max-width:980px){.layout{display:block;padding:20px 16px 70px}.side-nav{top:72px}.hero-copy{left:30px;right:26px}.catalog-card{grid-template-columns:260px 1fr}.mission-strip{display:block}.mission-strip p{margin-top:14px}.lesson-section{scroll-margin-top:150px}}
@media(max-width:600px){.site-header{padding:0 16px}.brand b{font-size:10px;letter-spacing:.06em}.course-tag{font-size:9px}.hero{height:510px}.hero-copy{left:24px;right:24px;bottom:30px}.hero-copy h1{font-size:44px}.hero-shade{background:linear-gradient(0deg,rgba(55,15,30,.98),rgba(88,31,48,.25))}.hero img{object-position:65% center}.mission-strip{padding:22px}.lesson-section{padding:26px 18px}.section-title{gap:12px}.section-no{flex:0 0 34px;width:34px;height:34px}.story-text{font-size:20px}.diagram-map{padding:14px}.diagram-node{min-width:110px}.diagram-node strong{font-size:19px}.diagram-task{padding:17px}.chunk-grid{grid-template-columns:1fr}.writing-grid,.speak-layout{grid-template-columns:1fr}.catalog-card{grid-template-columns:1fr}.catalog-card img{height:210px}.catalog-shell{padding:35px 18px 70px}.catalog-head h2{font-size:32px}.catalog-head{display:block}.catalog-head>p{text-align:left}.catalog-hero{gap:25px;min-height:0}.catalog-hero h1{font-size:52px}.complete{gap:15px;align-items:flex-start;flex-direction:column}audio{max-width:100%}}
.primary{box-shadow:0 3px 0 #4f1d2c}

.record-actions{flex-wrap:wrap}.listen-writing{width:100%}.playback{margin-top:18px;width:100%}.target-sentence{white-space:pre-wrap;overflow-wrap:anywhere}button:disabled{opacity:.5;cursor:not-allowed}
.record-actions{flex-wrap:wrap}.listen-writing{width:100%}.playback{margin-top:18px;width:100%}.target-sentence{white-space:pre-wrap;overflow-wrap:anywhere}button:disabled{opacity:.5;cursor:not-allowed}
.option.selected{border-color:#762c42;background:#f4e8eb}.chosen-token{border:1px solid #762c42;border-radius:8px;padding:8px 12px;background:white;color:#762c42;cursor:pointer}.answer-line{display:flex;flex-wrap:wrap;gap:8px}.save-summary{flex-basis:100%;font-size:13px;line-height:1.8;margin:8px 0 0}.complete{flex-wrap:wrap}.edit-writing{margin-top:14px}.writing-area textarea[readonly]{background:#f8f3ee}.target-sentence{overflow-wrap:anywhere}
.option.selected{border-color:#762c42;background:#f4e8eb}.chosen-token{border:1px solid #762c42;border-radius:8px;padding:8px 12px;background:white;color:#762c42;cursor:pointer}.answer-line{display:flex;flex-wrap:wrap;gap:8px}.save-summary{flex-basis:100%;font-size:13px;line-height:1.8;margin:8px 0 0}.complete{flex-wrap:wrap}.edit-writing{margin-top:14px}.writing-area textarea[readonly]{background:#f8f3ee}.target-sentence{overflow-wrap:anywhere}
.option.selected{border-color:#762c42;background:#f4e8eb}.chosen-token{border:1px solid #762c42;border-radius:8px;padding:8px 12px;background:white;color:#762c42;cursor:pointer}.answer-line{display:flex;flex-wrap:wrap;gap:8px}.save-summary{flex-basis:100%;font-size:13px;line-height:1.8;margin:8px 0 0}.complete{flex-wrap:wrap}.edit-writing{margin-top:14px}.writing-area textarea[readonly]{background:#f8f3ee}.target-sentence{overflow-wrap:anywhere}