:root{--bg: #faf9f6;--surface: #ffffff;--surface-2: #f3f1ec;--text: #1a1a17;--text-strong: #000000;--muted: #6e6a62;--border: #e5e1d8;--accent: #17643c;--accent-hover: #0f4b2c;--accent-soft: #eaf3ee;--shadow: 0 1px 2px rgb(26 26 23 / 5%), 0 8px 24px -12px rgb(26 26 23 / 12%);--radius: 10px;--measure: 40rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "Cascadia Code", Consolas, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #121311;--surface: #1a1b18;--surface-2: #212320;--text: #e9e7e1;--text-strong: #ffffff;--muted: #9a968c;--border: #2e312c;--accent: #6fcf97;--accent-hover: #8ee0af;--accent-soft: #1a2a21;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 8px 24px -12px rgb(0 0 0 / 60%)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:17px;line-height:1.75;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}@media(max-width:640px){body{font-size:16px}}img,svg,video{display:block;max-width:100%;height:auto}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:.6rem 1rem;z-index:100}.skip-link:focus{left:0}.wrap{width:100%;max-width:46rem;margin-inline:auto;padding-inline:1.25rem}.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.0625rem;color:var(--text-strong);text-decoration:none;letter-spacing:-.01em}.brand__mark{width:1.75rem;height:1.75rem;border-radius:50%;flex:none}.brand__tag{font-weight:400;font-size:.8125rem;color:var(--muted)}@media(max-width:560px){.brand__tag{display:none}}.nav{display:flex;gap:1.25rem;font-size:.9375rem}.nav a{color:var(--muted);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--text-strong)}main{flex:1 0 auto;padding-block:3rem 4rem}.site-footer{border-top:1px solid var(--border);padding-block:2rem 3rem;font-size:.875rem;color:var(--muted)}.site-footer__inner{display:grid;gap:.75rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:1rem}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--accent)}.hero{margin-bottom:3.5rem}.hero h1{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.3;letter-spacing:-.02em;color:var(--text-strong);margin-bottom:.875rem}.hero p{color:var(--muted);font-size:1.0625rem;max-width:var(--measure)}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--muted);padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:1.75rem}.card-list{display:grid;gap:1.25rem;list-style:none;padding:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:13rem 1fr;transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--shadow)}@media(max-width:640px){.card{grid-template-columns:1fr}}.card__media{background:var(--surface-2);aspect-ratio:16 / 10}.card__media img{width:100%;height:100%;object-fit:cover}.card__body{padding:1.25rem 1.375rem 1.375rem;display:grid;align-content:start;gap:.5rem}.card__title{font-size:1.1875rem;line-height:1.4;letter-spacing:-.01em}.card__title a{color:var(--text-strong);text-decoration:none}.card__title a:hover{color:var(--accent)}.card__desc{color:var(--muted);font-size:.9375rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--muted)}.meta__dot{opacity:.5}.tag-row{display:flex;flex-wrap:wrap;gap:.375rem}.tag{font-size:.75rem;padding:.1875rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);text-decoration:none;border:1px solid transparent}.tag:hover{border-color:currentColor;color:var(--accent-hover)}.post-header{margin-bottom:2.25rem}.post-header h1{font-size:clamp(1.625rem,4.5vw,2.25rem);line-height:1.35;letter-spacing:-.02em;color:var(--text-strong);margin-bottom:.875rem}.post-header .lede{color:var(--muted);font-size:1.0625rem;margin-bottom:1.125rem}.post-cover{margin:0 0 2.5rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.post-cover img{width:100%}.back-link{display:inline-block;font-size:.875rem;color:var(--muted);text-decoration:none;margin-bottom:1.5rem}.back-link:hover{color:var(--accent)}.prose{max-width:var(--measure)}.prose>*+*{margin-top:1.375rem}.prose h2{font-size:1.375rem;line-height:1.45;letter-spacing:-.015em;color:var(--text-strong);margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);scroll-margin-top:5rem}.prose h3{font-size:1.125rem;line-height:1.5;color:var(--text-strong);margin-top:2.25rem;scroll-margin-top:5rem}.prose h2+*,.prose h3+*{margin-top:.875rem}.prose strong{color:var(--text-strong);font-weight:700}.prose a{text-decoration:underline;text-decoration-thickness:1px}.prose ul,.prose ol{padding-left:1.375rem}.prose li+li{margin-top:.5rem}.prose li::marker{color:var(--muted)}.prose blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);padding:.875rem 1.125rem;border-radius:0 var(--radius) var(--radius) 0;color:var(--text)}.prose blockquote>*+*{margin-top:.75rem}.prose hr{border:0;border-top:1px solid var(--border);margin-block:2.5rem}.prose img{border-radius:var(--radius);border:1px solid var(--border);width:100%}.prose figure{margin-block:2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;overflow-x:auto}.prose figure svg{width:100%;height:auto;color:var(--text)}.prose figcaption{margin-top:.75rem;font-size:.8125rem;color:var(--muted);line-height:1.6}.prose .table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.prose table{border-collapse:collapse;width:100%;font-size:.9375rem;min-width:30rem}.prose thead th{background:var(--surface-2);color:var(--text-strong);font-weight:700;text-align:left;white-space:nowrap}.prose th,.prose td{padding:.625rem .875rem;border-bottom:1px solid var(--border);vertical-align:top}.prose tbody tr:last-child td{border-bottom:0}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--surface-2);padding:.125rem .375rem;border-radius:5px}.prose pre{padding:1rem 1.125rem;border-radius:var(--radius);overflow-x:auto;border:1px solid var(--border)}.prose pre code{background:none;padding:0;font-size:.875rem}.post-footer{max-width:var(--measure);margin-top:3.5rem;padding-top:1.75rem;border-top:1px solid var(--border);display:grid;gap:1.5rem}.author-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.375rem;font-size:.9375rem}.author-box h2{font-size:.9375rem;color:var(--text-strong);margin-bottom:.5rem}.author-box p{color:var(--muted);line-height:1.7}.pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:560px){.pager{grid-template-columns:1fr}}.pager a{border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;text-decoration:none;background:var(--surface);display:grid;gap:.25rem}.pager a:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.pager span{font-size:.75rem;color:var(--muted)}.pager strong{font-size:.9375rem;color:var(--text-strong);font-weight:600;line-height:1.45}.pager .is-next{text-align:right}.page-header{margin-bottom:2.5rem}.page-header h1{font-size:clamp(1.625rem,4.5vw,2.125rem);line-height:1.35;letter-spacing:-.02em;color:var(--text-strong)}.page-header p{color:var(--muted);margin-top:.75rem}.notice{border:1px dashed color-mix(in srgb,var(--accent) 50%,var(--border));background:var(--accent-soft);border-radius:var(--radius);padding:1rem 1.125rem;font-size:.9375rem}