*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--amber-soft);color:var(--text)}::-moz-selection{background:var(--amber-soft);color:var(--text)}:focus{outline:none}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}:root{--paper: #faf8f3;--ink: #22201b;--ink-soft: #5c574d;--ink-faint: #918a7b;--rule: #e2dccf;--ink-blue: #1c3d5c;--ink-blue-soft: rgba(28, 61, 92, .1);--amber: var(--ink-blue);--amber-soft: var(--ink-blue-soft);--term-amber: #d99b4e;--warn: #9c4436;--warn-dim: rgba(156, 68, 54, .07);--note-dim: rgba(34, 32, 27, .04);--term-bg: #0f1117;--term-fg: #cdd3cc;--term-dim: #6a7069;--term-green: #6fc07a;--dg-bg: var(--term-bg);--dg-fg: #e2e8f0;--dg-fg-soft: #cbd5e1;--dg-fg-muted: #94a3b8;--dg-line: #64748b;--dg-line-dim: #475569;--dg-surface: #1e293b;--dg-green: #4ade80;--dg-green-soft: #6ee7b7;--dg-green-fill: #14352b;--dg-blue: #3b82f6;--dg-blue-soft: #93c5fd;--dg-blue-fill: #1e3a5f;--dg-red: #f87171;--dg-red-fill: #7c2d12;--dg-amber: #fbbf24;--dg-amber-fill: #3a2c0f;--dg-violet: #a78bfa;--bg: var(--paper);--bg-card: #f1ece0;--bg-hover: rgba(34, 32, 27, .05);--text: var(--ink);--text-muted: var(--ink-soft);--text-dim: var(--ink-faint);--border: var(--rule);--accent: var(--amber);--accent-dim: var(--amber-soft);--accent-2: var(--amber);--accent-3: var(--amber);--sidebar-width: 224px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--font-serif: "Noto Serif KR", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "Cascadia Code", "SF Mono", Consolas, monospace}html{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.7;font-size:15px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{display:flex;min-height:100vh}a{color:var(--accent-2);text-decoration:none}a:hover{color:var(--accent)}:root{--rail-w: 3.9rem;--main-gap: 3.9rem;--rail-bg: color-mix(in srgb, var(--ink) 3.5%, var(--paper));--rail-expanded: 14rem}html.rail-pinned{--rail-w: 14rem;--main-gap: 14rem}.sidebar{width:var(--rail-w);height:100vh;background:var(--rail-bg);border-right:1px solid var(--rule);position:fixed;top:0;left:0;overflow-y:auto;overflow-x:hidden;z-index:100;font-family:var(--font-sans);color:var(--ink-soft);transition:width .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.sidebar-inner{width:var(--rail-expanded);min-height:100vh;display:flex;flex-direction:column;padding:1rem .5rem}html:not(.rail-pinned) .sidebar:hover,html:not(.rail-pinned) .sidebar:focus-within{width:var(--rail-expanded);box-shadow:6px 0 30px #22201b1a}html:not(.rail-pinned) body:has(.sidebar:hover:not(.rail-collapsing)),html:not(.rail-pinned) body:has(.sidebar:focus-within:not(.rail-collapsing)){--main-gap: var(--rail-expanded)}.rail-txt,.rail-expand-only{opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s}html.rail-pinned .rail-txt,html.rail-pinned .rail-expand-only,html:not(.rail-pinned) .sidebar:hover .rail-txt,html:not(.rail-pinned) .sidebar:hover .rail-expand-only,html:not(.rail-pinned) .sidebar:focus-within .rail-txt,html:not(.rail-pinned) .sidebar:focus-within .rail-expand-only{opacity:1;visibility:visible}html:not(.rail-pinned) .sidebar.rail-collapsing,html:not(.rail-pinned) .sidebar.rail-collapsing:hover,html:not(.rail-pinned) .sidebar.rail-collapsing:focus-within{width:var(--rail-w);box-shadow:none}html:not(.rail-pinned) .sidebar.rail-collapsing:hover .rail-txt,html:not(.rail-pinned) .sidebar.rail-collapsing:hover .rail-expand-only,html:not(.rail-pinned) .sidebar.rail-collapsing:focus-within .rail-txt,html:not(.rail-pinned) .sidebar.rail-collapsing:focus-within .rail-expand-only{opacity:0;visibility:hidden}.brand{display:flex;align-items:center;gap:.6rem;padding:.3rem .4rem 1rem;color:var(--ink);text-decoration:none;white-space:nowrap}.brand-sq{width:1.85rem;height:1.85rem;border-radius:7px;background:var(--accent);color:var(--paper);display:grid;place-items:center;font-family:var(--font-serif);font-weight:700;font-size:.9rem;flex-shrink:0}.brand-txt{font-family:var(--font-serif);font-weight:700;font-size:1.02rem;letter-spacing:-.01em}.rail-item,.sidebar-nav a{display:flex;align-items:center;gap:.7rem;width:100%;padding:.5rem .55rem;border-radius:7px;font-family:var(--font-sans);font-size:.85rem;color:var(--ink-soft);background:transparent;border:none;cursor:pointer;white-space:nowrap;overflow:hidden;min-height:2.2rem;transition:background .15s,color .15s}.rail-ic{display:inline-flex;width:1.2rem;flex-shrink:0;justify-content:center}.rail-ic svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.rail-item:hover,.sidebar-nav a:hover,.sidebar-category-link:hover{background:var(--accent-dim);color:var(--accent)}.sidebar-nav a.active{color:var(--accent);font-weight:700;background:var(--accent-dim)}#search-btn #search-btn-kbd{margin-left:auto;font-size:.62rem;font-family:var(--font-mono);color:var(--ink-faint);border:1px solid var(--rule);border-radius:4px;padding:.05rem .3rem}.sidebar-nav{display:flex;flex-direction:column;gap:.12rem;margin-bottom:.4rem}.sidebar-nav-label{font-size:.6rem;font-weight:700;letter-spacing:0;color:var(--ink-faint);margin:1rem 0 .4rem .55rem}a.sidebar-nav-label--link{display:block;text-decoration:none;transition:color .15s}a.sidebar-nav-label--link:hover,a.sidebar-nav-label--link.active{color:var(--accent)}.sidebar-categories{display:flex;flex-direction:column;gap:.1rem}.sidebar-category-link{display:flex;align-items:center;justify-content:space-between;padding:.35rem .55rem;border-radius:7px;font-size:.83rem;color:var(--ink-soft);text-decoration:none}.sidebar-category-count{font-size:.68rem;font-family:var(--font-mono);color:var(--ink-faint);background:var(--bg-hover);border-radius:10px;padding:.05rem .4rem;min-width:1.4rem;text-align:center}.sidebar-category-link:hover .sidebar-category-count,.sidebar-category-link.active .sidebar-category-count{color:var(--accent)}.sidebar-category-link.active{color:var(--accent);font-weight:700;background:var(--accent-dim)}.sidebar-tags{margin-top:.4rem}.sidebar-tags .tag-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem;padding:0 .2rem}.sidebar-tags .tag{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:transparent;font-size:.68rem;padding:.12rem .45rem;border-radius:4px}.sidebar-tags .tag:hover{background:var(--accent-dim)}.sidebar-tags .tag-n{margin-left:.3rem;font-family:var(--font-mono);font-size:.9em;color:var(--ink-faint);font-variant-numeric:tabular-nums}.rail-bottom{margin-top:auto;padding-top:.5rem}.sidebar-footer{font-size:.66rem;color:var(--ink-faint);text-align:center;padding-top:.6rem}.main-wrap{margin-left:var(--main-gap);flex:1;min-width:0;min-height:100vh;padding:2.5rem 3rem;display:flex;flex-direction:column;transition:margin-left .2s cubic-bezier(.16,1,.3,1)}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.main-content>.site-footer{margin-top:auto}.main-row{display:flex;flex:1;gap:2.5rem}.right-panel{width:240px;flex-shrink:0;position:sticky;top:2rem;align-self:flex-start}.post-list{list-style:none;display:flex;flex-direction:column}.post-item{display:flex;flex-direction:column;gap:.3rem;padding:1.1rem .6rem;border-bottom:1px solid var(--rule);position:relative;transition:background .15s}.post-item:hover{background:var(--accent-dim)}.post-item-date{font-size:.74rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.post-item-title{font-size:1.15rem;font-weight:600;color:var(--ink);font-family:var(--font-serif);line-height:1.35;letter-spacing:-.02em;transition:color .2s}.post-item:hover .post-item-title{color:var(--amber)}.post-item-link{position:absolute;inset:0;border-radius:8px}.post-item .tags{position:relative;z-index:1}.post-item-desc{font-size:.85rem;color:var(--ink-soft);line-height:1.55}.post-list .tag{background:transparent;border:none;padding:0;font-size:.85rem;color:var(--ink-soft)}.post-list .tag:before{content:"#";opacity:.55}.post-list .tag:hover{background:transparent;color:var(--accent)}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.tag{font-family:var(--font-mono);font-size:.72rem;color:var(--amber);background:var(--amber-soft);border:1px solid transparent;padding:.1rem .5rem;border-radius:4px;transition:background .15s}.tag:hover{transform:none;box-shadow:none;background:#b56a1a2e}.post-breadcrumb{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-family:var(--font-sans);color:var(--ink-faint);margin-bottom:1rem}.post-breadcrumb a{color:var(--ink-faint);text-decoration:none;transition:color .15s}.post-breadcrumb a:hover{color:var(--amber)}.post-breadcrumb-sep{color:var(--rule)}.post-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--rule)}.post-header h1{font-family:var(--font-serif);font-size:2rem;font-weight:600;letter-spacing:-.015em;line-height:1.18;color:var(--ink);margin-bottom:.75rem}.post-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:var(--ink-faint);font-family:var(--font-sans)}.prose{color:var(--ink);font-family:var(--font-serif);font-size:1.08rem;line-height:1.8}.prose h2{font-family:var(--font-serif);font-size:1.45rem;font-weight:600;letter-spacing:-.01em;margin:2.4rem 0 1rem;color:var(--ink);scroll-margin-top:1.5rem}article .prose h2{padding-bottom:.6rem}.prose h3{font-family:var(--font-serif);font-size:1.18rem;font-weight:600;margin:2rem 0 .6rem;color:var(--ink)}.prose h4{font-family:var(--font-serif);font-size:1rem;font-weight:700;margin:1.5rem 0 .4rem;color:var(--ink-soft)}.prose p{margin-bottom:1.2rem}.prose ul,.prose ol{padding-left:1.5rem;margin-bottom:1.2rem}.prose li{margin-bottom:.4rem}.prose li::marker{color:var(--amber)}.prose blockquote{border-left:3px solid var(--rule);padding-left:1rem;margin:1.4rem 0;color:var(--ink-soft);font-style:italic}.prose blockquote>*{margin:0}.prose code{font-family:var(--font-mono);font-size:.86em;background:var(--accent-dim);color:var(--accent);padding:.12em .38em;border-radius:4px}.prose pre{background:var(--term-bg);color:var(--term-fg);font-family:var(--font-mono);font-size:.84rem;line-height:1.7;border-radius:8px;padding:1rem 1.1rem;margin:1.6rem 0;overflow-x:auto;border:1px solid #23262e;position:relative}.prose pre code{background:transparent;color:inherit;padding:0;font-size:inherit}.astro-code,.astro-code span{color:var(--shiki-dark)!important}.astro-code{background-color:var(--term-bg)!important}.prose hr{border:none;border-top:1px solid var(--rule);margin:2.5rem 0}.post-figure{margin:1.8rem 0;background:var(--term-bg);border:1px solid #23262e;border-radius:10px;padding:1rem 1rem .5rem}.svg-steps svg{display:block;width:100%;height:auto}.svg-steps .step-controls{display:none;align-items:center;gap:.75rem;margin:.5rem 0;font-size:.875rem;color:var(--term-fg)}.svg-steps.is-live .step-controls{display:flex}.svg-steps .step-controls button{padding:.25rem .75rem;border:1px solid var(--term-dim);border-radius:4px;background:transparent;color:var(--term-fg);cursor:pointer;font:inherit}.svg-steps .step-controls button[aria-disabled=true]{opacity:.4;cursor:default}.svg-steps .step-status{display:flex;align-items:center;gap:.75rem;flex:1}.svg-steps .step-counter{font-variant-numeric:tabular-nums}.svg-steps .step-label{flex:1;color:var(--term-dim)}.svg-steps.is-live svg g[data-step].is-hidden{visibility:hidden}.svg-steps svg [fill="#0f1117"]{fill:var(--dg-bg)}.svg-steps svg [stroke="#0f1117"]{stroke:var(--dg-bg)}.svg-steps svg [fill="#e2e8f0"]{fill:var(--dg-fg)}.svg-steps svg [stroke="#e2e8f0"]{stroke:var(--dg-fg)}.svg-steps svg [fill="#cbd5e1"]{fill:var(--dg-fg-soft)}.svg-steps svg [stroke="#cbd5e1"]{stroke:var(--dg-fg-soft)}.svg-steps svg [fill="#94a3b8"]{fill:var(--dg-fg-muted)}.svg-steps svg [stroke="#94a3b8"]{stroke:var(--dg-fg-muted)}.svg-steps svg [fill="#64748b"]{fill:var(--dg-line)}.svg-steps svg [stroke="#64748b"]{stroke:var(--dg-line)}.svg-steps svg [fill="#475569"]{fill:var(--dg-line-dim)}.svg-steps svg [stroke="#475569"]{stroke:var(--dg-line-dim)}.svg-steps svg [fill="#1e293b"]{fill:var(--dg-surface)}.svg-steps svg [stroke="#1e293b"]{stroke:var(--dg-surface)}.svg-steps svg [fill="#4ade80"]{fill:var(--dg-green)}.svg-steps svg [stroke="#4ade80"]{stroke:var(--dg-green)}.svg-steps svg [fill="#6ee7b7"]{fill:var(--dg-green-soft)}.svg-steps svg [stroke="#6ee7b7"]{stroke:var(--dg-green-soft)}.svg-steps svg [fill="#14352b"]{fill:var(--dg-green-fill)}.svg-steps svg [stroke="#14352b"]{stroke:var(--dg-green-fill)}.svg-steps svg [fill="#3b82f6"]{fill:var(--dg-blue)}.svg-steps svg [stroke="#3b82f6"]{stroke:var(--dg-blue)}.svg-steps svg [fill="#93c5fd"]{fill:var(--dg-blue-soft)}.svg-steps svg [stroke="#93c5fd"]{stroke:var(--dg-blue-soft)}.svg-steps svg [fill="#1e3a5f"]{fill:var(--dg-blue-fill)}.svg-steps svg [stroke="#1e3a5f"]{stroke:var(--dg-blue-fill)}.svg-steps svg [fill="#f87171"]{fill:var(--dg-red)}.svg-steps svg [stroke="#f87171"]{stroke:var(--dg-red)}.svg-steps svg [fill="#7c2d12"]{fill:var(--dg-red-fill)}.svg-steps svg [stroke="#7c2d12"]{stroke:var(--dg-red-fill)}.svg-steps svg [fill="#fbbf24"]{fill:var(--dg-amber)}.svg-steps svg [stroke="#fbbf24"]{stroke:var(--dg-amber)}.svg-steps svg [fill="#3a2c0f"]{fill:var(--dg-amber-fill)}.svg-steps svg [stroke="#3a2c0f"]{stroke:var(--dg-amber-fill)}.svg-steps svg [fill="#a78bfa"]{fill:var(--dg-violet)}.svg-steps svg [stroke="#a78bfa"]{stroke:var(--dg-violet)}@media print{.svg-steps{break-inside:avoid}.svg-steps .step-controls{display:none!important}.svg-steps.is-live svg g[data-step].is-hidden{visibility:visible}}.prose img{max-width:100%;display:block;margin:0 auto;border-radius:4px;cursor:zoom-in}.prose figcaption{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);text-align:center;margin-top:.7rem;line-height:1.5}#image-lightbox{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center}#image-lightbox.open{display:flex}.lightbox-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(4px)}.lightbox-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:1.25rem;right:1.25rem;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0006;color:#f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s;z-index:1}.lightbox-close:hover{background:#0009;border-color:#ffffff73}.lightbox-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lightbox-content img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:8px;border:none;margin:0}#image-lightbox .lightbox-content.zoom{position:absolute;inset:0;max-width:none;max-height:none;display:block;overflow:hidden;touch-action:none;cursor:grab}#image-lightbox .lightbox-content.zoom.grabbing{cursor:grabbing}#image-lightbox .lightbox-content.zoom :is(img,svg){position:absolute;top:0;left:0;max-width:none;max-height:none;object-fit:fill;border-radius:0;transform-origin:0 0;user-select:none;-webkit-user-drag:none;will-change:transform;cursor:inherit}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem;display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.prose th{background:var(--bg-card);font-weight:700;color:var(--ink)}.prose th,.prose td{border:1px solid var(--rule);padding:.6rem .9rem}.prose tr:hover td{background:var(--bg-hover)}.prose strong{color:var(--ink);font-weight:700}.prose a{color:var(--amber);border-bottom:1px solid rgba(181,106,26,.35)}.prose a:hover{border-bottom-color:var(--amber)}.katex{color:var(--text)}.katex-display{overflow-x:auto;padding:.5rem 0;margin:1.5rem 0}.page-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;margin-bottom:2rem;color:var(--ink);display:flex;align-items:center;gap:.5rem}.page-title:before{content:"";display:inline-block;width:4px;height:1.4em;background:linear-gradient(180deg,var(--accent) 0%,rgba(28,61,92,.5) 100%);border-radius:2px}.page-sub{margin:-1.4rem 0 2rem;font-size:.9rem;color:var(--ink-soft);line-height:1.6;max-width:44em}.site-footer{border-top:1px solid var(--border);padding:1.5rem 0;font-size:.8rem;color:var(--text-dim)}#reading-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--amber);z-index:200;transition:width .1s linear;box-shadow:none}.toc{position:sticky;top:2rem;padding:1rem 0 1rem 1rem;border-left:2px solid var(--rule)}.toc-title{font-size:.72rem;font-weight:700;letter-spacing:0;color:var(--ink-soft);font-family:var(--font-sans);margin-bottom:.85rem}.toc-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.toc-link{font-size:.9rem;color:var(--ink-faint);display:block;line-height:1.5;transition:color .2s,padding-left .2s;text-decoration:none}.toc-link:hover{color:var(--ink)}.toc-link.active{color:var(--amber);font-weight:600;padding-left:.4rem;border-left:2px solid var(--amber);margin-left:-1.1rem;text-shadow:none}.mtoc{display:none}.mtoc-fab{position:fixed;right:1rem;bottom:1rem;width:50px;height:50px;border-radius:50%;background:var(--paper);border:1.5px solid var(--accent);display:flex;align-items:center;justify-content:center;z-index:90;cursor:pointer;box-shadow:0 4px 14px #14130f38;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}.mtoc-fab.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.mtoc-bars{position:relative;width:18px;height:1.6px;background:var(--accent);border-radius:1px}.mtoc-bars:before,.mtoc-bars:after{content:"";position:absolute;left:0;width:18px;height:1.6px;background:var(--accent);border-radius:1px}.mtoc-bars:before{top:-5.5px}.mtoc-bars:after{top:5.5px}.mtoc-backdrop{position:fixed;inset:0;background:#14130f61;z-index:95;opacity:0;pointer-events:none;transition:opacity .22s}.mtoc-backdrop.is-open{opacity:1;pointer-events:auto}.mtoc-sheet{position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--paper);border-radius:16px 16px 0 0;box-shadow:0 -10px 30px #00000038;max-height:72vh;display:flex;flex-direction:column;transform:translateY(101%);transition:transform .26s cubic-bezier(.4,0,.2,1)}.mtoc-sheet.is-open{transform:translateY(0)}.mtoc-grip{width:38px;height:4px;background:var(--rule);border-radius:2px;margin:9px auto 4px;flex-shrink:0}.mtoc-head{padding:6px 1.4rem 8px;border-bottom:1px solid var(--rule);flex-shrink:0}.mtoc-cap{font-family:var(--font-sans);font-size:.7rem;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em}.mtoc-body{overflow-y:auto;padding:2px 1.4rem 1.6rem;-webkit-overflow-scrolling:touch}.mtoc-list{list-style:none;margin:0;padding:0}.mtoc-link{display:flex;gap:11px;align-items:baseline;font-family:var(--font-serif);font-size:.95rem;color:var(--ink-soft);text-decoration:none;padding:10px 2px;line-height:1.45;border-bottom:1px solid rgba(226,220,207,.55)}.mtoc-list li:last-child .mtoc-link{border-bottom:none}.mtoc-n{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);flex-shrink:0;min-width:1.1em}.mtoc-link.active{color:var(--accent);font-weight:600}.mtoc-link.active .mtoc-n{color:var(--accent)}@media(max-width:768px){.mtoc{display:block}}.post-nav{display:grid;grid-template-columns:1fr 1fr;margin-top:3rem;margin-bottom:3rem;padding-top:2rem;border-top:1px solid var(--rule)}.post-nav-item{display:flex;flex-direction:column;gap:.3rem;padding:.75rem .9rem;transition:background .15s;min-width:0;touch-action:manipulation}.post-nav-item:hover{background:var(--accent-dim)}.post-nav-item:hover .post-nav-title{color:var(--accent)}.post-nav-item.next{text-align:right;border-left:1px solid var(--rule)}.post-nav-label{font-size:.78rem;font-weight:600;letter-spacing:.01em;font-family:var(--font-sans);color:var(--accent)}.post-nav-title{font-size:.9rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s}.reading-time{font-family:var(--font-sans);font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.callout{border-left:3px solid var(--accent);background:var(--accent-dim);padding:.9rem 1.15rem;margin:1.5rem 0;border-radius:0 5px 5px 0;font-family:var(--font-serif)}.callout>*:last-child{margin-bottom:0}.callout-title{font-family:var(--font-sans);font-size:.95rem;font-weight:700;letter-spacing:0;color:var(--accent);margin-bottom:.5rem}.callout-key,.callout-tip{background:var(--accent-dim);border-color:var(--accent)}.callout-key .callout-title,.callout-tip .callout-title{color:var(--accent)}.callout-key ul,.callout-tip ul{margin:0;padding-left:1.25rem;color:var(--text-muted);font-size:.92rem;line-height:1.9}.callout-key li::marker,.callout-tip li::marker{color:var(--accent)}.callout-info,.callout-simple{background:var(--note-dim);border-color:var(--ink-faint)}.callout-info .callout-title,.callout-simple .callout-title{color:var(--ink-soft)}.callout-warn{background:var(--warn-dim);border-color:var(--warn)}.callout-warn .callout-title{color:var(--warn)}.thm{border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:0 5px 5px 0;background:var(--accent-dim);padding:.9rem 1.2rem;margin:1.5rem 0;font-family:var(--font-serif)}.thm.def{background:transparent}.thm>*:last-child{margin-bottom:0}.thm-head{font-family:var(--font-sans);font-weight:700;font-size:.9rem;color:var(--accent);margin-bottom:.4rem}.thm-head .en{font-weight:400;color:var(--ink-faint);font-style:italic;font-size:.92em;margin-left:.3rem}.proof{font-family:var(--font-serif);margin:1.2rem 0}.proof p{margin:0}.proof-lead{font-style:italic;color:var(--ink-soft);margin-right:.15rem}.qed{float:right}.margin-note{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);line-height:1.5;border-left:2px solid var(--rule);padding:.1rem 0 .1rem .8rem;margin:.8rem 0}@media(min-width:1200px){.prose{position:relative}.margin-note{position:absolute;right:-180px;width:160px;border-left:none;border-top:1px solid var(--rule);padding:.4rem 0 0}}.prose.numbered{counter-reset:h2sec fig}.prose.numbered h2{counter-increment:h2sec;counter-reset:h3sub}.prose.numbered h2:before{content:counter(h2sec) "  ";font-family:var(--font-sans);font-weight:700;font-size:.95rem;color:var(--accent)}.prose.numbered h3{counter-increment:h3sub}.prose.numbered h3:before{content:counter(h2sec) "." counter(h3sub) "  ";font-family:var(--font-mono);font-weight:600;font-size:.8rem;color:var(--accent)}.difficulty-badge{display:inline-block;font-size:.78rem;padding:.15rem .55rem;border-radius:12px;font-weight:600;letter-spacing:.02em;margin-left:.25rem;border:1px solid var(--amber);color:var(--amber);background:var(--amber-soft)}.glossary{display:flex;flex-direction:column;margin:1.5rem 0;border:1px solid var(--rule);border-radius:8px;overflow:hidden}.glossary-item{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--rule);align-items:baseline}.glossary-item:last-child{border-bottom:none}.glossary-term{font-size:.83rem;font-weight:700;color:var(--accent-3);font-family:var(--font-mono)}.glossary-def{font-size:.88rem;color:var(--text-muted);line-height:1.65}.example-label,.section-label{display:inline-block;font-size:.68rem;font-weight:700;padding:.2rem .6rem;border-radius:4px;margin-bottom:.5rem}.example-label{color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber);text-transform:uppercase;letter-spacing:.1em}.section-label-deep{font-size:.95rem;font-weight:700;letter-spacing:.04em;padding:.3rem 1rem;border-radius:999px;margin-bottom:1rem;color:var(--amber);background:var(--amber-soft);border:1.5px solid var(--amber)}.post-nav-desc{font-size:.78rem;color:var(--ink-faint);line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.15rem}.code-copy-btn{position:absolute;top:.55rem;right:.55rem;padding:.18rem .5rem;font-size:.68rem;font-family:var(--font-mono);background:#ffffff12;color:var(--term-fg);border:1px solid #3a3f37;border-radius:4px;cursor:pointer;line-height:1.4;opacity:0;transition:opacity .2s,background .2s,color .2s,border-color .2s}pre:hover .code-copy-btn{opacity:1}@media(hover:none){.code-copy-btn{opacity:1}}.code-copy-btn:hover{background:#ffffff24}.code-copy-btn.copied{opacity:1;color:var(--term-green);border-color:#4ade8066;background:#4ade801a}#search-modal{position:fixed;inset:0;z-index:1001;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;opacity:0;pointer-events:none;transition:opacity .15s}#search-modal.open{opacity:1;pointer-events:auto}.search-modal-box{width:100%;max-width:520px;background:var(--paper);border:1px solid var(--rule);border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #0006;transform:translateY(-8px);transition:transform .15s}#search-modal.open .search-modal-box{transform:translateY(0)}.search-modal-input-row{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid var(--rule)}.search-modal-icon{color:var(--ink-faint);font-size:1rem;flex-shrink:0}#search-input{flex:1;background:transparent;border:none;outline:none;font-size:.95rem;color:var(--ink);font-family:var(--font-sans)}#search-input::placeholder{color:var(--ink-faint)}.search-modal-esc{font-size:.65rem;color:var(--ink-faint);background:var(--bg-hover);border:1px solid var(--rule);border-radius:4px;padding:.15rem .4rem;flex-shrink:0}#search-results{max-height:360px;overflow-y:auto;padding:.4rem}#search-results:empty{display:none}.search-result-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;border-radius:6px;text-decoration:none;color:var(--ink);transition:background .1s}.search-result-item:hover,.search-result-item.focused{background:var(--amber-soft);color:var(--ink)}.search-result-title{font-size:.875rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-badge{font-size:.65rem;padding:.1rem .45rem;border-radius:4px;background:var(--amber-soft);color:var(--amber);flex-shrink:0;font-family:var(--font-mono)}.search-empty{padding:1.25rem 1rem;font-size:.85rem;color:var(--ink-faint);text-align:center}.post-category-badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:600;padding:.12rem .45rem;border-radius:4px;border:1px solid;position:relative;z-index:1;transition:opacity .2s;text-decoration:none}.post-category-badge:hover{opacity:.8}.sidebar-toggle{display:none;position:fixed;top:.75rem;left:.75rem;z-index:200;width:40px;height:40px;background:var(--rail-bg);border:1px solid var(--rule);border-radius:8px;padding:0;cursor:pointer;color:var(--ink-soft);align-items:center;justify-content:center;touch-action:manipulation;transition:background .15s,border-color .15s}.sidebar-toggle:hover{background:var(--accent-dim);border-color:var(--accent)}@media(max-width:768px){.sidebar-toggle{display:flex;position:relative;top:auto;left:auto;align-self:flex-start;flex-shrink:0;margin:.75rem 0 0 .75rem}.sidebar{position:fixed;width:15rem;height:100vh;border-right:1px solid var(--rule);border-bottom:none;transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.rail-txt,.rail-expand-only{opacity:1;visibility:visible}.sidebar-inner{width:100%}body{flex-direction:column}.main-wrap{margin-left:0;padding:1rem 1.5rem 1.5rem;min-height:calc(100vh - 52px)}.right-panel{display:none}.post-header h1{font-size:1.4rem}.post-nav{grid-template-columns:1fr}.post-nav-item.next{text-align:left;border-left:none;border-top:1px solid var(--rule)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}