:root{--bg:#fff;--surface:#f5f7fa;--ink:#1d2433;--muted:#5f6878;--line:#e3e6ec;--accent:#1d4f9c;--accent-ink:#fff;--accent-soft:#eaf1fb;--code-bg:#f3f5f8;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, "D2Coding", monospace;--page:720px;--wide:960px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#12151b;--surface:#1a1e26;--ink:#e5e8ee;--muted:#9aa3b3;--line:#2a303b;--accent:#7fb0ff;--accent-ink:#0f1420;--accent-soft:#1b2a42;--code-bg:#1a1e26;color-scheme:dark}}:root[data-theme=dark]{--bg:#12151b;--surface:#1a1e26;--ink:#e5e8ee;--muted:#9aa3b3;--line:#2a303b;--accent:#7fb0ff;--accent-ink:#0f1420;--accent-soft:#1b2a42;--code-bg:#1a1e26;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.75}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}img{max-width:100%;height:auto}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em;line-height:1.35}.container{width:100%;max-width:var(--wide);margin:0 auto;padding-inline:20px}.narrow{max-width:calc(var(--page) + 40px)}.site-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;position:sticky;top:0}.site-header .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:1.08rem;font-weight:800;display:flex}.brand:hover{text-decoration:none}.brand .mark{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);letter-spacing:-.02em;border-radius:7px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.nav a{color:var(--muted);border-radius:6px;padding:6px 10px;font-size:.95rem}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);background:var(--surface);text-decoration:none}.theme-toggle{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;place-items:center;width:34px;height:34px;margin-left:4px;display:grid}.theme-toggle:hover{color:var(--ink)}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:80px;padding-block:32px 48px;font-size:.9rem}.site-footer .container{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.site-footer nav{flex-wrap:wrap;gap:16px;display:flex}.site-footer a{color:var(--muted)}.page-head{padding-block:48px 20px}.page-head h1{margin:0 0 6px;font-size:1.9rem}.page-head p{color:var(--muted);margin:0}.post-list{margin:0;padding:0;list-style:none}.post-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 168px;align-items:center;gap:24px;padding-block:26px;display:grid}.post-item:first-child{border-top:1px solid var(--line)}.post-item .meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px;font-size:.85rem;display:flex}.post-item h2{margin:4px 0 6px;font-size:1.3rem}.post-item h2 a{color:var(--ink)}.post-item p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.97rem;display:-webkit-box;overflow:hidden}.post-item .thumb{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;max-width:100%;overflow:hidden}.post-item .thumb img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=640px){.post-item{grid-template-columns:minmax(0,1fr) 84px;gap:14px}.post-item h2{font-size:1.1rem}}.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:.82rem;display:inline-block}.chip:hover{filter:brightness(.97);text-decoration:none}.chips{flex-wrap:wrap;gap:8px;display:flex}.post-head{padding-block:48px 8px}.post-head .meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:10px;font-size:.9rem;display:flex}.post-head h1{margin:10px 0 12px;font-size:clamp(1.7rem,4vw,2.3rem)}.post-head .lede{color:var(--muted);margin:0;font-size:1.05rem}.prose{padding-top:16px}.prose h2{border-bottom:1px solid var(--line);margin:2.4em 0 .6em;padding-bottom:.3em;font-size:1.5rem}.prose h3{margin:1.8em 0 .4em;font-size:1.18rem}.prose p,.prose ul,.prose ol{margin:0 0 1.1em}.prose li{margin-bottom:.3em}.prose img{border:1px solid var(--line);border-radius:10px;margin:1.4em auto .4em;display:block}.prose img+em,.prose .caption{text-align:center;color:var(--muted);margin-bottom:1.4em;font-size:.9rem;font-style:normal;display:block}.prose blockquote{background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:0 8px 8px 0;margin:1.4em 0;padding:14px 18px}.prose blockquote p:last-child{margin-bottom:0}.prose code{font-family:var(--font-mono);background:var(--code-bg);border-radius:5px;padding:2px 6px;font-size:.9em}.prose pre{border:1px solid var(--line);border-radius:10px;padding:16px 18px;font-size:.9rem;line-height:1.6;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose .table-wrap,.prose table{display:block;overflow-x:auto}.prose table{border-collapse:collapse;font-variant-numeric:tabular-nums;margin:0 0 1.4em;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:8px 14px}.prose th{background:var(--surface)}.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.prose .download{border:2px solid var(--accent);border-radius:12px;gap:4px;margin:1.4em 0;padding:18px 20px;display:grid}.prose .download a.button{background:var(--accent);color:var(--accent-ink);border-radius:8px;justify-self:start;margin-top:6px;padding:8px 16px;font-weight:700}.prose .download a.button:hover{filter:brightness(1.05);text-decoration:none}.post-foot{border-top:1px solid var(--line);gap:20px;margin-top:48px;padding-top:24px;display:grid}.pager{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pager a{border:1px solid var(--line);color:var(--ink);border-radius:10px;min-width:0;padding:12px 16px}.pager a:hover{border-color:var(--accent);text-decoration:none}.pager small{color:var(--muted);display:block}.pager .next{text-align:right;grid-column:2}.ad-slot{min-height:90px;margin:32px 0}.intro{padding-block:56px 28px}.intro h1{margin:0 0 10px;font-size:clamp(1.8rem,4.4vw,2.4rem)}.intro p{color:var(--muted);max-width:34em;margin:0}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:36px 0 12px;font-size:.8rem;font-weight:700}.term-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.term-list a{border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.term-list a:hover{border-color:var(--accent);text-decoration:none}.term-list span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.search-box{width:100%;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:12px 16px}.search-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}@media (prefers-reduced-motion:no-preference){.nav a,.pager a,.term-list a{transition:background .15s,border-color .15s,color .15s}}.skip{z-index:20;background:var(--accent);color:var(--accent-ink);border-radius:6px;padding:8px 14px;position:absolute;top:8px;left:-9999px}.skip:focus{left:16px}