*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);color:var(--text-primary);background:var(--card);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand-accent)}img{max-width:100%;height:auto}.site-header{display:flex;align-items:center;justify-content:center;padding:14px var(--space-lg);background:var(--card);border-bottom:1px solid var(--surface-muted);position:sticky;top:0;z-index:10}.site-header__logo{display:inline-flex;align-items:baseline;gap:var(--space-xs)}.site-header__brand{font-size:var(--fs-subhead);font-weight:var(--fw-bold);color:var(--brand);letter-spacing:-.3px;text-decoration:none}.site-header__sep{color:var(--ink150)}.site-header__section{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--text-secondary);text-decoration:none}.site-main{display:block}.site-footer{margin-top:var(--space-xxxl);background:var(--surface);border-top:1px solid var(--surface-dim)}.site-footer__inner{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-xxl) var(--space-base);text-align:center}.site-footer__brand{font-size:var(--fs-subhead);font-weight:var(--fw-bold);color:var(--brand)}.site-footer__tagline{margin:var(--space-sm) 0 var(--space-base);font-size:var(--fs-footnote);color:var(--text-secondary);line-height:var(--lh-relaxed)}.site-footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-base);justify-content:center;margin-bottom:var(--space-base)}.site-footer__nav a{font-size:var(--fs-footnote);font-weight:var(--fw-medium);color:var(--brand-accent);text-decoration:none}.site-footer__copy{margin:0;font-size:var(--fs-caption);color:var(--text-muted)}:root{--warm-black: #2a2019;--warm-black900: #18181b;--warm-black800: #1f1812;--espresso: #3d2817;--violet600: #5f3dc4;--violet700: #4a2ea1;--violet500: #5D3FD3;--magenta500: #9C27B0;--paper: #f7f6f2;--paper-soft: #fbfaf6;--paper-muted: #ebeae5;--paper-dim: #dedcd7;--orange500: #FF9500;--amber500: #f59e0b;--amber200: #fde68a;--pink400: #ff6b81;--blue500: #007AFF;--green500: #4CAF50;--red500: #ef4444;--red50: #fef2f2;--black: #000;--ink: #1a1a1a;--ink900: #222222;--ink800: #333;--ink700: #444;--ink600: #555;--ink500: #666;--ink400: #777;--ink300: #888;--ink250: #999;--ink200: #aaa;--ink150: #bbb;--ink100: #ccc;--line: #ddd;--line2: #e8e8e8;--surface-legacy: #f8f8fa;--surface-cool: #f8f9fa;--surface-soft-legacy: #f9f9f9;--surface-neutral: #f5f5f5;--surface-bright: #fafafa;--surface-muted-legacy: #f0f0f0;--surface-dim-legacy: #eee;--white: #fff;--brand: #2a2019;--brand-dark: #18181b;--brand-accent: #5f3dc4;--text-primary: #1f1812;--text-secondary: #666;--text-muted: #777;--text-disabled: #888;--text-inverse: #fff;--surface: #f7f6f2;--surface-soft: #fbfaf6;--surface-muted: #ebeae5;--surface-dim: #dedcd7;--card: #fff;--border: #dedcd7;--border-emphasis: #777;--success: #4CAF50;--warning: #FF9500;--warning-emphasis: #f59e0b;--warning-highlight: #fde68a;--info: #007AFF;--error: #ef4444;--error-bg: #fef2f2;--accent: #5f3dc4;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 20px;--space-xl: 24px;--space-xxl: 32px;--space-xxxl: 48px;--radius-none: 0px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-xxl: 24px;--radius-full: 999px;--fs-caption: 12px;--fs-footnote: 13px;--fs-body: 14px;--fs-body-lg: 16px;--fs-subhead: 18px;--fs-title: 20px;--fs-title-lg: 22px;--fs-heading: 24px;--fs-display: 28px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-heavy: 800;--lh-tight: 18px;--lh-normal: 20px;--lh-relaxed: 22px;--lh-loose: 24px;--lh-display: 28px;--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--content-max-width: 720px}.blog-article{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-xxl) var(--space-base) var(--space-xxxl);word-break:keep-all;overflow-wrap:anywhere}.blog-article__category{display:inline-block;font-size:var(--fs-footnote);font-weight:var(--fw-bold);letter-spacing:.3px;margin-bottom:var(--space-md)}.blog-article__title{font-size:26px;font-weight:var(--fw-heavy);color:var(--ink900);line-height:36px;margin:0 0 var(--space-md)}.blog-article__summary{font-size:var(--fs-body-lg);color:var(--text-disabled);line-height:var(--lh-loose);margin:0 0 var(--space-base)}.blog-article__meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-footnote);color:var(--ink200);margin-bottom:var(--space-xs)}.blog-article__meta-dot{width:3px;height:3px;border-radius:50%;background:var(--ink100)}.blog-article__divider{height:1px;background:var(--surface-dim);border:0;margin:var(--space-xl) 0}.blog-content{font-size:var(--fs-body-lg);color:var(--ink700);line-height:28px}.blog-content>*:first-child{margin-top:0}.blog-content h1{font-size:26px;font-weight:var(--fw-heavy);color:var(--ink900);line-height:36px;margin:var(--space-lg) 0 10px}.blog-content h2{font-size:var(--fs-title-lg);font-weight:var(--fw-bold);color:var(--ink900);line-height:32px;margin:calc(var(--space-lg) * 2) 0 var(--space-md)}.blog-content h3{font-size:19px;font-weight:var(--fw-bold);color:var(--ink800);line-height:26px;margin:var(--space-xxl) 0 var(--space-sm)}.blog-content h4{font-size:17px;font-weight:var(--fw-semibold);color:var(--ink700);margin:var(--space-xl) 0 var(--space-sm)}.blog-content p{font-size:var(--fs-body-lg);color:var(--ink700);line-height:28px;margin:0 0 var(--space-lg)}.blog-content strong{font-weight:var(--fw-bold);color:#111}.blog-content em{font-style:italic;color:var(--text-secondary)}.blog-content a{color:var(--brand-accent);text-decoration:underline;font-weight:var(--fw-semibold)}.blog-content blockquote{margin:var(--space-sm) 0;padding:var(--space-xs) var(--space-base);border-left:3px solid var(--brand-accent);background:transparent}.blog-content blockquote p{margin:0}.blog-content code{background:#f3f0ff;color:var(--brand-accent);padding:2px 6px;border-radius:var(--radius-xs);font-size:var(--fs-body);font-family:Menlo,Monaco,Consolas,Liberation Mono,monospace}.blog-content pre{background:var(--surface);border:1px solid var(--surface-dim);border-radius:var(--radius-md);padding:var(--space-base);margin:var(--space-base) 0;overflow-x:auto}.blog-content pre code{background:transparent;color:var(--ink700);padding:0;font-size:var(--fs-body)}.blog-content ul,.blog-content ol{margin:0 0 var(--space-base);padding-left:var(--space-xl)}.blog-content li{margin-bottom:var(--space-sm);line-height:28px}.blog-content li::marker{color:var(--brand-accent)}.blog-content hr{height:2px;background:var(--surface-muted);border:0;margin:var(--space-md) 0}.blog-table-scroll{max-width:100%;margin:var(--space-lg) 0;overflow-x:auto;overscroll-behavior-x:contain;border-radius:var(--radius-md)}.blog-table-scroll:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.blog-content .blog-table-scroll>table{min-width:600px;margin:0}.blog-content table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--surface-dim);border-radius:var(--radius-md);overflow:hidden;margin:var(--space-lg) 0;font-size:var(--fs-body);line-height:var(--lh-loose)}.blog-content th{background:var(--surface);font-weight:var(--fw-bold);text-align:left;padding:var(--space-md);border-bottom:1px solid var(--surface-dim)}.blog-content td{padding:var(--space-md);border-bottom:1px solid var(--surface-muted)}.blog-content tr:last-child td{border-bottom:0}.blog-content .blog-img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain;background:transparent;border-radius:var(--radius-md);margin:var(--space-sm) 0 var(--space-lg)}.blog-faq{margin-top:calc(var(--space-lg) * 2);padding-top:var(--space-xl);border-top:1px solid var(--line2)}.blog-content .blog-faq>h2{margin:0 0 var(--space-lg)}.blog-faq__item+.blog-faq__item{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--line2)}.blog-content .blog-faq__item>h3{margin:0 0 var(--space-sm);font-size:var(--fs-body-lg);line-height:var(--lh-display)}.blog-content .blog-faq__item>p{margin:0}.blog-content .blog-faq__item>p+p{margin-top:var(--space-md)}.post-cta{display:block;margin:var(--space-xl) auto var(--space-lg);padding:var(--space-lg);background:color-mix(in srgb,var(--brand-accent) 5%,transparent);border:1px solid color-mix(in srgb,var(--brand-accent) 20%,transparent);border-radius:var(--radius-md);text-align:left;text-decoration:none;transition:opacity .15s ease}.post-cta:hover{opacity:.9}.post-cta__sub{display:block;font-size:var(--fs-body-lg);color:var(--text-primary);line-height:var(--lh-relaxed);margin-bottom:var(--space-base)}.post-cta__button{display:inline-block;background:var(--brand);color:var(--text-inverse);font-size:var(--fs-body-lg);font-weight:var(--fw-bold);padding:var(--space-md) var(--space-xxl);border-radius:var(--radius-full)}.blog-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xxl)}.blog-tags__item{background:var(--surface-neutral);color:var(--text-disabled);font-size:var(--fs-footnote);font-weight:var(--fw-medium);padding:6px var(--space-md);border-radius:var(--radius-xs)}.blog-backlink{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--space-xxl);padding:14px;border:1px solid var(--line2);border-radius:var(--radius-sm);color:var(--brand-accent);font-weight:var(--fw-semibold);font-size:15px;text-decoration:none}.reading-guides{margin:var(--space-xl) 0;padding:var(--space-md);border:1px solid var(--line2);border-radius:var(--radius-sm);background:var(--surface-neutral)}.reading-guides__heading{margin:0 0 var(--space-sm);color:var(--ink800);font-size:var(--fs-body-lg);font-weight:var(--fw-semibold)}.reading-guides__list{list-style:none;padding:0;margin:0}.reading-guides__link{display:block;padding:var(--space-sm) 0;color:var(--brand-accent);line-height:var(--lh-relaxed);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.reading-guides__link:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.blog-index{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-xxl) var(--space-base) var(--space-xxxl)}.blog-index__title{font-size:var(--fs-heading);font-weight:var(--fw-heavy);color:var(--ink900);margin:0 0 var(--space-xs)}.blog-index__subtitle{font-size:var(--fs-body-lg);color:var(--text-secondary);margin:0 0 var(--space-xl)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width: 640px){.blog-grid{grid-template-columns:1fr 1fr}}.blog-card{display:flex;flex-direction:column;border:1px solid #f2f2f2;border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;background:var(--card)}.blog-card__thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#f8f8f8;display:block}.blog-card__thumb--placeholder{display:flex;align-items:center;justify-content:center;color:var(--border);font-size:var(--fs-caption)}.blog-card__category{font-size:11px;font-weight:var(--fw-bold);letter-spacing:.3px;padding:10px var(--space-md) 0}.blog-card__title{font-size:var(--fs-body-lg);font-weight:var(--fw-semibold);color:var(--ink800);line-height:var(--lh-relaxed);padding:var(--space-xs) var(--space-md) var(--space-xs);margin:0}.blog-card__summary{font-size:var(--fs-footnote);color:var(--text-secondary);line-height:var(--lh-relaxed);padding:0 var(--space-md) var(--space-md);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-empty{text-align:center;color:var(--text-muted);padding:var(--space-xxxl) 0}
