.nav[data-astro-cid-wpvy4v7s]{z-index:20;-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--color-border);background:oklch(100% 0 0/.88);position:sticky;top:0}.nav-inner[data-astro-cid-wpvy4v7s]{grid-template-columns:1fr auto auto auto;grid-template-areas:"brand links divider lang";align-items:center;column-gap:28px;min-height:68px;font-size:15px;display:grid}.brand[data-astro-cid-wpvy4v7s]{color:var(--color-fg);flex-direction:column;grid-area:brand;justify-self:start;line-height:1;display:flex}.brand[data-astro-cid-wpvy4v7s]:hover{color:var(--color-fg)}.brand-eyebrow[data-astro-cid-wpvy4v7s]{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-size:9.5px;font-weight:500}.brand-main[data-astro-cid-wpvy4v7s]{font-family:var(--font-serif);margin-top:3px;font-size:21px;font-weight:700}.links[data-astro-cid-wpvy4v7s]{grid-area:links;align-items:center;gap:4px;display:flex}.links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{color:var(--color-muted);white-space:nowrap;border-radius:999px;padding:7px 12px}.links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]:hover{color:var(--color-fg);background:var(--color-surface-2)}.links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s][aria-current=page]{color:var(--color-deep-fg);background:var(--color-deep);font-weight:700}.divider[data-astro-cid-wpvy4v7s]{background:var(--color-border-2);grid-area:divider;width:1px;height:16px}.lang[data-astro-cid-wpvy4v7s]{letter-spacing:.04em;grid-area:lang;align-items:center;gap:6px;font-size:13px;display:flex}.lang[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{color:var(--color-muted)}.lang[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]:hover{color:var(--color-accent)}.lang-current[data-astro-cid-wpvy4v7s]{color:var(--color-fg);font-weight:700}.dot[data-astro-cid-wpvy4v7s]{color:var(--color-border-2)}@media (width<=760px){.nav-inner[data-astro-cid-wpvy4v7s]{grid-template-columns:1fr auto;grid-template-areas:"brand lang""links links";row-gap:6px;min-height:0;padding-top:12px;padding-bottom:8px}.links[data-astro-cid-wpvy4v7s]{scrollbar-width:none;margin-left:-12px;overflow-x:auto}.divider[data-astro-cid-wpvy4v7s]{display:none}}.footer[data-astro-cid-jo6i4kqk]{margin-top:var(--section-gap);padding-bottom:40px}.footer-inner[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--color-border);align-items:center;gap:20px;padding-top:24px;font-size:13px;display:flex}.copy[data-astro-cid-jo6i4kqk],.footer-inner[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--color-muted)}.footer-inner[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--color-accent)}:root{--color-bg:oklch(100% 0 0);--color-surface:oklch(97% .006 255);--color-surface-2:oklch(93% .01 255);--color-fg:oklch(19% .03 255);--color-muted:oklch(44% .03 255);--color-muted-2:oklch(50% .03 255);--color-muted-3:oklch(68% .02 245);--color-border:oklch(90% .01 245);--color-border-2:oklch(80% .01 245);--color-accent:oklch(52% .15 245);--color-accent-hover:oklch(42% .15 245);--color-accent-fg:oklch(98% .01 245);--color-accent-soft:oklch(52% .15 245/.09);--color-deep:oklch(22% .045 258);--color-deep-2:oklch(27% .045 258);--color-deep-line:oklch(34% .04 258);--color-deep-fg:oklch(96% .008 255);--color-deep-muted:oklch(78% .02 255);--color-signal:oklch(82% .15 75);--color-spine-1:oklch(55% .11 245);--color-spine-2:oklch(32% .06 245);--color-spine-3:oklch(78% .06 245);--font-serif:"Noto Serif KR", serif;--font-sans:"Noto Sans KR", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--color-code-bg:oklch(95% .01 255);--page-max-width:1200px;--page-padding-x:clamp(20px, 5vw, 56px);--measure:720px;--radius-lg:18px;--radius:10px;--radius-sm:6px;--shadow-frame:0 1px 2px oklch(20% .02 245/.06), 0 8px 24px -12px oklch(20% .02 245/.18);--section-gap:clamp(64px, 8vw, 96px)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;font-size:16px;line-height:1.6;display:flex}body>main{flex:1}:lang(ko){word-break:keep-all;overflow-wrap:break-word}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:calc(var(--page-max-width) + 2 * var(--page-padding-x));padding:0 var(--page-padding-x);margin:0 auto}.page-header{flex-direction:column;gap:14px;padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(32px,4vw,48px);display:flex}.page-title{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-size:clamp(34px,5vw,48px);font-weight:700;line-height:1.2}.page-lede{color:var(--color-muted);max-width:640px;margin:0;font-size:18px;line-height:1.75}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.section-title{font-family:var(--font-serif);margin:0;font-size:clamp(24px,3vw,30px);font-weight:700;line-height:1.3}.section-link{font-size:15px;font-weight:500}.tag-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tag-list li{background:var(--color-surface-2);color:var(--color-muted);border-radius:999px;padding:5px 8px;font-size:12.5px;line-height:1}.button{border-radius:var(--radius-sm);background:var(--color-deep);width:fit-content;color:var(--color-deep-fg);align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:500;line-height:1.2;display:inline-flex}.button:hover{background:var(--color-deep-2);color:var(--color-deep-fg)}.on-deep .button{background:var(--color-signal);color:var(--color-deep)}.on-deep .button:hover{color:var(--color-deep);background:oklch(88% .13 80)}.panel.panel--deep{background:var(--color-deep);color:var(--color-deep-fg)}.panel--deep .section-title{color:var(--color-deep-fg)}.panel--deep .section-link{color:var(--color-signal)}.panel--deep .section-link:hover{color:oklch(90% .12 80)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:clamp(28px,4vw,48px)}@media (width<=760px){.panel{background:0 0;border-radius:0;padding:0}.panel.panel--deep{margin:0 calc(-1 * var(--page-padding-x));padding:36px var(--page-padding-x)}}