@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
@font-face{font-family:AIACubeMotto;src:local("Pretendard Regular"),local("Pretendard"),url("fonts/pretendard-motto.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#f7f5ed;--ink:#243f35;--line:#dddcd1;--gold:#92743c}
.literacy-header{display:block;padding:0;background:var(--paper);border-bottom:1px solid var(--line)}
.literacy-header-inner{max-width:1440px;margin:auto;padding:16px 4%;display:flex;align-items:center;gap:32px}
.literacy-brand{display:flex;align-items:center;gap:0;flex:none;color:var(--ink);text-decoration:none}
.literacy-lockup{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:500;letter-spacing:-1px;white-space:nowrap}
.literacy-lockup img{object-fit:contain;flex:none}.service-name{font-size:22px;border-left:1px solid var(--line);padding-left:12px;margin-left:3px}
.literacy-motto{font-family:AIACubeMotto,Pretendard,"Malgun Gothic",sans-serif;font-size:13px;letter-spacing:0;margin-left:47px}
.literacy-menu{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 22px;margin-left:auto;font-size:14px;line-height:1.7}
.literacy-menu>a,.literacy-menu>strong,.literacy-menu>span{padding:5px 0;word-break:keep-all}.literacy-menu a{text-decoration:none}.literacy-menu strong{font-weight:800;border-bottom:2px solid var(--ink)}.literacy-menu span{color:var(--muted)}
.learning-tools{max-width:1440px;margin:auto;padding:14px 4% 0;display:flex;justify-content:flex-end}.learning-tools button{background:transparent;border-radius:5px}
main{max-width:1440px;padding:24px 4% 80px}
.hero{position:relative;isolation:isolate;min-height:640px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:start;padding:62px 42px 48px;background:#f7f5ed url('../images/AiaCubeLiteracy.png') center center/cover no-repeat;border-radius:3px;overflow:hidden}
.hero>div:first-child{max-width:590px}.hero .eyebrow{font-size:11px;letter-spacing:1.7px;color:#6b5735;margin-bottom:24px}.hero h1{font-size:clamp(36px,3.5vw,50px);line-height:1.48;letter-spacing:-2px;margin-bottom:24px}.hero p{font-size:16px;line-height:1.85;max-width:450px}.hero-intro-title{font-size:18px;margin-bottom:8px}.hero .actions{margin-top:24px}.hero .actions button{border-radius:4px;padding:14px 19px}.hero .stats{max-width:360px;margin-top:28px;padding-top:20px;border-color:#aeb9aa;gap:30px}.hero .stats strong{font-size:25px;margin-bottom:5px}
.hero .cover{font-family:AIACubeMotto,Pretendard,"Malgun Gothic",sans-serif;background:none;border:0;border-radius:0;box-shadow:none;color:#243f35;min-height:0;overflow:visible;text-align:right;padding:0 0 0 12px;text-shadow:0 1px 12px #fff9eb}
.hero .cover:after{display:none}.hero .cover small{font-size:11px;letter-spacing:2px;color:#3c5546}.hero .cover h2{font-family:inherit;font-size:38px;line-height:1.25;font-weight:400;margin:18px 0 16px;letter-spacing:-1.5px}.hero .cover .edition{border:0;margin:0;padding:0;font-size:16px}.hero .cover p{font-size:13px;margin:12px 0 0 auto;max-width:310px;line-height:1.7}
.section-head{margin-top:46px}.literacy-brand:focus-visible{outline:3px solid var(--gold);outline-offset:6px}
body[data-theme=night] .hero{color:#243f35}body[data-theme=night] .hero .stats{color:#243f35}body[data-theme=night] .hero .actions button:not(.primary){background:#f7f5ed;color:#243f35}
@media(max-width:1100px){.literacy-header-inner{flex-wrap:wrap;gap:18px}.literacy-menu{width:100%;justify-content:flex-start;margin:0;gap:8px 22px}.hero{padding:42px 28px;gap:20px;min-height:620px}.hero h1{font-size:38px}.hero .cover h2{font-size:32px}.hero .cover p{max-width:220px}}
@media(max-width:760px){.literacy-header-inner{padding:18px 20px}.literacy-lockup{font-size:24px}.literacy-lockup img{width:32px;height:32px}.service-name{font-size:21px}.literacy-motto{margin-left:42px;font-size:12px}.literacy-menu{gap:5px 16px;font-size:13px}.literacy-menu>span{padding:2px 0}.learning-tools{padding:12px 16px 0}main{padding:18px 16px 45px}.hero{display:block;padding:32px 22px 0;background-size:auto 360px;background-position:right bottom;min-height:0}.hero h1{font-size:34px;letter-spacing:-1.5px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.hero p{font-size:15px}.hero-intro-title{font-size:16px}.hero .actions{gap:9px}.hero .actions button{font-size:14px;padding:11px 13px}.hero .stats{gap:24px;font-size:12px;margin-bottom:30px}.hero .stats strong{font-size:23px}.hero .cover{min-height:360px;padding:20px 0 0;text-align:left}.hero .cover h2{font-size:28px;margin:13px 0}.hero .cover p{margin:10px 0 0;max-width:240px;font-size:12px}.hero .cover small{font-size:9px;letter-spacing:1.4px}.hero .cover .edition{font-size:14px}.section-head{margin-top:32px}.section-head h2{font-size:24px}}
@media print{.learning-tools{display:none}}
@media(min-width:761px){.hero .cover{position:relative;top:-30px}.hero .cover h2{font-size:34px;line-height:1.15;margin:12px 0}.hero .cover p{margin-top:8px}.hero-intro>span{word-break:keep-all}}
@media(max-width:760px){.hero .cover{min-height:430px}.hero .cover h2{font-size:26px;line-height:1.15;margin:10px 0}.hero .cover p{margin-top:8px}.hero-intro>span{word-break:keep-all}}
@media(min-width:761px){.hero .cover{text-align:left;padding-left:24px}.hero .cover p{margin-left:0;max-width:280px}}

.literacy-header{font-family:'Noto Sans KR',sans-serif}.hero h1{font-family:'Noto Serif KR',serif;font-weight:500}
@media(min-width:761px){.hero .cover{top:-42px}.hero .cover p{max-width:230px}}
.hero .cover{text-shadow:0 1px 2px #fff9eb,0 0 7px #fff9eb}
.hero .cover p{word-break:keep-all}
@font-face{font-family:Pretendard;src:local("Pretendard Regular"),local("Pretendard"),url("fonts/pretendard-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
.hero .cover{font-family:Pretendard,"Malgun Gothic",sans-serif}

/* Separate site and course home links in the brand lockup. */
.literacy-main-link{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.literacy-lockup>a.service-name{color:inherit;text-decoration:none}

/* Keep the brand and service navigation centered on the same header row. */
.literacy-lockup{line-height:1.3}.literacy-header-inner>.literacy-brand,.literacy-header-inner>.literacy-menu{align-self:center}

/* Lesson excerpts and full library editions */
.lesson-reading .excerpt-link{display:inline-block;text-decoration:none;padding:.75em 1em;border-radius:9px;background:var(--accent,#254f46);color:#fff;font-weight:700;line-height:1.5}
.lesson-reading>small{display:block;margin-top:12px;line-height:1.7}
.full-book-links{margin-top:24px;padding-top:18px;border-top:1px solid #d7d6ca}
.full-book-links h4{margin:0 0 12px;font-size:1rem}
.full-book-links a{display:block;margin:10px 0;font-weight:600;overflow-wrap:anywhere}
.full-book-links small{display:block;line-height:1.7}
.reading-notice{font-size:.9rem;line-height:1.7;color:#57615c}
.reader-shell details{margin:16px 0;overflow-wrap:anywhere}
.book-text p{white-space:pre-line}