:root{--ink:#17221d;--muted:#5a665f;--paper:#f4f1e9;--surface:#fffdf7;--white:#fff;--line:#d7d4ca;--green:#185c43;--green-dark:#0f4531;--green-soft:#dcece3;--red:#b44835;--yellow:#f0c95c;--blue:#315f7c;--shadow:0 18px 55px rgba(31,44,37,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:radial-gradient(circle at 10% 0,rgba(240,201,92,.16),transparent 29rem),var(--paper);color:var(--ink);font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Yu Gothic",sans-serif;font-size:16px;line-height:1.7}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid rgba(49,95,124,.45);outline-offset:4px}.site-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:76px;padding:12px max(20px,calc((100vw - 1160px)/2));border-bottom:1px solid rgba(215,212,202,.86);background:rgba(244,241,233,.93);backdrop-filter:blur(16px)}.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.site-brand span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--ink);color:#fff;font-family:"Yu Mincho",serif;font-size:20px}.site-brand strong{font-size:18px;letter-spacing:-.03em}.site-header nav{display:flex;justify-content:center;gap:22px}.site-header nav a{color:var(--muted);font-size:13px;font-weight:800;text-decoration:none}.site-header nav a:hover{color:var(--green)}.study-link{display:inline-flex;min-height:44px;align-items:center;padding:0 15px;border-radius:12px;background:var(--green);color:#fff;font-size:13px;font-weight:900;text-decoration:none}main{width:min(1160px,100%);margin:auto;padding:0 24px}.eyebrow{margin:0 0 9px;color:var(--red);font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.home-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;min-height:680px;padding:72px 0}.home-hero h1,.level-hero h1{margin:0;font-size:clamp(48px,7vw,86px);line-height:1.03;letter-spacing:-.065em}.home-hero>div>p:last-of-type,.level-hero>div>p:last-child{max-width:620px;margin:24px 0 0;color:var(--muted);font-size:18px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.primary-cta,.secondary-cta{display:inline-flex;min-height:52px;align-items:center;justify-content:center;border-radius:14px;padding:0 20px;font-size:14px;font-weight:900;text-decoration:none}.primary-cta{background:var(--green);color:#fff}.primary-cta:hover{background:var(--green-dark)}.secondary-cta{border:1px solid var(--line);background:rgba(255,255,255,.7)}.hero-stack{position:relative;display:grid;min-height:490px;align-items:center}.hero-stack .lesson-card{position:absolute;width:min(420px,100%);box-shadow:var(--shadow)}.hero-stack .lesson-card:nth-child(1){top:0;left:0;transform:rotate(-3deg)}.hero-stack .lesson-card:nth-child(2){top:95px;right:0;transform:rotate(2deg)}.hero-stack .lesson-card:nth-child(3){right:25px;bottom:40px;transform:rotate(-1deg)}.hero-stack .lesson-card:nth-child(4){bottom:0;left:8px;transform:rotate(2deg)}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 110px;border:1px solid var(--line);border-radius:20px;background:var(--ink);color:#fff;box-shadow:var(--shadow)}.value-strip div{padding:25px 30px;border-right:1px solid #3a4841}.value-strip div:last-child{border-right:0}.value-strip strong,.value-strip span{display:block}.value-strip strong{font-size:22px}.value-strip span{color:#bdc9c2;font-size:13px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-title h2,.editorial-grid h2,.study-method h2,.faq-section h2,.how-section h2,.source-note h2{margin:0;font-size:clamp(32px,5vw,56px);line-height:1.12;letter-spacing:-.05em}.section-title>p{max-width:500px;margin:0;color:var(--muted);line-height:1.75}.levels-section,.how-section,.faq-section,.lesson-section,.study-method{padding:80px 0}.level-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.level-links>a{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;min-height:190px;padding:28px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none}.level-links>a:nth-child(2n){border-right:0}.level-links>a:hover{background:rgba(255,255,255,.55)}.level-links>a>span{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:var(--green-soft);color:var(--green-dark);font-size:18px;font-weight:950}.level-links h3{margin:0 0 7px;font-size:20px}.level-links p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.level-links b{color:var(--green);font-size:12px;white-space:nowrap}.editorial-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;margin:80px 0;padding:64px;border-radius:28px;background:var(--ink);color:#fff}.editorial-grid.home{margin-block:40px 100px}.editorial-grid p:not(.eyebrow){color:#c4cec8}.editorial-grid ol{display:grid;gap:12px;margin:0;padding:0;counter-reset:item;list-style:none}.editorial-grid li{position:relative;padding:16px 18px 16px 54px;border:1px solid #405047;border-radius:14px;background:#213028}.editorial-grid li:before{position:absolute;left:17px;content:counter(item,decimal-leading-zero);counter-increment:item;color:var(--yellow);font-weight:900}.how-grid,.study-method>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.how-grid article,.study-method article{padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.how-grid span,.study-method b{color:var(--red);font-size:12px;font-weight:900}.how-grid h3,.study-method h3{margin:14px 0 7px;font-size:19px}.how-grid p,.study-method article p{margin:0;color:var(--muted);font-size:14px}.faq-section{width:min(820px,100%);margin:auto}.faq-section h2{margin-bottom:30px}.faq-section details{border-top:1px solid var(--line)}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{padding:20px 2px;font-size:17px;font-weight:850;cursor:pointer}.faq-section details p{margin:0 0 22px;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;gap:40px;width:min(1160px,calc(100% - 48px));margin:100px auto 0;padding:32px 0 54px;border-top:1px solid var(--line)}.site-footer strong{font-size:18px}.site-footer p{max-width:560px;margin:6px 0 0;color:var(--muted);font-size:12px}.site-footer nav{display:flex;flex-wrap:wrap;align-content:flex-start;gap:16px}.site-footer a{color:var(--muted);font-size:12px;font-weight:800}.level-hero{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:94px 0 52px}.level-hero h1{max-width:850px;font-size:clamp(44px,7vw,76px)}.level-hero aside{display:flex;min-width:190px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.level-hero aside span,.level-hero aside small{color:var(--muted);font-size:11px}.level-hero aside strong{font-size:44px;line-height:1.2}.breadcrumbs{display:flex;gap:9px;align-items:center;padding:14px 0 44px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.breadcrumbs a{font-weight:800}.breadcrumbs strong{color:var(--ink)}.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lesson-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.lesson-card h3{margin:0;font-family:"Yu Mincho","Noto Serif JP",serif;font-size:30px;line-height:1.45}.lesson-card ruby rt{color:var(--green);font-family:"Yu Gothic","Noto Sans JP",sans-serif;font-size:.34em;font-weight:700}.lesson-card .meaning{margin:5px 0 18px;color:var(--green-dark);font-weight:850}.example{padding:15px;border-left:4px solid var(--green);border-radius:0 12px 12px 0;background:var(--green-soft)}.example>span{color:var(--green-dark);font-size:10px;font-weight:900}.example>p{margin:6px 0 2px;font-family:"Yu Mincho","Noto Serif JP",serif;font-size:17px;font-weight:700;line-height:1.65}.example>small{display:block;color:var(--muted);font-size:11px}.example>strong{display:block;margin-top:9px;padding-top:9px;border-top:1px solid rgba(24,92,67,.18);font-size:13px}.study-method{text-align:center}.study-method>div{margin:30px 0}.study-method article{text-align:left}.source-note{margin:50px 0 100px;padding:28px;border:1px solid var(--line);border-left:6px solid var(--blue);border-radius:0 18px 18px 0;background:#e7eef2}.source-note h2{font-size:25px}.source-note p{color:#465d6b}.source-note a{color:var(--blue);font-weight:900}.not-found{display:grid;min-height:70dvh;place-content:center;justify-items:center;text-align:center}.not-found>span{color:var(--red);font-size:18px;font-weight:950}.not-found h1{margin:10px 0;font-size:clamp(34px,7vw,66px);letter-spacing:-.05em}.not-found p{max-width:600px;margin:0 0 24px;color:var(--muted)}
@media(max-width:900px){.site-header{grid-template-columns:auto 1fr}.site-header nav{display:none}.study-link{justify-self:end}.home-hero{grid-template-columns:1fr;gap:30px;min-height:auto;padding-top:70px}.hero-stack{min-height:500px}.level-hero{grid-template-columns:1fr}.level-hero aside{display:grid;grid-template-columns:1fr auto;min-width:0}.level-hero aside small{grid-column:1/-1}.editorial-grid{grid-template-columns:1fr;gap:30px;padding:38px}.section-title{align-items:start;flex-direction:column;gap:15px}}
@media(max-width:680px){body{font-size:15px}.site-header{min-height:66px;padding-inline:14px}.site-brand span{width:34px;height:34px}.site-brand strong{font-size:16px}.study-link{min-height:42px;padding-inline:11px;font-size:11px}main{padding-inline:15px}.home-hero{padding-top:52px}.home-hero h1,.level-hero h1{font-size:43px}.home-hero>div>p:last-of-type,.level-hero>div>p:last-child{font-size:16px}.hero-stack{min-height:490px}.hero-stack .lesson-card{width:92%;padding:16px}.hero-stack .lesson-card:nth-child(2){right:0}.hero-stack .lesson-card:nth-child(3){right:0}.value-strip{grid-template-columns:1fr;margin-bottom:60px}.value-strip div{padding:18px 22px;border-right:0;border-bottom:1px solid #3a4841}.value-strip div:last-child{border-bottom:0}.levels-section,.how-section,.faq-section,.lesson-section,.study-method{padding:55px 0}.section-title h2,.editorial-grid h2,.study-method h2,.faq-section h2,.how-section h2{font-size:35px}.level-links{grid-template-columns:1fr}.level-links>a,.level-links>a:nth-child(2n){grid-template-columns:55px 1fr;min-height:160px;padding-inline:8px;border-right:0}.level-links>a>span{width:48px;height:48px;border-radius:14px}.level-links>a>b{grid-column:2}.editorial-grid{margin:45px 0;padding:26px 20px}.how-grid,.study-method>div,.lesson-grid{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column;margin-top:65px}.lesson-card h3{font-size:27px}.level-hero{padding-top:64px}.section-title{margin-bottom:24px}.study-method{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}