:root{--ink:#2B2420;--moss:#557765;--cream:#f7f8f2;--light:#ffffff;--line:#dfe7df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Pretendard Variable","Noto Sans KR",system-ui,-apple-system,sans-serif;line-height:1.75}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #70a88a;outline-offset:4px}.w{width:min(1050px,calc(100% - 36px));margin:auto}.nav{border-bottom:1px solid #e0e9df;background:#f7f8f5f2;position:sticky;top:0;backdrop-filter:blur(12px);z-index:10}.nav .w{display:flex;justify-content:space-between;align-items:center;min-height:65px;gap:16px}.brand{font-weight:900;font-size:25px;letter-spacing:-1px;text-decoration:none}.brand small{font-size:10px;display:block;letter-spacing:2px;line-height:1}.nav-links{display:flex;gap:16px;flex-wrap:wrap}.nav-links a{font-size:13px;font-weight:750;text-decoration:none}.crumb{font-size:12px;color:#5c7768;margin:22px 0 10px}.crumb a{text-decoration:none}.hero{display:grid;grid-template-columns:1.4fr .82fr;gap:20px;align-items:center;padding:28px 0 18px}.hero .tag{display:inline-flex;background:#edf3ec;padding:5px 13px;border-radius:50px;font-size:12px;color:#4b7162;font-weight:800}.hero h1{font-size:clamp(32px,4.7vw,58px);line-height:1.23;margin:18px 0 10px;letter-spacing:-2px;word-break:keep-all}.sub{font-size:clamp(16px,1.6vw,19px);color:#4b6d5e;margin:0}.lead{max-width:650px;color:#527367;word-break:keep-all}.character{background:radial-gradient(circle,#fff 9%,var(--tint) 74%);border-radius:36px;box-shadow:0 13px 32px #294d2c12;padding:18px;text-align:center}.character img{width:min(100%,290px);height:auto;aspect-ratio:1/1;object-fit:contain;filter:drop-shadow(0 15px 9px #284a2922)}.char-caption{font-size:12px;color:#587061;font-weight:800}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}.btn{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;padding:12px 18px;border-radius:13px;font-weight:800;font-size:14px;min-height:44px}.btn.primary{background:#4E8C6C;color:white}.btn.soft{background:#e7efe8;color:#3F7A5C}.stack{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:27px;margin:28px auto 45px}.paper{background:white;border:1px solid #e3eae2;border-radius:24px;padding:clamp(22px,3vw,36px);box-shadow:0 10px 30px #294d2c08;margin-bottom:18px}.paper h2{font-size:23px;letter-spacing:-.6px;line-height:1.3;margin:0 0 14px}.paper h3{font-size:17px;letter-spacing:-.4px}.paper p{margin:0 0 14px;word-break:keep-all}.answer{border-left:5px solid var(--accent);background:var(--tint);padding:20px;border-radius:4px 15px 15px 4px;font-weight:650}.qa{border-bottom:1px solid #e6eee7;padding:14px 0}.qa:last-child{border-bottom:0}.qa h3{margin:0 0 7px}.qa p{font-size:14px;color:#50695e}.checklist{padding-left:24px}.checklist li{margin:9px 0}.aside{position:sticky;top:91px;align-self:start;min-width:0}.aside .paper{padding:24px}.aside a{display:block;text-decoration:none;padding:7px 0;font-weight:750;font-size:13px}.aside a:hover{text-decoration:underline}.muted{font-size:12px;color:#738479}.sources a{display:block;color:#3F7A5C;font-weight:650;font-size:13px;margin:7px 0;overflow-wrap:anywhere}.note{padding:16px;background:#fff7e7;color:#806138;border-radius:12px;font-size:13px}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.related a{display:flex;gap:12px;align-items:center;background:#f4f8f2;padding:12px;border-radius:13px;text-decoration:none;font-weight:850}.related img{width:49px;height:49px;border-radius:10px}.footer{background:#3F7A5C;color:#e0eee4;padding:30px 0}.footer p{font-size:12px;opacity:.87}.footer a{color:inherit}.mini{font-size:12px}.skip{position:absolute;top:-90px;left:12px;background:white}.skip:focus{top:10px;z-index:20}@media(max-width:800px){.stack{grid-template-columns:1fr}.aside{position:static}.hero{grid-template-columns:1.1fr .9fr}.hero h1{font-size:32px}.related{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.hero{grid-template-columns:1fr}.hero .character{max-width:270px;margin:auto}.nav-links{gap:9px}.nav-links a{font-size:11px}.related{grid-template-columns:1fr}.w{width:min(1050px,calc(100% - 28px))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* v4: younger type + orange accents */
body{font-family:'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}
h1,h2,h3,.logotype,.footer-brand small{font-family:'Jua','Pretendard',sans-serif!important;font-weight:400!important;letter-spacing:-.5px!important}
h1 em,h2 em,h3 em,.accent-type,.serif{font-family:'Jua','Pretendard',sans-serif!important;font-style:normal!important;font-weight:400!important;color:#3F7A5C!important}
.button-dark,.nav-pill,.btn.primary,.filter.active{border:2px solid #3A6F54!important;font-weight:800}
.legal-disclaimer{flex-basis:100%;width:100%;margin-top:14px!important;padding:14px 16px;border:1px solid rgba(255,255,255,.45);border-radius:12px;background:rgba(0,0,0,.12);font-size:11.5px;line-height:1.8;color:#F4FAF6!important;opacity:1!important;word-break:keep-all}
.legal-disclaimer strong{display:block;margin-bottom:4px;font-size:12.5px;color:#fff}

/* v8: same logo as main home */
.hlogo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#4E8C6C;font-family:'Jua','Pretendard',sans-serif;letter-spacing:-.5px}
.hlogo-mark{font-family:Georgia,serif;font-size:39px;font-weight:900;line-height:.85;letter-spacing:-7px;position:relative}
.hlogo-dot{color:#b9ce74;font-size:37px}
.hlogo-letter{display:flex;flex-direction:column;line-height:.95;font-size:21px}
.hlogo-letter small{font:750 8px system-ui;letter-spacing:2.4px;margin-top:7px;color:#81a087}
@media(max-width:520px){.hlogo-mark{font-size:32px}.hlogo-letter{font-size:18px}}
.updated{font-size:12px;color:#5c7768;margin:-4px 0 6px}