@font-face{font-family:Wanted;src:url('fonts/WantedSansVariable.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f5f5f1;color:#11121b;font-family:Wanted,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button,.button{min-height:48px;border:1px solid #11121b;border-radius:0;background:transparent;padding:12px 22px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:14px}button:hover,.button:hover{background:#e5ebff}button:disabled{opacity:.35;cursor:default}.primary{background:#2458f5;color:white;border-color:#2458f5}.primary:hover{background:#1744c9}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2458f5;outline-offset:5px}.skip{position:absolute;left:20px;top:-80px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}.topbar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4vw;border-bottom:1px solid #dadbd7;background:#f5f5f1}.brand{font-size:17px;font-weight:800;letter-spacing:2px;text-decoration:none;line-height:1.2}.brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:5px;color:#575a64}.topbar nav{display:flex;gap:24px;align-items:center;font-size:14px}.topbar nav a{text-decoration:none}.wrap{max-width:1380px;margin:auto;padding:0 5vw}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#575a64}.blue{color:#2458f5}.hero{padding:78px 0 60px;display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:center}.hero h1{font-size:clamp(46px,5.8vw,84px);line-height:1.09;font-weight:700;letter-spacing:-3px;margin:25px 0 26px}.hero p{font-size:19px;color:#575a64;max-width:490px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.lab-art{height:470px;position:relative;background:#2458f5;overflow:hidden;color:white;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.lab-art:after{content:'';position:absolute;width:380px;height:380px;border:1px solid #9fbcff;border-radius:50%;right:-100px;top:40px}.lab-art .art-title{font-size:clamp(65px,8vw,112px);letter-spacing:-7px;line-height:.95;font-weight:650;z-index:1}.lab-art .art-title span{color:#b8cbff}.lab-art .art-foot{display:flex;justify-content:space-between;border-top:1px solid #7799ff;padding-top:18px;font-size:12px;z-index:1}.art-label{font-size:12px;letter-spacing:2px}.ticker{padding:20px 0;border-top:1px solid #dadbd7;border-bottom:1px solid #dadbd7;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}.section{padding:72px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-title h2{font-size:clamp(30px,4vw,48px);line-height:1.2;margin:10px 0 0;letter-spacing:-1.5px}.muted{color:#575a64}.course-row{display:grid;grid-template-columns:65px 1fr auto;gap:25px;padding:30px 0;border-top:1px solid #dadbd7;align-items:center}.course-row h3{font-size:28px;line-height:1.3;margin:5px 0 10px;letter-spacing:-1px}.course-row p{margin:0;color:#575a64}.course-num{font-size:30px;align-self:start;color:#2458f5}.tag{font-size:11px;padding:4px 9px;display:inline-block;background:#e5ebff;color:#1744c9;letter-spacing:.3px}.tag.gray{background:#e8e8e3;color:#575a64}.four{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dadbd7}.four article{padding:28px 22px 10px 0}.four h3{font-size:30px;margin:0;color:#2458f5;letter-spacing:-1px}.four p{color:#575a64}.download-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}.download-list a{padding:20px 0;border-top:1px solid #dadbd7;text-decoration:none;display:flex;justify-content:space-between}.download-list a:hover{color:#2458f5}.footer{padding:32px 0;border-top:1px solid #dadbd7;font-size:12px;color:#575a64;display:flex;justify-content:space-between;gap:20px}.lesson-head{padding:44px 5vw 25px}.lesson-head h1{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-1.5px;margin:10px 0}.lesson-tools{position:sticky;top:0;z-index:20;padding:12px 5vw;background:#f5f5f1f5;backdrop-filter:blur(10px);border-block:1px solid #dadbd7;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lesson-tools .status{margin-left:auto;font-size:13px}.lesson-layout{display:grid;grid-template-columns:210px 1fr;max-width:1460px;margin:auto;gap:35px;padding:40px 5vw}.toc{position:sticky;top:100px;align-self:start;font-size:13px;max-height:75vh;overflow:auto;padding-bottom:20px}.toc a{display:block;text-decoration:none;color:#575a64;padding:7px 0;border-bottom:1px solid #e4e4dd}.toc a:hover{color:#2458f5}.lesson-content{min-width:0}.slide{background:#fff;margin:0 0 32px;border:1px solid #dadbd7;padding:40px;scroll-margin-top:100px;overflow-wrap:anywhere}.slide h2{font-size:clamp(28px,3vw,42px);letter-spacing:-1.4px;line-height:1.2;margin:15px 0 22px}.slide h3{font-size:19px;margin:25px 0 8px}.slide .meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:#575a64}.lead{font-size:22px;line-height:1.5;color:#2458f5;margin:0 0 25px}.points{padding-left:24px;font-size:19px}.points li{margin:10px 0}.prompt{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:16px;line-height:1.7;background:#f1f4fd;border-left:3px solid #2458f5;padding:20px;margin:20px 0}.copy{font-size:13px;padding:8px 14px;min-height:40px}.detail{margin-top:24px;padding-top:18px;border-top:1px solid #dadbd7;color:#575a64}.task,.outcome{font-size:16px;line-height:1.65;margin-top:18px;padding:15px 18px;background:#f5f5f1}.outcome{background:#eaf0ff;color:#19378d}table{border-collapse:collapse;width:100%;font-size:16px;margin:20px 0}th,td{border-bottom:1px solid #dadbd7;text-align:left;padding:12px;vertical-align:top}th{background:#f1f4fd;font-weight:600}.slide[data-layout=cover]{background:#2458f5;color:white}.slide[data-layout=cover] .lead,.slide[data-layout=cover] .meta{color:#d0deff}.slide[data-layout=cover] .detail{color:#eef3ff;border-color:#7799ff}.slide[data-layout=cover] h2{font-size:clamp(36px,4vw,56px)}.slide[data-layout=cover] .outcome{background:#ffffff20;color:white}.slide .links{font-size:14px;margin-top:24px}.slide figure{margin:20px 0}.slide img{max-width:100%;height:auto}.slide figcaption{font-size:12px;color:#575a64}.notice{padding:20px;border-left:3px solid #2458f5;background:#eaf0ff}.document{max-width:950px;margin:auto;padding:45px 5vw 80px}.document h1{font-size:clamp(35px,4vw,55px);line-height:1.15;letter-spacing:-1.5px}.document h2{margin-top:48px;font-size:27px}.document p,.document li{font-size:17px}.document pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eaf0ff;padding:20px}.document textarea{display:block;width:100%;min-height:95px;padding:15px;background:white;border:1px solid #aaa;margin:10px 0 25px}.document label{display:block;font-weight:600}.check{display:flex!important;gap:12px;font-weight:400!important;margin:14px 0;align-items:flex-start}.check input{width:20px;height:20px;margin-top:4px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#11121b;color:white;padding:12px 22px;z-index:60;max-width:90vw}.toast:empty{display:none}.presenting .topbar,.presenting .lesson-head,.presenting .toc{display:none}.presenting .lesson-layout{display:block;padding:20px;max-width:1320px}.presenting .slide{display:none;aspect-ratio:16/9;max-height:calc(100vh - 115px);overflow:auto;padding:clamp(25px,4vw,55px);margin:0 auto}.presenting .slide.active{display:block}.presenting .detail,.presenting .copy,.presenting .links{display:none}.presenting .slide h2{font-size:clamp(28px,4vw,52px)}.presenting .points{font-size:clamp(17px,2.2vw,27px)}.presenting .prompt{font-size:clamp(15px,1.55vw,21px)}.presenting .slide .task{font-size:18px}.presenting{background:#dadbd7}.presenting .lesson-tools{background:#f5f5f1}.presenting .slide img{max-height:300px;width:auto}.presenting .slide figure{float:right;max-width:44%;margin:0 0 10px 20px}body:fullscreen{overflow:auto}details{border-top:1px solid #dadbd7;padding:20px 0}summary{cursor:pointer;font-weight:600}code{overflow-wrap:anywhere} @media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:45px}.hero h1{letter-spacing:-2px}.lab-art{height:350px}.topbar nav{gap:15px;font-size:12px}.topbar nav .hide-small{display:none}.section{padding:50px 0}.four{grid-template-columns:repeat(2,1fr)}.course-row{grid-template-columns:40px 1fr;gap:15px}.course-row>.actions{grid-column:2;margin-top:5px}.course-row h3{font-size:24px}.download-list{grid-template-columns:1fr}.section-title{display:block}.lesson-layout{display:block;padding:20px}.toc{position:static;max-height:160px;margin-bottom:25px}.slide{padding:24px}.lesson-tools{padding:10px 20px}.lesson-tools button{padding:8px 12px;font-size:13px}.lesson-tools .status{width:100%;margin:0}.footer{flex-direction:column}.document{padding:25px 22px 60px}.presenting .slide{aspect-ratio:auto;min-height:70vh;max-height:none}.presenting .slide figure{float:none;max-width:100%}table{font-size:14px}th,td{padding:8px}.slide .meta{letter-spacing:.4px}.lead{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media print{.topbar,.lesson-tools,.toc,.copy,.toast,.footer,.no-print{display:none!important}.lesson-layout{display:block;padding:0}.slide{break-inside:avoid;box-shadow:none;margin:0 0 20px;padding:25px}.lesson-head{padding:0}.document{max-width:none;padding:0}body{background:white}.detail{display:block!important}textarea{border:1px solid #aaa}.presenting .slide{display:block;aspect-ratio:auto;max-height:none}@page{size:A4;margin:15mm}}

.hero .eyebrow{font-size:12px;letter-spacing:2px}
@media screen and (min-width:801px){.presenting .lesson-content{container-type:inline-size;width:min(1280px,calc((100vh - 115px)*16/9));margin:auto}.presenting .slide{position:relative;width:100%;max-height:none;aspect-ratio:16/9;padding:3.125cqw 4.063cqw 9.375cqw;overflow:auto}.presenting .slide h2,.presenting .slide[data-layout=cover] h2{font-size:3.36cqw;line-height:1.13;margin:1.4cqw 0;letter-spacing:-.1cqw}.presenting .slide[data-layout=cover] h2{font-size:4.6875cqw}.presenting .slide .meta{font-size:.9375cqw}.presenting .slide .lead{font-size:1.8cqw;margin:1.4cqw 0;line-height:1.5}.presenting .slide .points{font-size:1.875cqw;margin:1.56cqw 0;line-height:1.6}.presenting .slide .points li{margin:.625cqw 0}.presenting .slide .prompt{font-size:1.484cqw;line-height:1.55;padding:1.25cqw;margin:1.4cqw 0}.presenting .slide table{font-size:1.484cqw;line-height:1.4;margin:1.4cqw 0}.presenting .slide th,.presenting .slide td{padding:.781cqw .9375cqw}.presenting .slide .task{position:absolute;bottom:4.766cqw;left:4.063cqw;right:4.063cqw;font-size:1.328cqw;line-height:1.5;padding:.781cqw 1.25cqw;margin:0}.presenting .slide .task br{display:none}.presenting .slide .task strong{margin-right:1.17cqw}.presenting .slide .outcome{position:absolute;bottom:1.406cqw;left:4.063cqw;right:4.063cqw;font-size:1.172cqw;padding:.703cqw 1.25cqw;margin:0}}
@media(max-width:420px){.topbar{gap:10px}.brand{font-size:14px;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:2px}.topbar nav{gap:12px;white-space:nowrap}}

.library-logout{padding:8px 12px;min-height:40px;font-size:14px}.topbar nav{flex-wrap:wrap;gap:14px}@media print{.library-logout{display:none}}