:root{color-scheme:light;--paper:#fff;--ink:#302b27;--muted:#78716b;--line:#eae5df;--accent:#f5a624;--accent-ink:#8b5000;--accent-soft:#fff4df;--accent-line:#ead4b3;--sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:36px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}
a{color:inherit;text-decoration-color:#c6bdb3;text-underline-offset:5px;text-decoration-thickness:1px;transition:color .15s ease}
a:hover{color:var(--accent-ink);text-decoration-color:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
::selection{background:var(--accent-soft)}
h1,h2,h3,p,ul{margin:0}
h1,h2,h3{font-weight:500}
button,input{font:inherit}
.skip{position:absolute;left:20px;top:-80px;background:var(--paper);padding:8px 16px;z-index:5}
.skip:focus{top:12px}
.page{max-width:880px;padding:0 40px;margin:auto}
.topbar{display:flex;align-items:center;justify-content:space-between;padding-top:47px;margin-bottom:99px;font-size:12px}
.wordmark{text-decoration:none;font-size:14px;font-weight:550;letter-spacing:-.5px}
.topbar nav{display:flex;gap:26px;color:var(--muted)}
.topbar nav a{text-decoration:none}
.topbar nav a[aria-current="page"]{color:var(--ink)}
.row{display:grid;grid-template-columns:156px minmax(0,1fr);gap:48px}.row>*{min-width:0}
.label{font-size:12px;color:var(--accent-ink);font-weight:400;line-height:1.8;padding-top:5px}
.section{margin-top:66px}
.intro{margin-bottom:88px}
.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--muted);margin-bottom:12px}
h1{font-size:31px;line-height:1.45;letter-spacing:-1.1px}
.english-name{display:block;font-size:13px;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:7px}
.intro-copy{font-size:17px;line-height:1.9;letter-spacing:-.4px;margin-top:27px}
.profile-links{display:flex;gap:24px;margin-top:22px;font-size:13px}.profile-links a{text-decoration-color:var(--accent);color:var(--accent-ink)}
.portrait{width:156px;height:196px;object-fit:cover;object-position:50% 50%;border-radius:2px;margin-top:4px}.brand-dot{color:var(--accent)}
.arrow{font-size:.85em;color:var(--muted);display:inline-block;margin-left:4px}
.section-intro{margin-bottom:24px}
.section-intro p{color:var(--muted);font-size:13px;margin-top:4px}
.section-heading{font-size:18px;letter-spacing:-.4px}
.entries{display:grid;gap:27px}
.entry h3{font-size:15px;font-weight:400;line-height:1.8}
.entry p{font-size:13px;color:var(--muted);margin-top:7px;line-height:1.8}
.entry small{font-size:11px;color:var(--muted);margin-top:5px;display:block}
.article-list{list-style:none;padding:0}
.article-list li{border-bottom:1px solid var(--line)}
.article-list li:first-child{border-top:1px solid var(--line)}
.article-link{display:flex;gap:18px;align-items:baseline;padding:16px 0;text-decoration:none}
.article-link time{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.article-link .article-title{flex:1;font-size:14px}
.article-link .arrow{font-size:13px}
.more-link{display:inline-block;font-size:12px;margin-top:18px}
.site-footer{margin-top:90px;padding:25px 0 36px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px}
.footer-content a{text-decoration:none}

.archive-intro{margin-bottom:43px}
.archive-intro .intro-copy{font-size:15px;color:var(--muted)}
.archive-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line)}
.filters{display:flex;gap:7px;flex-wrap:wrap}
.filters button{border:0;background:none;border-radius:2px;cursor:pointer;font-size:12px;color:var(--muted);padding:5px 10px}
.filters button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent-ink)}
.search-wrap{flex:1;min-width:160px;position:relative}
.search-wrap input{width:100%;min-width:0;font-size:12px;border:0;border-bottom:1px solid #c6bdb3;border-radius:0;padding:7px 0;color:var(--ink);background:transparent}
.search-wrap input::placeholder{color:var(--muted)}
.result-count{font-size:11px;color:var(--muted);margin:16px 0 25px}
.archive-item{padding:23px 0;border-bottom:1px solid var(--line)}
.archive-item:first-of-type{padding-top:0}
.archive-meta{display:flex;gap:16px;font-size:11px;color:var(--muted);margin-bottom:7px}
.archive-item h2{font-size:18px;line-height:1.65;letter-spacing:-.3px}
.archive-item h2 a{text-decoration:none}
.archive-item h2 a:hover{text-decoration:underline}
.archive-item p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.8}
[hidden]{display:none!important}
.empty-state{padding:38px 0;color:var(--muted);font-size:14px}
.back-link{font-size:12px;display:inline-block;margin-bottom:28px;text-decoration:none;color:var(--muted)}
.post-header{margin-bottom:42px}
.post-header h1{font-size:30px;line-height:1.55}
.post-meta{font-size:11px;color:var(--muted);display:flex;gap:14px;margin-bottom:13px}
.prose{font-size:16px;line-height:2;word-break:normal;overflow-wrap:anywhere}
.prose p{margin:0 0 24px}
.prose h2,.prose h3{margin:46px 0 20px;font-size:22px;line-height:1.7}
.prose h3{font-size:19px}
.prose ul,.prose ol{padding-left:23px;margin:24px 0}
.prose li{margin-bottom:8px}
.prose blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:2px solid var(--accent);color:#60564b}
.prose blockquote p:last-child{margin-bottom:0}
.prose img{max-width:100%;height:auto;display:block;margin:32px auto}
.prose figure{margin:28px 0}.prose figcaption{font-size:12px;color:var(--muted)}
.prose pre{overflow-x:auto;padding:18px;background:#f7f4ef;font-size:13px;line-height:1.7}
.post-end{border-top:1px solid var(--line);margin-top:46px;padding-top:25px;font-size:12px;color:var(--muted)}
.post-end p{margin-bottom:15px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1100px){.page{max-width:900px;padding:0 50px}}
@media(max-width:620px){.page{padding:0 26px}.topbar{padding-top:26px;margin-bottom:61px}.row{grid-template-columns:minmax(0,1fr);gap:17px}.intro{margin-bottom:60px}.intro>.label{display:none}.portrait{width:110px;height:138px;margin:0 0 9px}h1{font-size:29px}.intro-copy{font-size:16px;margin-top:24px}.section{margin-top:45px}.section>.label{padding:0}.entries{gap:25px}.site-footer{margin-top:64px;gap:12px}.site-footer>.label{display:none}.article-link{gap:12px}.article-link .article-title{font-size:14px}.archive-intro{margin-bottom:33px}.archive-controls{gap:17px}.search-wrap{flex-basis:100%}.post-header h1{font-size:27px}.prose{font-size:15px}.post-layout>.label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}

:root[data-palette="orange"]{--accent:#e78b38;--accent-ink:#974908;--accent-soft:#fff1e2;--accent-line:#efd0ac}
:root[data-palette="apricot"]{--accent:#dba078;--accent-ink:#855039;--accent-soft:#faf0e8;--accent-line:#e9cebc}
:root[data-palette="terracotta"]{--accent:#c97852;--accent-ink:#924a2c;--accent-soft:#faede6;--accent-line:#e4c4b5}
.color-page{max-width:1120px;padding:38px 28px;margin:auto}.color-header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}.color-header h1{font-size:22px;letter-spacing:-.5px}.color-header a{font-size:13px}.palette-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.palette-option{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:#fff;padding:14px;cursor:pointer;border-radius:3px;color:var(--ink)}.palette-option[aria-pressed="true"]{border-color:var(--accent-ink);background:var(--accent-soft)}.palette-chip{width:26px;height:26px;border-radius:50%;flex-shrink:0}.palette-option strong{display:block;font-size:13px;font-weight:500}.palette-option small{display:block;font-size:11px;color:var(--muted)}.color-preview{width:100%;height:1050px;border:1px solid var(--line);background:white;display:block}.color-help{font-size:12px;color:var(--muted);margin-top:14px}.color-help code{font-size:12px}.prose table{border-collapse:collapse;display:block;max-width:100%;overflow-x:auto;margin:24px 0;font-size:14px}.prose td,.prose th{border:1px solid var(--line);padding:8px 12px;vertical-align:top}.prose audio,.prose video{max-width:100%}.prose code{overflow-wrap:anywhere}.prose .embed-link{display:block;border-left:2px solid var(--accent);padding:14px 20px;background:var(--accent-soft);font-size:14px}.prose iframe{max-width:100%}
@media(max-width:620px){.palette-options{grid-template-columns:repeat(2,1fr)}.color-page{padding:25px 16px}.palette-option{padding:10px}.color-preview{height:1050px}.color-header{align-items:center}.color-header h1{font-size:20px}}

@media(max-width:620px){.profile-intro{grid-template-columns:86px minmax(0,1fr);gap:22px;align-items:start}.profile-intro .portrait{width:86px;height:110px;margin:5px 0 0}.profile-intro h1{font-size:27px}.profile-intro .english-name{font-size:12px}.profile-intro .intro-copy{font-size:15px;margin-top:20px}.profile-links{gap:20px;font-size:12px}}