/* Learning material readability. The 2026-10-16 user-approved direction supersedes the earlier decorative entry design. */
body{background:#fafaf8;background-image:none;font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color:#20262e;line-height:1.7}
.header-title{font-size:clamp(25px,5vw,34px);line-height:1.35;letter-spacing:-.6px}
.header-script{font-family:inherit;font-size:16px;font-weight:500;transform:none}
.header-sub,.header-tip,.note,.exam p,.source{font-size:15px;line-height:1.8}
.kw1,.kw2,.kw3,.kw4{font-family:inherit}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #0b7059;outline-offset:3px}
.learning-index{margin:0;padding:0;font-size:16px}
.learning-index *{box-sizing:border-box}
.index-wrap{width:min(100% - 40px,1040px);margin-inline:auto}
.site-header{border-bottom:1px solid #d5d9dc;background:#fff}
.site-header .index-wrap{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-block:18px}
.site-name{font-size:18px;font-weight:700;color:#20262e;text-decoration:none}
.hub-nav{display:flex;gap:18px;flex-wrap:wrap}
.hub-nav a{display:inline-flex;align-items:center;min-height:44px;color:#4b5563;text-decoration:none;border-bottom:3px solid transparent}
.hub-nav a[aria-current="page"]{color:#075544;border-color:#075544;font-weight:700}
.hub-nav a:hover{color:#075544;border-bottom-color:#075544}
.intro{padding:34px 0 26px}
.intro h1{font-size:clamp(28px,4vw,38px);line-height:1.3;margin:0 0 5px;letter-spacing:-1px}
.intro p{color:#596574;margin:5px 0}
.intro .subtitle{font-size:18px;margin-bottom:12px}
.chapter-list{list-style:none;padding:0;margin:0;border-top:1px solid #d5d9dc;scroll-margin-top:20px}
.chapter{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid #d5d9dc}
.chapter-number{color:#075544;font-size:21px;font-weight:600;font-variant-numeric:tabular-nums}
.chapter-name h2{font-size:19px;font-weight:700;margin:0;line-height:1.45;overflow-wrap:anywhere}
.chapter-name p{font-size:14px;color:#596574;margin:2px 0 0;overflow-wrap:anywhere}
.chapter-actions{display:flex;gap:8px}
.action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:56px;padding:6px 15px;border:1px solid #aab3bc;border-radius:5px;background:#fff;color:#075544;font-weight:600;text-decoration:none;white-space:nowrap}
.action:hover{background:#edf5f1;border-color:#075544}
.action:active{background:#dcece4}
.study-guide,footer.index-wrap{font-size:14px;color:#596574;padding-block:16px}
.skip-link{position:absolute;left:12px;top:-100px;background:#fff;padding:8px;z-index:10}
.skip-link:focus{top:8px}
@media(max-width:600px){.index-wrap{width:calc(100% - 32px)}.site-header .index-wrap{display:block;padding-block:12px}.hub-nav{gap:12px;margin-top:10px;font-size:14px}.intro{padding:24px 0}.chapter{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:16px 0}.chapter-actions{grid-column:2;justify-self:start}.chapter-name h2{font-size:18px}.action{padding-inline:15px}.chapter-number{align-self:start}.header-title{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
body:not(.learning-index){padding-bottom:96px}
.learning-nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}