:root{--bg: #eef0e6;--surface: #ffffff;--surface-2: #e2e7d9;--text: #13261d;--text-strong: #0e2018;--muted: #5e6b60;--border: #d3dbcb;--accent: #1f6b45;--accent-hover: #17563a;--accent-soft: #ddebd9;--shadow: 0 1px 2px rgb(19 38 29 / 6%), 0 8px 24px -12px rgb(19 38 29 / 18%);--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: #0f1a14;--surface: #16241c;--surface-2: #1e3026;--text: #eef2ea;--text-strong: #ffffff;--muted: #a3b2a6;--border: #2a3d31;--accent: #7fc79a;--accent-hover: #a2dab4;--accent-soft: #1c3527;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 8px 24px -12px rgb(0 0 0 / 70%)}}*,*: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(--text-strong);color:var(--bg);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:12rem 1fr;grid-template-rows:auto 1fr auto auto;column-gap:1.25rem;row-gap:.5rem;padding:1.25rem;transition:border-color .15s ease,box-shadow .15s ease;position:relative}.card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--shadow)}.card__media{grid-column:1;grid-row:1 / 3;align-self:start}.card__media img{width:100%;height:auto;border-radius:calc(var(--radius) - 4px)}.card__body{display:contents}.card .meta{grid-column:2;grid-row:1}.card__title{grid-column:2;grid-row:2;align-self:start}.card__desc{grid-column:1 / -1;grid-row:3;margin-top:.5rem}.card .tag-row{grid-column:1 / -1;grid-row:4}@media(max-width:640px){.card{grid-template-columns:1fr;grid-template-rows:none}.card__media,.card .meta,.card__title,.card__desc,.card .tag-row{grid-column:1;grid-row:auto}}.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:after{content:"";position:absolute;inset:0}.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;position:relative}.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:#fff;border:1px solid #d3dbcb;border-radius:var(--radius);padding:1rem;overflow-x:auto;color:#13261d}.prose figure svg{width:100%;height:auto;color:#13261d}.prose figcaption{margin-top:.75rem;font-size:.8125rem;color:#5e6b60;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}.crumbs{display:flex;flex-wrap:wrap;gap:.375rem;font-size:.875rem;color:var(--muted);margin-bottom:1.5rem}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent)}.crumbs span{opacity:.5}.category-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.category-nav a{font-size:.875rem;padding:.375rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none}.category-nav a span{color:var(--muted);font-size:.75rem;margin-left:.125rem}.category-nav a:hover{border-color:var(--accent);color:var(--accent)}.start-here{margin-bottom:2.5rem}.start-here ul{list-style:none;padding:0;margin:0;display:grid;gap:.625rem}.start-here a{color:var(--accent);font-weight:600}.category-grid{list-style:none;padding:0;margin:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}.category-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1.125rem 1.25rem}.category-card a{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;color:var(--text-strong);text-decoration:none}.category-card a:hover strong{color:var(--accent)}.category-card__count{font-size:.75rem;color:var(--muted);white-space:nowrap}.category-card p{color:var(--muted);font-size:.9375rem;margin-top:.5rem}