*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8f7;color:#213b4b;font:17px/1.78 "Noto Sans", "Noto Sans CJK KR", "Malgun Gothic", "Yu Gothic", system-ui,sans-serif;overflow-wrap:anywhere}a{color:#006f69;text-underline-offset:.22em}a:hover{color:#094b70}a:focus-visible{outline:3px solid #bd7900;outline-offset:4px;border-radius:3px}.skip{position:absolute;left:12px;top:-60px;background:white;padding:8px;z-index:9}.skip:focus{top:12px}.site-header{max-width:1100px;margin:auto;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #d5e2e1;font-size:14px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;font-weight:700;font-size:18px;color:#123d50}.brand img{object-fit:contain}.languages{max-width:1100px;margin:auto;display:flex;gap:8px;flex-wrap:wrap;padding:12px 28px;font-size:13px}.languages a{min-height:44px;display:flex;align-items:center;padding:0 12px;border-radius:9px;text-decoration:none}.languages a[aria-current]{background:#006f69;color:#fff}main{max-width:1030px;margin:0 auto;padding:22px 28px 48px}.hero{padding:22px 0 26px;max-width:820px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.1em;color:#477b78;font-weight:700;margin:0 0 10px}h1{font-size:clamp(25px,3.8vw,39px);line-height:1.35;letter-spacing:-.025em;margin:0 0 20px;color:#173a4b}h2{font-size:22px;line-height:1.45;letter-spacing:-.015em;margin:0 0 14px}h3{font-size:18px;line-height:1.5;margin:20px 0 10px}p{margin:0 0 16px}.lead{font-size:18px;line-height:1.7;color:#415f68}.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;background:#006e66;color:#fff;text-decoration:none;border-radius:9px;font-size:14px;font-weight:700}.button:hover{background:#085951;color:#fff}.button.secondary{background:#e7efed;color:#235353}.reading{max-width:760px}.reading>section{padding:28px 0;border-top:1px solid #d5e2e1}.reading section section{padding:8px 0}.reading li{margin-bottom:10px}.reading ul,.reading ol{padding-left:25px}.key,.aha,.contact{background:#edf2e9;border-radius:12px;padding:22px!important;margin:18px 0}.key li::marker{color:#08796f}.aha{background:#fff4cd;border-left:4px solid #d6b753}.aha strong{font-size:14px;color:#716323}.aha p{margin:8px 0 0}.contact{max-width:820px;font-size:15px}.contact h2{font-size:20px}.contact p:last-child{font-size:13px;color:#54706f}.level{border-left:3px solid #a6c9c0;padding-left:18px!important;margin:20px 0}.contents{display:flex;flex-wrap:wrap;gap:4px 17px;padding:16px 0;margin-bottom:20px;border-top:1px solid #d5e2e1;border-bottom:1px solid #d5e2e1;font-size:14px}.contents a{min-height:44px;display:flex;align-items:center}.breadcrumb{font-size:14px}.sources{font-size:14px;line-height:1.65}.sources a{font-weight:600}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lesson-card{background:white;border:1px solid #d5e2e1;border-radius:12px;padding:23px}.lesson-card h2{font-size:20px}.lesson-card p{font-size:15px;margin-bottom:0}.lesson-card .eyebrow{font-size:12px;margin-bottom:8px}dt{font-weight:700;font-size:16px}dd{margin:3px 0 15px;font-size:15px}footer{max-width:1030px;margin:0 auto;padding:28px;border-top:1px solid #d5e2e1;font-size:13px;line-height:1.65;color:#54706f}footer p{margin-bottom:10px}@media(max-width:600px){body{font-size:16px;line-height:1.75}.site-header{padding:14px 18px;gap:12px}.brand{gap:8px;font-size:15px}.brand img{width:92px;height:36px}.site-header>a:last-child{font-size:12px}.languages{padding:8px 12px;gap:3px;font-size:12px}.languages a{padding:0 8px}main{padding:8px 20px 32px}.hero{padding-top:18px}.lead{font-size:16px}h2{font-size:20px}.reading>section{padding:24px 0}.lesson-grid{grid-template-columns:1fr}.lesson-card{padding:18px}.key,.aha,.contact{padding:18px!important}footer{padding:24px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:white;color:#111;font-size:11pt}.site-header,.languages,.button,.contents,.skip{display:none}.reading{max-width:none}main{padding:0;max-width:none}.hero{padding:0}.reading>section{break-inside:auto}.aha,.key,.level{break-inside:avoid}a{color:inherit}footer{font-size:9pt}}
/* v19: public reading pages share the main screen type hierarchy. */
@media screen{
body{font-size:16px;line-height:1.75;letter-spacing:-.005em}
h1{font-size:28px;line-height:1.45;letter-spacing:-.02em;font-weight:700;margin-bottom:16px}
h2,.contact h2{font-size:20px;line-height:1.45;font-weight:700}
h3{font-size:17px;line-height:1.5;font-weight:700}
.lead{font-size:16px;line-height:1.75}
.lesson-card h2{font-size:17px}.lesson-card p,.contact{font-size:15px;line-height:1.7}
.sources,.breadcrumb,.contents,footer{font-size:13px;line-height:1.65}
.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.04em}
.reading{max-width:720px}.reading>section{padding:22px 0}.reading li{margin-bottom:8px}
dt,dd{font-size:15px;line-height:1.7}
@media(max-width:760px){h1{font-size:24px}h2,.contact h2{font-size:18px}h3,.lesson-card h2{font-size:16px}}
}