:root{--color-bg:#f8faf7;--color-surface:#ffffff;--color-fg:#18201b;--color-muted:#657067;--color-soft:#3d473f;--color-accent:#1f7a5d;--color-accent-strong:#0f5c45;--color-accent-wash:#e8f3ed;--color-border:#dfe6dd;--color-code-bg:#121614;--color-code-fg:#e8f0e6;--color-ring:#2f8f6d;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif;--font-mono:"SFMono-Regular","Cascadia Code","Liberation Mono",Menlo,Consolas,monospace;--text-display:2.75rem;--text-title:1.75rem;--text-body:1rem;--text-small:0.875rem;--text-code:0.875rem;--text-lead:1.125rem;--text-post:1.25rem;--text-mobile-display:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--page:70rem;--measure:44rem;--toc-width:12rem;--duration-fast:140ms;--duration-reduced:0.001ms;--shadow-rest:0 0.25rem 1.5rem rgb(24 32 27 / 0.06);color-scheme:light;}:root[data-theme="dark"]{--color-bg:#101511;--color-surface:#171d18;--color-fg:#eef4ef;--color-muted:#9eaaa0;--color-soft:#c8d2ca;--color-accent:#6dc8a0;--color-accent-strong:#8edbb8;--color-accent-wash:#1d392c;--color-border:#334039;--color-code-bg:#090d0a;--color-code-fg:#e7eee8;--color-ring:#65c49b;color-scheme:dark;}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--color-bg:#101511;--color-surface:#171d18;--color-fg:#eef4ef;--color-muted:#9eaaa0;--color-soft:#c8d2ca;--color-accent:#6dc8a0;--color-accent-strong:#8edbb8;--color-accent-wash:#1d392c;--color-border:#334039;--color-code-bg:#090d0a;--color-code-fg:#e7eee8;--color-ring:#65c49b;color-scheme:dark;}}*{box-sizing:border-box;}html{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:100%;line-height:1.75;text-rendering:optimizeLegibility;}body{margin:0;min-width:20rem;background:var(--color-bg);}button,input{color:inherit;font:inherit;}button{cursor:pointer;}button:disabled{cursor:not-allowed;opacity:0.55;}[hidden]{display:none !important;}img{display:block;max-width:100%;height:auto;}a{color:inherit;text-decoration-thickness:0.08em;text-underline-offset:0.18em;transition:color var(--duration-fast) ease;}a:hover{color:var(--color-accent-strong);}a:focus-visible{outline:0.1875rem solid var(--color-ring);outline-offset:0.1875rem;border-radius:var(--radius-sm);}.skip-link{position:absolute;left:var(--space-4);top:0;z-index:10;inline-size:max-content;padding:var(--space-2) var(--space-3);border:0.0625rem solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);white-space:nowrap;transform:translateY(calc(-100% - var(--space-4)));transition:transform 140ms ease;}.skip-link:focus{transform:translateY(var(--space-4));}.site-header{border-bottom:0.0625rem solid var(--color-border);background:var(--color-bg);}.nav,.page-shell,.article-shell{width:min(100% - 2rem,var(--page));margin:0 auto;}.nav{display:flex;align-items:center;justify-content:space-between;min-height:4rem;gap:var(--space-4);}.brand{font-weight:800;text-decoration:none;}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2) var(--space-4);color:var(--color-muted);font-size:var(--text-small);font-weight:600;}.theme-toggle{padding:var(--space-1) var(--space-2);border:0.0625rem solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-soft);font-size:var(--text-small);font-weight:600;transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease,border-color var(--duration-fast) ease;}.theme-toggle:hover{border-color:var(--color-accent);background:var(--color-accent-wash);color:var(--color-accent-strong);}.theme-toggle:active{border-color:var(--color-fg);}.theme-toggle:focus-visible,.filter-panel button:focus-visible,.filter-panel input:focus-visible{outline:0.1875rem solid var(--color-ring);outline-offset:0.1875rem;}.nav-links a[aria-current="page"]{color:var(--color-fg);}.page-shell{padding:var(--space-12) 0 var(--space-16);}.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,24rem);gap:var(--space-10);align-items:center;}.intro-copy{max-width:var(--measure);}.kicker,.post-meta,.budget-label{margin:0;color:var(--color-muted);font-size:var(--text-small);font-weight:700;}.intro h1,.article h1{margin:var(--space-3) 0 0;font-size:var(--text-display);line-height:1.05;letter-spacing:0;word-break:keep-all;}.intro-text,.article-lead{margin:var(--space-5) 0 0;color:var(--color-soft);font-size:var(--text-lead);}.intro-figure,.article-figure{margin:0;border:0.0625rem solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-rest);overflow:hidden;}.intro-figure figcaption,.article-figure figcaption{padding:var(--space-3) var(--space-4);border-top:0.0625rem solid var(--color-border);color:var(--color-muted);font-size:var(--text-small);}.budget-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:var(--space-12);border:0.0625rem solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden;}.budget-strip div{padding:var(--space-5);}.budget-strip div + div{border-left:0.0625rem solid var(--color-border);}.budget-strip strong{display:block;margin-top:var(--space-1);font-size:1.125rem;}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:var(--space-10);margin-top:var(--space-12);align-items:start;}.section-heading h2,.about-panel h2,.article h2{margin:var(--space-2) 0 0;font-size:var(--text-title);line-height:1.18;letter-spacing:0;word-break:keep-all;}.filter-panel{grid-column:1;display:grid;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-5);border:0.0625rem solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);}.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:end;}.search-field{display:grid;gap:var(--space-2);}.search-field label,.tag-filter-group legend{color:var(--color-soft);font-size:var(--text-small);font-weight:700;}.search-field input{width:100%;padding:var(--space-2) var(--space-3);border:0.0625rem solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease;}.search-field input:hover,.search-field input:focus{border-color:var(--color-accent);}.search-field input::placeholder{color:var(--color-muted);}.reset-filter,.tag-filter button{padding:var(--space-2) var(--space-3);border:0.0625rem solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-soft);font-size:var(--text-small);font-weight:700;transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease;}.reset-filter:hover:not(:disabled),.tag-filter button:hover{border-color:var(--color-accent);color:var(--color-accent-strong);}.reset-filter:active:not(:disabled),.tag-filter button:active{background:var(--color-border);}.tag-filter button[aria-pressed="true"]{border-color:var(--color-accent);background:var(--color-accent-wash);color:var(--color-accent-strong);}.tag-filter-group{min-width:0;margin:0;padding:0;border:0;}.tag-filter-group legend{margin-bottom:var(--space-2);padding:0;}.tag-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);}.filter-status{margin:0;color:var(--color-muted);font-size:var(--text-small);}.post-list{grid-column:1;display:grid;gap:0;margin:var(--space-6) 0 0;padding:0;list-style:none;border-top:0.0625rem solid var(--color-border);}.filter-panel + .post-list{margin-top:var(--space-4);}.post-item{padding:var(--space-6) 0;border-bottom:0.0625rem solid var(--color-border);}.post-item a{display:grid;gap:var(--space-2);text-decoration:none;}.post-item strong{font-size:var(--text-post);line-height:1.25;}.filter-empty{display:grid;gap:var(--space-2);padding:var(--space-8) 0;border-bottom:0.0625rem solid var(--color-border);color:var(--color-soft);}.filter-empty strong{color:var(--color-fg);}.post-excerpt{max-width:var(--measure);color:var(--color-soft);}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);}.tag-row span{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-accent-wash);color:var(--color-accent-strong);font-size:var(--text-small);font-weight:700;}.about-panel{grid-column:2;padding:var(--space-5);border:0.0625rem solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);}.about-panel p{margin:var(--space-4) 0;color:var(--color-soft);}.about-panel a{color:var(--color-accent-strong);font-weight:700;}.article-shell{padding:var(--space-10) 0 var(--space-16);}.article{display:grid;grid-template-columns:minmax(0,var(--measure)) var(--toc-width);gap:var(--space-8) var(--space-10);justify-content:center;align-items:start;content-visibility:auto;contain-intrinsic-size:80rem;}.article >:not(.article-toc){grid-column:1;}.article-header{margin:0;}.article-figure{margin:0;}.article-toc{grid-column:2;grid-row:3 / span 4;position:sticky;top:var(--space-4);display:grid;gap:var(--space-2);margin:0;padding:var(--space-4);border:0.0625rem solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-small);font-weight:700;}.toc-title{margin:0 0 var(--space-1);color:var(--color-muted);}.article-toc a{padding-left:var(--space-2);border-left:0.0625rem solid transparent;color:var(--color-muted);text-decoration:none;}.article-toc a:hover,.article-toc a[aria-current="location"]{border-color:var(--color-accent);color:var(--color-accent-strong);}.article section{margin:0;scroll-margin-top:var(--space-4);}.article p,.article li{color:var(--color-soft);font-size:var(--text-body);}.article ul{padding-left:var(--space-6);}pre{margin:var(--space-5) 0 0;padding:var(--space-5);overflow-x:auto;border-radius:var(--radius-md);background:var(--color-code-bg);color:var(--color-code-fg);font-family:var(--font-mono);font-size:var(--text-code);line-height:1.7;}code{font-family:var(--font-mono);}@media (max-width:64rem){.article{grid-template-columns:minmax(0,var(--measure));}.article-toc{grid-column:1;grid-row:auto;position:static;}}@media (max-width:48rem){.nav{align-items:flex-start;flex-direction:column;padding:var(--space-4) 0;}.nav-links{justify-content:flex-start;}.page-shell,.article-shell{width:min(100% - 1.5rem,var(--page));}.intro,.content-grid,.budget-strip{grid-template-columns:1fr;}.intro h1,.article h1{font-size:var(--text-mobile-display);}.budget-strip div + div{border-left:0;border-top:0.0625rem solid var(--color-border);}.about-panel{grid-column:1;}.filter-panel{grid-column:1;}.search-row{grid-template-columns:1fr;}.reset-filter{justify-self:start;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto;transition-duration:var(--duration-reduced);}}