:root{--serif:"Noto Serif KR", "Apple SD Gothic Neo", serif;--sans:"Noto Sans KR", "Apple SD Gothic Neo", sans-serif}:root[lang=en]{--serif:"Noto Serif", Georgia, serif;--sans:"Noto Sans", system-ui, sans-serif}:root[lang=zh]{--serif:"Noto Serif SC", "Songti SC", serif;--sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}:root[lang=ja]{--serif:"Noto Serif JP", "Hiragino Mincho ProN", serif;--sans:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif}:root{--ink:#222;--muted:#6b6b6b;--line:#e6e6e6;--bg:#fff;--accent:#1f6f5f;--gutter:clamp(16px, 5vw, 24px)}@media (prefers-color-scheme:dark){:root{--ink:#e8e8e8;--muted:#9a9a9a;--line:#333;--bg:#141414;--accent:#6cc3ae}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere;margin:0}a{-webkit-tap-highlight-color:transparent}nav.topbar,footer.bottombar{z-index:10;background:var(--bg);font-family:var(--sans);font-size:clamp(12px,3.4vw,14px);line-height:1.5;position:sticky}nav.topbar{border-bottom:1px solid var(--line);padding:10px max(var(--gutter), env(safe-area-inset-right)) 10px max(var(--gutter), env(safe-area-inset-left));padding-top:max(10px, env(safe-area-inset-top));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 16px;display:flex;top:0}nav.topbar .lab{color:var(--ink);font-weight:700;text-decoration:none}nav.topbar .site{color:var(--muted)}footer.bottombar{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:8px var(--gutter);padding-bottom:max(8px, env(safe-area-inset-bottom));bottom:0}nav.topbar a.mail,footer.bottombar a{color:var(--accent);text-decoration:none}footer.bottombar .sep{margin:0 .4em}.nowrap{white-space:nowrap}header.cover{padding:clamp(40px, 9vw, 72px) var(--gutter) clamp(28px, 6vw, 48px);text-align:center;border-bottom:1px solid var(--line)}header.cover .kicker{font-family:var(--sans);letter-spacing:.08em;color:var(--accent);font-size:clamp(11px,3vw,13px)}header.cover .kicker a{color:inherit;text-decoration:none}header.cover h1{word-break:keep-all;max-width:640px;margin:14px auto 12px;font-size:clamp(1.5rem,6vw,2.1rem);font-weight:700;line-height:1.35}header.cover .subtitle{color:var(--muted);word-break:keep-all;max-width:560px;margin:0 auto;font-size:clamp(.95rem,3.8vw,1.05rem);line-height:1.7}header.cover .byline{font-family:var(--sans);color:var(--muted);margin-top:20px;font-size:13px}article{max-width:680px;padding:clamp(28px, 6vw, 48px) var(--gutter) 64px;word-break:keep-all;margin:0 auto;font-size:clamp(1rem,4.2vw,1.08rem);line-height:1.9}article p{margin:0 0 1.3em}article h2{margin:2.2em 0 .8em;font-size:clamp(1.25rem,5vw,1.45rem);font-weight:700;line-height:1.4}article h3{margin:1.8em 0 .6em;font-size:clamp(1.05rem,4.4vw,1.15rem);font-weight:600}article ul,article ol{margin:0 0 1.3em;padding-left:1.2em}article li{margin:.35em 0}article a{color:var(--accent);border-bottom:1px solid;text-decoration:none}article blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:1.4em 0;padding:.2em 1em}article img,article svg{max-width:100%;height:auto}article .table-wrap{-webkit-overflow-scrolling:touch;margin:0 0 1.4em;overflow-x:auto}article table{border-collapse:collapse;width:100%;min-width:0;font-family:var(--sans);font-size:clamp(.82rem,3.4vw,.95rem);line-height:1.5}article th,article td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.5em .6em}article th{white-space:nowrap}article pre.mermaid{text-align:center;font-family:var(--sans);background:0 0;margin:1.4em 0;padding:0;overflow-x:auto}article pre.mermaid svg{max-width:100%;height:auto}article pre:not(.mermaid){font-size:.85rem;overflow-x:auto}footer.note{max-width:680px;padding:16px var(--gutter) 32px;font-family:var(--sans);color:var(--muted);border-top:1px solid var(--line);margin:0 auto;font-size:12px}body{flex-direction:column;min-height:100dvh;display:flex}footer.bottombar{margin-top:auto}nav.topbar{gap:4px 14px}nav.topbar .left{flex-wrap:wrap;align-items:center;gap:2px 12px;min-width:0;display:flex}nav.topbar .brand{color:var(--accent);letter-spacing:.02em;font-weight:700;text-decoration:none}nav.topbar .right{flex-wrap:wrap;align-items:center;gap:2px 14px;display:flex}nav.topbar select{font:inherit;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:6px;padding:2px 6px}button.menu-btn{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;margin-left:-8px;font-size:22px;line-height:1;display:inline-flex}button.menu-btn:focus-visible{outline:2px solid var(--accent)}.shell{flex:1;width:100%;max-width:1180px;margin:0 auto;display:block}.main{min-width:0}aside.sidenav{font-family:var(--sans);font-size:14px;line-height:1.5}aside.sidenav .inner{padding:20px var(--gutter) 32px}aside.sidenav h2{letter-spacing:.1em;color:var(--muted);margin:22px 0 8px;font-size:11px;font-weight:500}aside.sidenav ul{margin:0;padding:0;list-style:none}aside.sidenav li a{color:var(--ink);border-radius:8px;justify-content:space-between;gap:8px;margin:0 -10px;padding:7px 10px;text-decoration:none;display:flex}aside.sidenav li a:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}aside.sidenav li a[aria-current=page]{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);font-weight:700}aside.sidenav li a .n{color:var(--muted);font-size:12px;font-weight:400}aside.sidenav ul.sub li a{padding-left:22px}aside.sidenav form.search{gap:6px;display:flex}aside.sidenav form.search input{min-width:0;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;flex:1;padding:8px 10px;font-size:16px}aside.sidenav form.search button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;padding:8px 12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips a{font-family:var(--sans);border:1px solid var(--line);color:var(--ink);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;text-decoration:none}.chips a:hover{border-color:var(--accent);color:var(--accent)}.chips a .n{color:var(--muted);margin-left:4px}aside.sidenav .close-btn{display:none}@media (width<=1023px){aside.sidenav{z-index:30;background:var(--bg);border-right:1px solid var(--line);width:min(86vw,320px);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);transition:transform .2s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-102%)}body.nav-open aside.sidenav{transform:none;box-shadow:0 0 40px #00000040}.scrim{z-index:25;background:#00000059;display:none;position:fixed;inset:0}body.nav-open .scrim{display:block}body.nav-open{overflow:hidden}aside.sidenav .close-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;margin:0 0 8px auto;padding:6px 0;font-size:14px;display:block}}@media (width>=1024px){button.menu-btn,.scrim{display:none}.shell{grid-template-columns:248px minmax(0,1fr);gap:0 24px;display:grid}aside.sidenav{border-right:1px solid var(--line);align-self:start;max-height:calc(100vh - 100px);position:sticky;top:52px;overflow-y:auto}}.notice{max-width:680px;padding:10px var(--gutter);font-family:var(--sans);color:var(--muted);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:8px;margin:16px auto 0;font-size:13px}.crumbs{max-width:680px;padding:16px var(--gutter) 0;font-family:var(--sans);color:var(--muted);margin:0 auto;font-size:12px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent)}main.list{max-width:720px;padding:clamp(24px, 5vw, 40px) var(--gutter) 64px;margin:0 auto}main.list h1{margin:0 0 8px;font-size:clamp(1.4rem,5.5vw,1.9rem)}main.list .lead{color:var(--muted);word-break:keep-all;margin:0 0 20px;line-height:1.7}main.list h2.section{font-family:var(--sans);letter-spacing:.08em;color:var(--muted);margin:36px 0 4px;font-size:13px;font-weight:500}main.list h2.section a{color:inherit;text-decoration:none}ol.posts{margin:0;padding:0;list-style:none}ol.posts li{border-bottom:1px solid var(--line);padding:18px 0}ol.posts li a.card{color:var(--ink);text-decoration:none;display:block}ol.posts .t{word-break:keep-all;font-size:clamp(1.1rem,4.6vw,1.25rem);font-weight:700;line-height:1.4}ol.posts .d{color:var(--muted);word-break:keep-all;margin-top:6px;font-size:.95rem;line-height:1.6}ol.posts .m{color:var(--muted);font-family:var(--sans);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px;font-size:12px;display:flex}ol.posts .kind{color:var(--accent)}.grid-books{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.grid-books a{border:1px solid var(--line);color:var(--ink);word-break:keep-all;border-radius:10px;padding:14px;font-weight:700;text-decoration:none;display:block}.grid-books a span{color:var(--muted);font-size:12px;font-weight:400;font-family:var(--sans);margin-top:4px;display:block}.grid-books a:hover{border-color:var(--accent)}:root[lang=zh] *,:root[lang=ja] *{line-break:strict;word-break:normal!important}.lang-suggest{padding:8px var(--gutter);font-family:var(--sans);color:var(--ink);background:color-mix(in srgb, var(--accent) 10%, var(--bg));border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;font-size:13px;display:flex}.lang-suggest[hidden]{display:none}.lang-suggest .go{color:var(--accent);font-weight:700;text-decoration:none}.lang-suggest .x{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:14px}.translated-note a{color:var(--accent)}.translated-note{font-family:var(--sans);color:var(--muted);margin-top:6px;font-size:12px}details.area-intro{border-bottom:1px solid var(--line);margin:0 0 8px}details.area-intro>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:4px 0 12px;list-style:none;display:flex}details.area-intro>summary::-webkit-details-marker{display:none}details.area-intro>summary h1{overflow-wrap:normal;word-break:keep-all;margin:0;font-size:clamp(1.3rem,5.6vw,1.9rem)}details.area-intro>summary .hint{font-family:var(--sans);color:var(--accent);border:1px solid var(--line);white-space:nowrap;border-radius:999px;flex:none;padding:4px 10px;font-size:12px}details.area-intro>summary .hint:after{content:" ▾"}details.area-intro[open]>summary .hint:after{content:" ▴"}details.area-intro[open]>summary .hint .open-txt,details.area-intro:not([open])>summary .hint .close-txt{display:none}details.area-intro .body{padding:0 0 16px}ul.area-topics{word-break:keep-all;margin:4px 0 8px;padding-left:1.2em;line-height:1.75}ul.area-topics li{margin:.25em 0}p.area-note{color:var(--ink);word-break:keep-all;margin:4px 0 8px;line-height:1.75}.post-foot{max-width:680px;padding:0 var(--gutter) 48px;font-family:var(--sans);margin:0 auto}.post-foot h2{letter-spacing:.08em;color:var(--muted);margin:28px 0 10px;font-size:13px;font-weight:500}.pn{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.pn a{border:1px solid var(--line);color:var(--ink);word-break:keep-all;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.5;text-decoration:none;display:block}.pn a small{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.pn a.next{text-align:right;grid-column:2}.pn a:hover{border-color:var(--accent)}@media (width<=480px){.pn{grid-template-columns:1fr}.pn a.next{text-align:left;grid-column:auto}}.related{margin:0;padding:0;list-style:none}.related li{border-top:1px solid var(--line)}.related a{color:var(--ink);word-break:keep-all;padding:10px 0;line-height:1.5;text-decoration:none;display:block}.related a:hover{color:var(--accent)}.search-page{max-width:720px;padding:clamp(24px, 5vw, 40px) var(--gutter) 64px;--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--ink);--pagefind-ui-background:var(--bg);--pagefind-ui-border:var(--line);--pagefind-ui-tag:var(--line);--pagefind-ui-font:var(--sans);margin:0 auto}.search-page h1{margin:0 0 16px;font-size:clamp(1.4rem,5.5vw,1.9rem)}