@font-face{font-family:"Noto Sans KR";src:url("/fonts/NotoSansKR.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Gowun Batang";src:url("/fonts/GowunBatang-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Gowun Batang";src:url("/fonts/GowunBatang-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Gowun Dodum";src:url("/fonts/GowunDodum-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--canvas:#faf9f6;--surface:#fff;--ink:#202721;--muted:#58645b;--line:#d9e0d7;--accent:#166147;--accent-dark:#0f4834;--focus:#b04b25;--soft:#edf4ee;--content:720px;--wide:1080px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Noto Sans KR",system-ui,sans-serif;font-size:17px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--accent-dark)}
a:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:2px}
img{display:block;max-width:100%;height:auto}
.wrap{width:min(calc(100% - 40px),var(--wide));margin-inline:auto}
.skip-link{position:absolute;left:20px;top:-100px;z-index:10;padding:9px 14px;background:var(--ink);color:#fff}.skip-link:focus{top:10px}
.site-header{border-bottom:1px solid var(--line);background:var(--surface)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}
.wordmark{font-size:23px;line-height:1.2;font-weight:750;letter-spacing:-.025em;color:var(--ink);text-decoration:none}.wordmark-dot{color:var(--accent)}
.site-header nav{display:flex;gap:25px}.site-header nav a{font-size:14px;font-weight:650;color:var(--ink);text-decoration:none}.site-header nav a:hover{text-decoration:underline}
.site-main{min-height:calc(100vh - 158px)}
.eyebrow{margin:0 0 16px;font-size:12px;line-height:1.5;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.intro{padding-block:92px 72px}.intro h1{max-width:800px;margin:0;font-size:clamp(36px,6vw,64px);line-height:1.22;letter-spacing:-.035em;word-break:keep-all}.intro-copy{margin:22px 0 0;color:var(--muted);font-size:19px;line-height:1.65}
.post-section{padding-bottom:108px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:15px}.section-heading h2{margin:0;font-size:23px;line-height:1.4;letter-spacing:-.02em}.section-heading a{font-size:14px;font-weight:650;text-decoration:none}
.post-list{display:grid;gap:0}.post-card{display:grid;grid-template-columns:minmax(0,1fr) 185px;align-items:center;gap:26px;padding:29px 0;border-bottom:1px solid var(--line)}.post-card time{display:block;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.post-card h3{margin:8px 0 7px;font-size:25px;line-height:1.4;letter-spacing:-.025em}.post-card h3 a{color:var(--ink);text-decoration:none}.post-card h3 a:hover{color:var(--accent)}.post-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.post-card-media{overflow:hidden;border-radius:10px;aspect-ratio:4/3}.post-card-media img{width:100%;height:100%;object-fit:cover}.empty-state{margin-top:24px;padding:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted)}.empty-state p{margin:0}.empty-state p+p{margin-top:5px}
.page-heading{padding-block:72px 54px;border-bottom:1px solid var(--line)}.page-heading h1{margin:0;font-size:clamp(36px,5vw,54px);line-height:1.25;letter-spacing:-.03em}.page-heading>p:last-child{margin:12px 0 0;color:var(--muted)}
.article{padding-top:72px;padding-bottom:100px}.article-header,.prose,.article-footer{max-width:var(--content);margin-inline:auto}.article-header h1{margin:0;font-size:clamp(36px,5.5vw,57px);line-height:1.27;letter-spacing:-.035em}.article-lead{font-size:19px;line-height:1.7;color:var(--muted);margin:22px 0 0}.article-meta{display:flex;gap:8px;color:var(--muted);font-size:14px;margin-top:24px}.article-cover{margin:40px 0 0}.article-cover img{width:100%;border-radius:10px}.prose{margin-top:52px;font-size:18px;line-height:1.95}.prose>*:first-child{margin-top:0}.prose p{margin:0 0 1.65em}.prose h2,.prose h3{line-height:1.4;letter-spacing:-.02em;scroll-margin-top:25px}.prose h2{font-size:29px;margin:2.2em 0 .8em}.prose h3{font-size:23px;margin:1.9em 0 .7em}.prose ul,.prose ol{padding-left:1.5em;margin:0 0 1.65em}.prose li+li{margin-top:.35em}.prose blockquote{margin:2em 0;padding:8px 22px;border-left:3px solid var(--accent);color:var(--muted);background:var(--soft)}.prose blockquote p:last-child{margin:0}.prose pre{max-width:100%;overflow:auto;background:#1d2923;color:#f4f7f3;padding:20px;border-radius:8px;line-height:1.6;font-size:14px}.prose code{font-family:ui-monospace,monospace;font-size:.87em}.prose :not(pre)>code{padding:.15em .3em;background:var(--soft);border-radius:3px}.prose-figure{margin:2.3em 0}.prose-figure img{width:100%;border-radius:8px}.prose-figure figcaption{margin-top:9px;color:var(--muted);font-size:14px;text-align:center}.article-footer{margin-top:70px;padding-top:20px;border-top:1px solid var(--line);font-size:15px;font-weight:650}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;font-size:14px}.pagination a{font-weight:650}
.not-found{padding-block:110px}.not-found h1{font-size:clamp(32px,5vw,52px);line-height:1.3;margin:0}.not-found p:not(.eyebrow){color:var(--muted)}.button{display:inline-block;margin-top:14px;padding:10px 18px;border-radius:6px;background:var(--accent);color:#fff;text-decoration:none;font-size:15px;font-weight:700}.button:hover{background:var(--accent-dark);color:#fff}
.intro-copy,.post-card p,.page-heading>p:last-child,.article-lead,.prose,.not-found p:not(.eyebrow){font-family:"Gowun Dodum","Noto Sans KR",system-ui,sans-serif}
.intro h1,.section-heading h2,.post-card h3,.page-heading h1,.article-header h1,.prose h2,.prose h3,.not-found h1{font-family:"Gowun Batang","Noto Sans KR",system-ui,sans-serif;letter-spacing:0}
.intro h1,.page-heading h1,.article-header h1,.not-found h1{font-weight:400}
.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;min-height:81px;align-items:center}
@media(max-width:640px){body{font-size:16px}.wrap{width:min(calc(100% - 32px),var(--wide))}.header-inner{min-height:66px}.intro{padding-block:62px 54px}.post-section{padding-bottom:70px}.post-card{grid-template-columns:minmax(0,1fr) 96px;gap:15px;padding:23px 0}.post-card h3{font-size:20px}.post-card p{font-size:14px}.page-heading{padding-block:55px 40px}.article{padding-top:52px}.article-lead{font-size:17px}.article-cover{margin-top:30px}.prose{margin-top:40px;font-size:17px;line-height:1.9}.prose h2{font-size:25px}.prose h3{font-size:21px}.footer-inner{min-height:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}