:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #f6f7f8;--border: #e8eaed;--text-1: #282728;--text-2: #555055;--text-3: #8b857f;--accent: #e0483f;--accent-soft: #fcebe9;--link: #b03a32;--footer-bg: #282728;--footer-fg: #c9c4bd;--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;--font-head: var(--font-sans);--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.563rem;--fs-3xl: 1.953rem;--fs-4xl: 2.441rem;--lh-tight: 1.15;--lh-snug: 1.3;--lh-base: 1.7;--fw-normal: 400;--fw-medium: 600;--fw-bold: 700;--fw-black: 800;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-pill: 999px;--sh-sm: 0 1px 1px rgba(0,0,0,.125);--sh-md: 0 2px 8px rgba(40,39,40,.1);--sh-lg: 0 10px 30px rgba(40,39,40,.13);--transition: all .2s ease-in-out;--maxw: 1220px;--content-w: 820px;--left-w: 220px;--sidebar-w: 400px;--sidebar-w-wide: 400px;--hd-offset: 4.5rem;--logo-size: 2.3rem;--logo-weight: 800;--nav-size: 1.38rem;--nav-weight: 700}html{font-family:var(--font-sans);color:var(--text-1);background:var(--bg);-webkit-font-smoothing:antialiased}body{margin:0;font-size:var(--fs-base);line-height:var(--lh-base)}a{color:var(--link);text-decoration:none}a:hover{color:var(--accent)}h1,h2,h3,h4{font-family:var(--font-head);line-height:var(--lh-snug);color:var(--text-1)}.blog-shell{max-width:var(--maxw);margin-inline:auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;gap:1.5rem;min-height:60px}.site-logo{font-weight:var(--logo-weight);font-size:var(--logo-size);color:var(--accent);white-space:nowrap}.site-nav{display:flex;gap:.2rem;flex-wrap:wrap}.site-nav a{font-size:var(--nav-size);font-weight:var(--nav-weight);padding:.3rem .85rem;color:var(--text-1);border-radius:4px}.site-nav a:hover{color:var(--accent)}.site-search{min-width:200px;font-size:.85rem;border-radius:20px;border:1px solid var(--border);padding:.45rem 1rem;background:#fff}.lang-switch{display:flex;gap:.3rem;margin-left:auto}.lang-switch a.lang-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:1.9rem;border:1px solid var(--border);border-radius:6px;font-size:1.15rem;line-height:1;filter:grayscale(.4) opacity(.7);transition:var(--transition)}.lang-switch a.lang-btn:hover{border-color:var(--accent);filter:none}.lang-switch a.lang-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);filter:none}.hero{display:grid;grid-template-columns:1fr;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin:1.75rem 0;background:#fff}@media(min-width:768px){.hero{grid-template-columns:1.25fr 1fr}}.hero__media{aspect-ratio:16/10;background:var(--surface-2)}.hero__media img{width:100%;height:100%;object-fit:cover;display:block}.hero__body{padding:2rem;display:flex;flex-direction:column;justify-content:center}.hero__cat{display:inline-block;font-size:.8rem;font-weight:700;color:var(--accent)}.hero__title{font-size:1.9rem;font-weight:800;line-height:1.25;margin:.6rem 0;color:var(--text-1)}.hero__excerpt{color:var(--text-2);font-size:1rem;line-height:1.7}.hero__date{color:var(--text-3);font-size:.82rem;margin-top:1rem}.blog-2col{display:grid;grid-template-columns:1fr;gap:36px;align-items:start}@media(min-width:900px){.blog-2col{grid-template-columns:minmax(0,1fr) var(--sidebar-w)}}.section-title{font-size:1.3rem;font-weight:700;border-bottom:1px solid var(--border);padding-bottom:.55rem;margin:0 0 1.4rem}.section-title>span{display:inline-block;border-bottom:2px solid var(--accent);padding-bottom:.55rem;margin-bottom:-1px}.post-list{display:flex;flex-direction:column;gap:24px}.post-card{display:grid;grid-template-columns:1fr;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}@media(min-width:560px){.post-card{grid-template-columns:240px 1fr}}.post-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-1px)}.post-card__thumb{aspect-ratio:16/10;background:var(--surface-2)}.post-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.post-card__body{padding:1.15rem 1.4rem}.post-card__cat{display:inline-block;font-size:.78rem;color:var(--accent);font-weight:700}.post-card__title{font-size:1.25rem;font-weight:700;line-height:1.3;margin:.35rem 0;color:var(--text-1)}.post-card__excerpt{color:var(--text-2);font-size:.92rem;line-height:1.6}.post-card__date{color:var(--text-3);font-size:.8rem;margin-top:.6rem}.rail-card{border:1px solid var(--border);border-radius:10px;padding:1.2rem 1.3rem;margin-bottom:1.5rem;background:#fff}.rail-title{font-size:1rem;font-weight:700;border-left:3px solid var(--accent);padding-left:.5rem;margin:0 0 1rem}.rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.rail-item{margin:0}.rail-item a{display:flex;gap:.7rem;align-items:center;color:inherit}.rail-item a>div{flex:1;min-width:0}.rail-num{align-self:flex-start}.rail-item__thumb{width:56px;height:56px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--surface-2)}.rail-item__title{font-size:.9rem;font-weight:600;line-height:1.35;color:var(--text-1)}.rail-item__date{font-size:.75rem;color:var(--text-3);margin-top:.2rem}.rail-num{color:var(--accent);font-weight:800;margin-right:.45rem}.rail-cats{list-style:none;margin:0;padding:0}.rail-cats li{display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.rail-cats li:last-child{border-bottom:0}.article-prose{font-size:1.1rem;line-height:1.8;color:var(--text-1)}.article-prose>*{margin:0 0 1.5rem}.article-prose h2{font-size:1.5rem;font-weight:700;margin:2.2rem 0 1rem;border-left:4px solid var(--accent);padding-left:.6rem}.article-prose h3{font-size:1.25rem;font-weight:700;margin:1.7rem 0 .8rem}.article-prose img{max-width:100%;height:auto;border-radius:8px}.article-prose blockquote{border-left:4px solid var(--accent);padding-left:1rem;color:var(--text-2)}.article-prose table{width:100%;border-collapse:collapse;font-size:.95rem}.article-prose th,.article-prose td{border:1px solid var(--border);padding:.5rem .7rem}.article-prose a{color:var(--accent);text-decoration:none;font-weight:600}.article-prose a:hover{text-decoration:underline}.post-title{font-size:2.1rem;font-weight:800;line-height:1.25;margin-bottom:.8rem;color:var(--text-1)}.tag-chip{display:inline-block;padding:4px 10px;border-radius:4px;background:var(--surface-2);color:var(--text-2);font-size:.85rem;margin-right:.35rem}.site-footer{background:var(--footer-bg);color:var(--footer-fg);margin-top:3rem;padding:2rem 0}.site-footer a{color:var(--footer-fg)}.post-card__cat:before,.hero__cat:before,.cat-ico:before{content:"";display:inline-block;width:.85em;height:.85em;margin-right:.3em;vertical-align:-1px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41 13.42 20.6a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Ccircle cx='7' cy='7' r='1.2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41 13.42 20.6a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Ccircle cx='7' cy='7' r='1.2'/%3E%3C/svg%3E") center/contain no-repeat}