:root{--ink:#254c40;--text:#303c35;--paper:#f8f7ef;--line:#dedfd2;--gold:#d9aa56;--soft:#e9eddf;--muted:#667366}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--text);font:17px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--ink);text-underline-offset:4px}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #b88027;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 5%;border-bottom:1px solid var(--line);background:#fcfbf6;position:sticky;top:0;z-index:10}header img{width:170px;height:60px;object-fit:contain}nav{display:flex;gap:25px;align-items:center}nav a{text-decoration:none;font-size:14px}nav small,.language{color:var(--muted);font-size:12px}.language{border:1px solid var(--line);border-radius:30px;padding:8px 14px}.skip{position:absolute;left:10px;top:-80px;z-index:20;background:white;padding:10px}.skip:focus{top:10px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.2}h1{font-size:clamp(36px,4.5vw,68px);letter-spacing:-2px;margin-bottom:24px}h2{font-size:29px}h3{font-size:21px}h1 small{font-size:24px;letter-spacing:0}.lead{font-size:20px;line-height:1.7;color:#536456}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:#7b6847}.wrap{max-width:1200px;margin:auto;padding:0 5%}.hero{max-width:1300px;display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center;padding:80px 5% 90px;margin:auto}.btn{display:inline-flex;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:10px;align-items:center;justify-content:center;padding:13px 22px;text-decoration:none;font-weight:650;font-size:15px;min-height:48px}.textlink{display:block;margin-top:16px;font-size:14px}.caption{font-size:12px;color:var(--muted);margin-top:20px}.sentence-art{position:relative;transform:rotate(-2deg);background:#e8ecdc;padding:38px;border-radius:26px;box-shadow:14px 16px 0 #e7dcc4;overflow:hidden}.sentence-art>div{font-size:clamp(27px,3.1vw,45px);padding:11px 0;border-bottom:1px solid #ccd6bf;color:var(--ink);font-weight:650}.sentence-art>div:nth-of-type(2){color:#9c6a35}.art-tag,.art-foot{font-size:10px;letter-spacing:1.5px}.art-foot{display:block;margin-top:24px;letter-spacing:0;font-size:13px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:20px}.sectionhead>p{font-size:13px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.coursecard{display:block;text-decoration:none;background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:28px;color:var(--text)}.coursecard p{font-size:15px;color:var(--muted)}.number{color:#aa8754;font:30px/1 Georgia,serif;display:block;margin-bottom:20px}.coursecard.done{border-color:#71957d}.coursecard.done:after{content:'✓ Completed';font-size:12px;color:var(--ink)}.callout{background:var(--soft);border-radius:16px;padding:28px;margin:35px 0}.callout p:last-child{margin:0}.page{padding-top:55px;padding-bottom:40px;min-height:60vh}.page h1{max-width:850px}.course-list{display:grid;gap:7px}.course-list a{display:flex;gap:12px;align-items:center;padding:13px 14px;border-radius:9px;text-decoration:none;font-size:14px}.course-list a:hover{background:var(--soft)}.course-list a span{font-size:12px;opacity:.6}.course-list a.done b:after{content:'✓';font-size:13px}.learning-layout{max-width:1300px;display:grid;grid-template-columns:240px minmax(0,800px);gap:55px;padding:45px 4%;margin:auto}.learning-layout aside{position:sticky;top:115px;align-self:start}.back{display:block;font-size:13px;margin-bottom:25px}.lesson h1{font-size:46px}.lesson>p{max-width:760px}.examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:30px 0}.example{background:#fffdf8;border:1px solid var(--line);border-radius:14px;padding:24px}.example strong{font-size:25px;font-weight:600;color:var(--ink);display:block}.example p{font-size:14px;color:var(--muted);margin:8px 0 0}.example audio{max-width:100%;width:100%;margin-top:14px;height:38px}.note{border-left:3px solid var(--gold);padding:10px 20px;margin:30px 0 45px}.note p{font-size:15px;margin:10px 0}.question{border:1px solid var(--line);border-radius:14px;padding:25px;margin:18px 0;background:#fffdf8}.question h3{font-size:18px;line-height:1.5}.choices{display:flex;flex-wrap:wrap;gap:10px}.choices button,.build-tools button,#reveal,.backup button{background:transparent;border:1px solid #bfcbbd;border-radius:8px;padding:10px 15px;min-height:44px;color:var(--ink)}.choices button:hover:not(:disabled),.selected{background:var(--soft)!important}.feedback{font-size:14px;margin:15px 0 0;min-height:5px}.correct{color:#346247}.wrong{color:#93522e}.build-output{min-height:55px;font-size:28px;border-bottom:1px dashed #c4ccb9}.build-tools{display:flex;gap:12px;margin-top:15px}.build-tools button{font-size:13px;padding:7px 12px}.recall{background:var(--soft);padding:28px;border-radius:16px;margin:35px 0}.recall h2{font-size:25px}#recall-answer>p[lang=ko]{font-size:25px;margin-top:20px}.lessonnav{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:25px}.lessonnav>a{font-size:14px}footer{margin-top:65px;border-top:1px solid var(--line);padding:40px 5%;display:grid;grid-template-columns:1fr 1fr;gap:40px;font-size:13px;color:var(--muted)}footer strong{font-size:22px;color:var(--ink)}footer a{font-size:13px}.backup{display:flex;flex-wrap:wrap;gap:8px}.backup button{font-size:12px}.statusbar{background:#f1dfb4;padding:12px 5%;font-size:14px}.prose{max-width:850px}.prose h2{margin-top:35px}.prose p{font-size:16px}[hidden]{display:none!important}html{scroll-padding-top:110px}button{white-space:normal}img{max-width:100%}
@media(max-width:800px){header{flex-wrap:wrap;gap:8px;padding:8px 5%}header img{width:140px;height:50px}nav{gap:15px;order:3;flex-basis:100%}nav a{font-size:12px}.language{font-size:10px;padding:5px 10px}.hero{grid-template-columns:1fr;gap:35px;padding:40px 6% 55px}.hero h1{font-size:43px}.lead{font-size:18px}.sentence-art{padding:25px;margin:0 12px 0 0;max-width:500px}.sentence-art>div{font-size:30px}.cards{grid-template-columns:1fr}.sectionhead{align-items:start;flex-direction:column;gap:0}.learning-layout{display:block;padding:25px 5%}.learning-layout aside{position:static;margin-bottom:30px}.learning-layout aside .course-list{display:flex;overflow:auto;padding-bottom:10px}.learning-layout aside .course-list a{min-width:180px;border:1px solid var(--line);font-size:12px}.learning-layout aside .eyebrow{display:none}.back{margin-bottom:12px}.lesson h1{font-size:35px;letter-spacing:-1px}.examples{grid-template-columns:1fr}.question,.recall{padding:20px}.lessonnav{flex-wrap:wrap}.lessonnav .btn{margin-left:auto}.page h1{font-size:38px}footer{grid-template-columns:1fr;gap:25px}.coursecard{padding:23px}.wrap{padding-left:5%;padding-right:5%}.prose{padding-top:30px}.lesson{min-width:0}html{scroll-padding-top:135px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{header,aside,footer,button,.choices,.lessonnav{display:none!important}.learning-layout{display:block}.lesson{max-width:none}}

.lesson-scene{margin:28px 0;max-width:640px}.lesson-scene img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;background:#f3f0e4;border-radius:16px}.lesson-scene figcaption{font-size:11px;color:var(--muted);margin-top:8px}.audio-unit{margin-top:12px}.listen{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%;border:1px solid #bdcbb9;border-radius:30px;background:#eef1e6;color:var(--ink);padding:8px 14px;font-size:13px;min-height:44px}.listen[aria-pressed=true]{background:#dce6d2}.listen span[lang=ko]{font-size:15px}.audio-status{display:block;font-size:12px;color:#8c4d2d}.recall .audio-unit{display:inline-block;margin-right:8px}@media(max-width:800px){.lesson-scene img{max-height:250px}}