:root{color-scheme:light;--color-bg: #ffffff;--color-surface: #f7f8fa;--color-surface-alt: #fbfcfd;--color-border: #e6e8ec;--color-text: #1d2329;--color-text-soft: #515963;--color-text-faint: #828a94;--color-accent: #0f7a6e;--color-accent-soft: #e6f3f1;--color-accent-strong: #0a5a51;--color-link: #0f7a6e;--color-header-bg: rgba(255, 255, 255, .92);--font-sans: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--content-width: 720px;--wide-width: 1080px;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(20, 30, 40, .04);--shadow-md: 0 4px 16px rgba(20, 30, 40, .08)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #14181b;--color-surface: #1d2329;--color-surface-alt: #222a31;--color-border: #2c343c;--color-text: #e7eaed;--color-text-soft: #aab2bb;--color-text-faint: #7c858f;--color-accent: #3fb6a6;--color-accent-soft: #16302c;--color-accent-strong: #5fc9ba;--color-link: #3fb6a6;--color-header-bg: rgba(20, 24, 27, .92);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.7;font-size:17px;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4{line-height:1.35;font-weight:700;letter-spacing:-.01em}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:20px}.container-wide{max-width:var(--wide-width)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-accent);color:#fff;padding:10px 16px;border-radius:var(--radius-sm);z-index:100}.skip-link:focus{left:12px;top:12px}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-header-bg);backdrop-filter:saturate(180%) blur(8px);position:sticky;top:0;z-index:50}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px;transition:padding-block .2s ease}.site-header[data-scrolled=true] .site-header__inner{padding-block:3px}.brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;color:var(--color-text);letter-spacing:-.02em;transition:gap .2s ease}.site-header[data-scrolled=true] .brand{gap:0}.brand:hover{text-decoration:none}.brand__title{font-weight:800;font-size:1.25rem;line-height:1.1}.brand__mark{color:var(--color-accent)}.brand__tag{font-size:.75rem;font-weight:600;line-height:1.2;color:var(--color-text-faint);overflow:hidden;max-height:1.5em;opacity:1;transition:max-height .2s ease,opacity .2s ease}.site-header[data-scrolled=true] .brand__tag{max-height:0;opacity:0}.site-nav{display:grid;grid-template-rows:1fr;border-top:1px solid var(--color-border);transition:grid-template-rows .25s ease,border-color .2s ease}.site-header[data-scrolled=true] .site-nav{grid-template-rows:0fr;border-top-color:transparent}.site-header[data-scrolled=true] .site-nav__inner{padding-block:0}.site-nav__inner{display:flex;flex-wrap:wrap;gap:6px 4px;align-items:center;padding-block:8px;min-height:0;overflow:hidden;transition:padding-block .2s ease}.site-nav a{color:var(--color-text-soft);font-size:.92rem;font-weight:600;padding:6px 10px;border-radius:999px}.site-nav a:hover{color:var(--color-accent-strong);background:var(--color-accent-soft);text-decoration:none}.site-header__actions{display:flex;align-items:center;gap:10px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;flex-shrink:0;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-soft);cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,width .2s ease,height .2s ease}.theme-toggle:hover{color:var(--color-accent-strong);background:var(--color-accent-soft);border-color:var(--color-accent-soft)}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.theme-toggle svg{width:18px;height:18px;transition:width .2s ease,height .2s ease}.theme-toggle__icon--sun{display:none}.theme-toggle__icon--moon{display:block}:root[data-theme=dark] .theme-toggle__icon--sun{display:block}:root[data-theme=dark] .theme-toggle__icon--moon{display:none}.nav-toggle{display:none;align-items:center;justify-content:center;width:38px;height:38px;padding:0;flex-shrink:0;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-soft);cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,width .2s ease,height .2s ease}.nav-toggle:hover{color:var(--color-accent-strong);background:var(--color-accent-soft);border-color:var(--color-accent-soft)}.nav-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav-toggle svg{width:20px;height:20px;transition:width .2s ease,height .2s ease}.nav-toggle__icon--close,.site-header[data-menu-open=true] .nav-toggle__icon--open{display:none}.site-header[data-menu-open=true] .nav-toggle__icon--close{display:block}.site-header[data-scrolled=true] .theme-toggle,.site-header[data-scrolled=true] .nav-toggle{width:28px;height:28px}.site-header[data-scrolled=true] .theme-toggle svg,.site-header[data-scrolled=true] .nav-toggle svg{width:15px;height:15px}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);margin-top:64px;padding-block:36px;color:var(--color-text-soft);font-size:.9rem}.site-footer__links{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px}.site-footer__links a{color:var(--color-text-soft);font-weight:600}.site-footer__note{color:var(--color-text-faint);font-size:.82rem;line-height:1.6}main{display:block;padding-block:40px}.chip{display:inline-block;font-size:.78rem;font-weight:700;color:var(--color-accent-strong);background:var(--color-accent-soft);padding:4px 10px;border-radius:999px}.chip:hover{text-decoration:none;filter:brightness(.97)}.post-list{display:grid;gap:4px;list-style:none;padding:0;margin:0}.post-card{display:block;padding:22px 4px;border-bottom:1px solid var(--color-border)}.post-card:hover{text-decoration:none}.post-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.post-card__date{font-size:.82rem;color:var(--color-text-faint)}.post-card__title{font-size:1.22rem;font-weight:700;color:var(--color-text);margin:0 0 6px;letter-spacing:-.01em}.post-card:hover .post-card__title{color:var(--color-accent-strong)}.post-card__desc{color:var(--color-text-soft);font-size:.96rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero{text-align:center;padding:28px 0 44px;border-bottom:1px solid var(--color-border);margin-bottom:8px}.hero h1{font-size:clamp(1.8rem,5vw,2.5rem);margin:0 0 14px}.hero p{color:var(--color-text-soft);font-size:1.05rem;max-width:540px;margin:0 auto}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:28px 0 4px}.section-head h2{font-size:1.1rem;margin:0}.section-head a{font-size:.88rem;font-weight:600}.prose{font-size:1.04rem}.article-header{margin-bottom:28px}.article-header h1{font-size:clamp(1.6rem,4.5vw,2.2rem);margin:14px 0 16px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--color-text-faint);font-size:.88rem}.prose h2{font-size:1.45rem;margin:2em 0 .6em;padding-top:.4em;border-top:1px solid var(--color-border)}.prose h3{font-size:1.18rem;margin:1.6em 0 .5em}.prose p{margin:1em 0}.prose ul,.prose ol{padding-left:1.3em;margin:1em 0}.prose li{margin:.4em 0}.prose strong{font-weight:700;color:var(--color-text)}.prose a{text-decoration:underline;text-underline-offset:2px}.prose blockquote{margin:1.4em 0;padding:4px 18px;border-left:3px solid var(--color-accent);background:var(--color-accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-soft)}.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.96rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--color-border);padding:10px 12px;text-align:left;vertical-align:top}.prose th{background:var(--color-surface);font-weight:700}.prose tbody tr:nth-child(2n){background:var(--color-surface-alt)}.prose code{background:var(--color-surface);padding:2px 6px;border-radius:6px;font-size:.9em}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2em 0}.prose figure{margin:1.8em 0}.prose figure img{display:block;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.prose figcaption{margin-top:10px;font-size:.85rem;line-height:1.55;color:var(--color-text-faint);text-align:center}.sources{margin-top:40px;padding:18px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.92rem}.sources h2{font-size:.95rem;margin:0 0 8px;border:none;padding:0;color:var(--color-text-soft)}.sources ul{margin:0;padding-left:1.2em}.related{margin-top:40px}.related h2{font-size:1.1rem;margin-bottom:12px}.draft-banner{background:#fff4e5;border:1px solid #ffd9a8;color:#8a5a00;padding:8px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;margin-bottom:16px}.page-header h1{font-size:clamp(1.6rem,4.5vw,2.1rem);margin:0 0 8px}.page-header p{color:var(--color-text-soft);margin:0 0 24px}@media(prefers-reduced-motion:reduce){.site-header__inner,.brand,.brand__tag,.site-nav,.site-nav__inner,.theme-toggle,.nav-toggle,.theme-toggle svg,.nav-toggle svg{transition:none}}@media(max-width:640px){body{font-size:16px}.nav-toggle{display:inline-flex}.site-nav{display:none}.site-header[data-menu-open=true] .site-nav{display:block}.site-nav__inner{flex-direction:column;align-items:stretch;gap:2px}.site-nav a{padding:10px 12px}}