.progress-track{background:var(--border);z-index:100;width:100%;height:3px;position:fixed;top:0;left:0}.progress-fill{background:var(--accent);height:100%;transition:width 80ms linear}.breadcrumb{background:var(--bg);border-bottom:1px solid var(--border)}.breadcrumb-inner{max-width:1200px;padding:var(--sp-md) var(--sp-xl);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 auto;font-size:13px;display:flex}.breadcrumb-inner a{color:var(--muted);transition:color .15s}.breadcrumb-inner a:hover{color:var(--fg)}.breadcrumb-sep{opacity:.4}.breadcrumb-current{color:var(--body);font-weight:600}.layout{max-width:1280px;padding:0 var(--sp-2xl) 0 var(--sp-xl);grid-template-columns:1fr;align-items:start;gap:0;margin:0 auto;display:grid}@media (min-width:992px){.layout{grid-template-columns:1fr 280px;gap:72px}}article{min-width:0;padding:40px 0 80px}@media (min-width:992px){article{padding:64px 0 120px}}.article-meta-top{margin-bottom:var(--sp-xl);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tag{background:var(--surface);color:var(--fg);border-radius:var(--radius-pill);font:600 12px/1 var(--font-body);letter-spacing:.01em;padding:6px 13px}h1.article-title{font:900 clamp(28px, 8vw, 56px) / .85 var(--font-display);letter-spacing:-.02em;max-width:18ch;margin-bottom:var(--sp-xl)}.byline{align-items:center;gap:var(--sp-md);padding-bottom:var(--sp-2xl);margin-bottom:var(--sp-2xl);border-bottom:1px solid var(--border);display:flex}.avatar{background:linear-gradient(160deg, var(--fg), #2a3320);color:#fff;width:40px;height:40px;font:600 15px/1 var(--font-body);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.byline-text{font-size:14px;line-height:1.4}.byline-text .name{color:var(--fg);font-weight:600}.byline-text .meta{color:var(--muted)}.prose{max-width:66ch}.prose .markdown-body h2{font:900 26px / .85 var(--font-display);letter-spacing:-.01em;margin:40px 0 var(--sp-lg);scroll-margin-top:96px}@media (min-width:992px){.prose .markdown-body h2{margin-top:56px;font-size:40px}}.prose .markdown-body h2:first-child{margin-top:0}.prose .markdown-body p{margin-bottom:var(--sp-lg);color:var(--fg)}.prose .markdown-body p.lead{color:var(--muted);font-size:22px;font-weight:400;line-height:1.55}.prose .markdown-body ul,.prose .markdown-body ol{margin:0 0 var(--sp-lg) 22px}.prose .markdown-body li{margin-bottom:8px}.prose .markdown-body code{font:500 15px/1 var(--font-mono,monospace);background:var(--surface);border-radius:6px;padding:2px 7px}.prose .markdown-body pre{background:var(--fg);color:#e8ebe6;padding:var(--sp-lg) var(--sp-xl);border-radius:var(--radius-sm);margin-bottom:var(--sp-lg);overflow-x:auto}.prose .markdown-body pre code{color:inherit;font:400 14px/1.6 var(--font-mono,monospace);background:0 0;padding:0}.prose .markdown-body blockquote{border-left:3px solid var(--fg);padding:4px 0 4px var(--sp-lg);margin-bottom:var(--sp-lg);color:var(--fg);font-size:22px;font-style:normal}.prose .markdown-body strong{font-weight:600}.prose .markdown-body table{border-collapse:collapse;width:100%;margin-bottom:var(--sp-lg)}.prose .markdown-body th,.prose .markdown-body td{border:1px solid var(--border);text-align:left;padding:8px 12px}.prose .content-body iframe{width:100%;max-width:calc(var(--w) * 1px);height:auto;aspect-ratio:var(--w) / var(--h)}.callout{background:var(--surface);border-radius:var(--radius-sm);padding:var(--sp-xl);margin:var(--sp-xl) 0;color:var(--fg);font-size:15px}.callout .label{font:600 12px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--positive);margin-bottom:8px;display:block}.post-media{margin-bottom:var(--sp-lg)}.media-slider{border:1px solid var(--border);border-radius:var(--radius-sm);position:relative;overflow:hidden}.slider-viewport{aspect-ratio:16/9;background:var(--surface);touch-action:pan-y;width:100%;position:relative;overflow:hidden}.slider-track{will-change:transform;width:100%;height:100%;transition:transform .2s var(--ease-standard);display:flex}.slide{flex:0 0 100%;width:100%;height:100%;position:relative}.slide img,.slide video{object-fit:contain;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background:#000;width:100%;height:100%;display:block}.slide img{cursor:zoom-in;background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.slider-arrow{border-radius:var(--radius-pill);color:#fff;cursor:pointer;opacity:0;width:36px;height:36px;transition:opacity .15s var(--ease-standard), transform .15s var(--ease-standard), background .15s var(--ease-standard);z-index:2;background:rgba(14,15,12,.55);border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;translate:0 -50%}.media-slider:hover .slider-arrow{opacity:1}.slider-arrow:hover{background:rgba(14,15,12,.8);transform:translateY(-50%)scale(1.05)}.slider-arrow.prev{left:12px}.slider-arrow.next{right:12px}.slider-arrow svg{width:16px;height:16px}.slider-dots{justify-content:center;align-items:center;gap:6px;padding:14px 0;display:flex}.slider-dot{border-radius:var(--radius-pill);background:var(--border);cursor:pointer;width:6px;height:6px;transition:width .15s var(--ease-standard), background .15s var(--ease-standard);border:0;padding:0}.slider-dot:hover{background:var(--muted)}.slider-dot.is-active{background:var(--accent-on);width:18px}.media-slider.is-single .slider-dots,.media-slider.is-single .slider-arrow{display:none}.lightbox{z-index:1000;background:rgba(14,15,12,.9);justify-content:center;align-items:center;padding:5vh 5vw;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.lightbox img{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:16px;max-width:100%;max-height:100%;box-shadow:0 30px 80px rgba(0,0,0,.5)}.lightbox-close{border-radius:var(--radius-pill);color:#fff;cursor:pointer;width:40px;height:40px;transition:background .15s var(--ease-standard), transform .15s var(--ease-standard);background:rgba(255,255,255,.12);border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:rgba(255,255,255,.22);transform:scale(1.05)}.lightbox-close svg{width:18px;height:18px}.attachments{padding-top:var(--sp-xl);border-top:1px solid var(--border);margin-top:40px;scroll-margin-top:96px}.attachments h2{font:900 26px / .85 var(--font-display);letter-spacing:-.01em;margin-bottom:var(--sp-lg)}@media (min-width:992px){.attachments h2{font-size:40px}}.attachment-list{border-top:1px solid var(--border);list-style:none}.attachment-item{align-items:center;gap:var(--sp-md);padding:var(--sp-md) 0;border-bottom:1px solid var(--border);font:500 14px/1 var(--font-body);color:var(--fg);transition:opacity .15s;display:flex}.attachment-item:hover{opacity:.7}.attachment-icon,.attachment-download{color:var(--muted);flex-shrink:0;display:flex}.attachment-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.attachment-item .size{color:var(--muted);flex-shrink:0;font-size:13px}aside.toc-rail{display:none}@media (min-width:992px){aside.toc-rail{align-self:start;padding-top:64px;padding-bottom:40px;display:block;position:-webkit-sticky;position:sticky;top:96px}}.toc-label{font:600 12px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-lg)}.toc-list{list-style:none;position:relative}.toc-rule{background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:0}.toc-list li{position:relative}.toc-list a{font:500 14px/1.35 var(--font-body);color:var(--muted);transition:color .2s var(--ease-standard), border-color .2s var(--ease-standard);border-left:2px solid transparent;margin-left:-2px;padding:7px 0 7px 16px;text-decoration:none;display:block}.toc-list a:hover{color:var(--fg)}.toc-list a.active{color:var(--fg);border-left-color:var(--accent);font-weight:600}.toc-fab{display:none}@media (max-width:991px){.toc-fab{border-radius:var(--radius-pill) 0 0 var(--radius-pill);background:var(--fg);color:#fff;z-index:40;cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;width:32px;height:44px;padding-left:5px;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-1px 3px 14px rgba(165,171,152,.18)}}.toc-mobile-overlay{z-index:50;background:rgba(0,0,0,.4);justify-content:flex-end;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.toc-mobile-panel{background:var(--bg);width:min(78vw,320px);max-height:70vh;padding:var(--sp-xl);border-radius:var(--radius-sm) 0 0 var(--radius-sm);overflow-y:auto}.toc-list-mobile{position:static}.toc-list-mobile a{padding:8px 0}