@font-face{font-family:Pretendard;font-weight:100 900;font-style:normal;font-display:swap;src:url(/blog/fonts/PretendardVariable.woff2) format("woff2-variations")}:root{color-scheme:light;--color-bg: #f7f6f2;--color-surface: #ffffff;--color-surface-muted: #eeece6;--color-text: #1d2420;--color-muted: #667067;--color-border: #d8d4ca;--color-accent: #005bd3;--color-accent-contrast: #ffffff;--shadow-card: 0 12px 30px rgb(29 36 32 / .08);--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", system-ui, sans-serif;--step--1: .8rem;--step-0: 1rem;--step-1: 1.25rem;--step-2: 1.5625rem;--step-3: 1.953125rem;--step-4: 2.44140625rem;--step-5: 3.0517578125rem;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--radius-sm: .375rem;--radius-md: .5rem}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg: #111513;--color-surface: #1a201c;--color-surface-muted: #252c27;--color-text: #f0eee8;--color-muted: #aeb7ae;--color-border: #384039;--color-accent: #7db4ff;--color-accent-contrast: #07111f;--shadow-card: 0 12px 30px rgb(0 0 0 / .28)}}*{box-sizing:border-box}html{font-family:var(--font-sans);font-size:100%;background:var(--color-bg)}body{margin:0;color:var(--color-text);background:var(--color-bg);font-size:var(--step-0);line-height:1.6;text-rendering:optimizeLegibility}a{color:var(--color-accent);text-decoration-thickness:.08em;text-underline-offset:.2em}a:hover{text-decoration-thickness:.14em}a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}.site-shell{width:min(100% - var(--space-4),72rem);margin:0 auto;padding:var(--space-4) 0 var(--space-6)}.site-header{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.brand-link{color:var(--color-text);font-size:var(--step-1);font-weight:800;letter-spacing:-.02em;text-decoration:none}.site-nav,.utility-nav{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.site-nav{justify-content:center}.utility-nav{justify-content:flex-end}.nav-link,.tag-link,.category-link{display:inline-flex;align-items:center;min-height:2rem;padding:0 var(--space-1);border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--step--1);font-weight:600;text-decoration:none}.nav-link:hover,.tag-link:hover,.category-link:hover{color:var(--color-accent);background:var(--color-surface-muted)}main{padding-top:var(--space-6)}.page-header,.post-header,.not-found{max-width:65ch;margin-bottom:var(--space-5)}.eyebrow{margin:0 0 var(--space-1);color:var(--color-muted);font-size:var(--step--1);font-weight:700}h1,h2,h3{margin:0;color:var(--color-text);letter-spacing:-.025em}h1{font-size:clamp(var(--step-4),8vw,var(--step-5));line-height:1.15;font-weight:850}h2{font-size:var(--step-3);line-height:1.25;font-weight:760}h3{font-size:var(--step-2);line-height:1.35;font-weight:700}.lede{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--step-1);line-height:1.6}.post-list{display:grid;gap:var(--space-2);max-width:54rem;padding:0;margin:0;list-style:none}.post-item{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.post-item h2{font-size:var(--step-2)}.post-item h2 a{color:var(--color-text);text-decoration:none}.post-item h2 a:hover{color:var(--color-accent)}.post-item p{max-width:65ch;margin:0}.meta{display:flex;flex-wrap:wrap;gap:0 var(--space-1);align-items:center;margin:0;color:var(--color-muted);font-size:var(--step--1);line-height:1.5}.post-tags{margin-top:var(--space-2)}.post-content{max-width:65ch;font-size:var(--step-1);line-height:1.7}.post-content>*{margin-top:0;margin-bottom:var(--space-3)}.post-content h2{margin-top:var(--space-5)}.post-content h3{margin-top:var(--space-4)}.post-content ul,.post-content ol{padding-left:var(--space-3)}.post-content li+li{margin-top:var(--space-1)}.post-content blockquote{margin-left:0;padding:var(--space-2) var(--space-3);border-left:4px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text)}.post-content :not(pre)>code{padding:.12em .35em;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);font-size:.9em}.post-content pre{max-width:100%;overflow-x:auto;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);font-size:var(--step-0);line-height:1.6}.post-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:var(--step-0)}.post-content th,.post-content td{min-width:9rem;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);text-align:left;vertical-align:top}.post-content th{background:var(--color-surface-muted);font-weight:700}.post-content img{display:block;max-width:100%;height:auto;border-radius:var(--radius-md)}.site-footer{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-2);align-items:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--step--1)}.footer-cta{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 var(--space-2);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:700;text-decoration:none}.footer-cta:hover{filter:brightness(.96)}@media(max-width:48rem){.site-shell{width:min(100% - var(--space-3),72rem);padding-top:var(--space-3)}.site-header,.site-footer{grid-template-columns:1fr;align-items:start}.site-nav,.utility-nav{justify-content:flex-start}main{padding-top:var(--space-4)}.post-item{padding:var(--space-2)}.post-content{font-size:var(--step-0)}}