*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:72px}body{background:var(--linen);color:var(--soil);font-family:var(--font-sans);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,p{margin:0}img,svg{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--soil);outline-offset:2px}::selection{background:var(--sage);color:var(--soil)}:lang(ko){word-break:keep-all}.container{width:100%;max-width:1080px;padding-inline:var(--space-64);margin-inline:auto}@media (width<=960px){.container{padding-inline:var(--space-24)}}@media (width<=560px){.container{padding-inline:var(--space-16)}}.skip-link{left:var(--space-16);top:calc(-1 * var(--space-64));z-index:100;padding:var(--space-8) var(--space-16);background:var(--olive);color:var(--linen);border-radius:var(--radius-sm);text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-16)}@media (prefers-reduced-motion:no-preference){.fade-in{animation:.7s ease-out both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}.site-header{z-index:50;background:var(--linen);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header-inner{max-width:1080px;height:64px;padding-inline:var(--space-64);justify-content:space-between;align-items:center;gap:var(--space-16);margin-inline:auto;display:flex}@media (width<=960px){.site-header-inner{padding-inline:var(--space-24)}}@media (width<=560px){.site-header-inner{padding-inline:var(--space-16);height:56px}}.brand{align-items:center;gap:var(--space-14);color:var(--soil);text-decoration:none;display:inline-flex}.brand-name{font-family:var(--font-display);font-weight:600;font-size:var(--fs-heading);font-variation-settings:"opsz" 72;white-space:nowrap;line-height:1.05}.brand-dots{gap:var(--space-6);display:inline-flex}.dot{border-radius:50%;width:10px;height:10px}.dot-olive{background:var(--olive)}.dot-terracotta{background:var(--terracotta)}.switch{align-items:center;gap:var(--space-8);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;display:flex}.switch a{padding-block:var(--space-8);color:var(--stone);text-decoration:none}.switch a:hover{color:var(--soil)}.switch a[aria-current]{color:var(--olive);text-underline-offset:6px;text-decoration:underline 1px}.switch-sep{color:var(--border)}@media (width<=400px){.switch{letter-spacing:.14em}}@media (width<=360px){.site-header-inner,.brand{gap:var(--space-8)}.brand-name{font-size:var(--fs-quote)}.switch{gap:var(--space-6);font-size:var(--fs-label-s)}}@media (width<=300px){.switch{letter-spacing:.05em}.switch-sep{display:none}.site-header-inner,.brand{gap:var(--space-6)}}.label{color:var(--olive)}.meta{color:var(--stone)}.badges{gap:var(--space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.badge{padding:var(--space-6) 12px;border-radius:var(--radius-pill);background:var(--sage);color:var(--soil);white-space:nowrap;align-items:center;display:inline-flex}.badge:lang(ko){font-family:var(--font-sans);letter-spacing:normal}.arrow{font-family:var(--font-sans)}.text-link{color:var(--terracotta-text);text-underline-offset:3px;text-decoration:underline 1px}.text-link:hover{color:var(--soil)}.quiet-link{color:var(--stone);text-decoration:none}.quiet-link:hover{color:var(--soil);text-underline-offset:3px;text-decoration:underline}.blog-page{padding-block:var(--space-64)}.blog-hero{align-items:flex-start;gap:var(--space-28);padding:var(--space-36);border-radius:var(--radius-md);background:var(--olive);color:var(--linen);flex-direction:column;display:flex}.blog-hero .t-label{color:var(--olive-tint-on-dark)}.blog-hero-title{color:var(--linen);max-width:14ch}.blog-hero-desc{color:var(--olive-tint-on-dark);max-width:52ch}@media (width<=560px){.blog-hero{padding:var(--space-28) var(--space-24)}.blog-hero-title{font-size:var(--fs-display-m)}}.post-list{margin:var(--space-56) 0 0;border-top:1px solid var(--border);padding:0;list-style:none}.post-item{gap:var(--space-14) var(--space-36);padding-block:var(--space-36);border-bottom:1px solid var(--border);grid-template-columns:180px minmax(0,1fr);display:grid}.post-item-meta{gap:var(--space-6);padding-top:var(--space-8);flex-direction:column;display:flex}.post-item-body{gap:var(--space-14);max-width:var(--measure-text);flex-direction:column;display:flex}.post-item-title a{color:var(--soil);text-decoration:none}.post-item-title a:hover{text-underline-offset:6px;text-decoration:underline 1px}.post-item-summary{color:var(--stone)}@media (width<=760px){.post-item{grid-template-columns:1fr}.post-item-meta{align-items:baseline;gap:var(--space-14);flex-direction:row;padding-top:0}.post-item-title{font-size:var(--fs-heading)}}.post{max-width:var(--measure-text);padding-block:var(--space-64);margin-inline:auto}.post-back{margin-bottom:var(--space-36);display:inline-block}.post-head{gap:var(--space-14);padding-bottom:var(--space-36);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.post-title{margin-top:var(--space-8)}.post-summary{color:var(--stone)}@media (width<=560px){.post-title{font-size:var(--fs-heading-serif)}}.prose{padding-top:var(--space-36);font-size:var(--fs-body-l);line-height:1.7}.prose.is-serif{font-family:var(--font-serif);line-height:1.8}.prose>*+*{margin-top:1.1em}.prose h2{margin-top:var(--space-56);font-family:var(--font-display);font-weight:600;font-size:var(--fs-heading-serif);font-variation-settings:"opsz" 72;line-height:1.05}.prose h3{margin-top:var(--space-36);font-family:var(--font-sans);font-weight:700;font-size:var(--fs-heading);line-height:1.25}.prose h2+*,.prose h3+*{margin-top:var(--space-14)}.prose a{color:var(--terracotta-text);text-underline-offset:3px;text-decoration:underline 1px}.prose a:hover{color:var(--soil)}.prose strong{font-weight:700}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--olive)}.prose blockquote{padding:var(--space-28) var(--space-36);border-radius:var(--radius-md);background:var(--clay-surface);font-family:var(--font-display);font-style:italic;font-weight:400;font-size:var(--fs-quote);font-variation-settings:"opsz" 36;font-synthesis-style:none;margin-inline:0;line-height:1.35}.prose blockquote p+p{margin-top:var(--space-14)}.prose blockquote a{color:var(--soil)}.prose hr{border:0;border-top:1px solid var(--border);margin-block:var(--space-56)}.prose img{border-radius:var(--radius-md)}.prose figcaption{margin-top:var(--space-8);font-size:var(--fs-caption);color:var(--stone)}.prose code{font-family:var(--font-mono);font-size:var(--fs-body);padding:0 var(--space-6);border-radius:var(--radius-sm);background:var(--clay-surface)}.prose pre{padding:var(--space-24);border-radius:var(--radius-sm);background:var(--paper-white);border:1px solid var(--border);font-size:var(--fs-label);overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:var(--fs-body)}.prose th,.prose td{padding:var(--space-8) var(--space-14);border-bottom:1px solid var(--border);text-align:left}.prose th{font-family:var(--font-mono);font-size:var(--fs-label-s);letter-spacing:.16em;text-transform:uppercase;color:var(--stone);font-weight:500}@media (width<=560px){.prose blockquote{padding:var(--space-24)}}.post-foot{justify-content:space-between;gap:var(--space-14);margin-top:var(--space-64);padding-top:var(--space-28);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.site-footer{border-top:1px solid var(--border)}.site-footer-inner{justify-content:space-between;align-items:center;gap:var(--space-14);padding-block:var(--space-36);color:var(--stone);flex-wrap:wrap;display:flex}.footer-link{color:var(--stone);text-decoration:none}.footer-link:hover{color:var(--soil);text-underline-offset:3px;text-decoration:underline}
