:root{color-scheme:light;--bg:#f4f5ef;--bg-warm:#fbfaf5;--surface:#fffdf8;--surface-soft:#eef3ed;--surface-tint:#f8f4ea;--ink:#141817;--ink-soft:#394540;--muted:#68736d;--line:#ddd9cd;--line-strong:#c9c8ba;--teal:#123d3e;--teal-2:#0e5960;--moss:#667853;--clay:#b55f46;--gold:#9a7439;--code-bg:#1f2628;--code-ink:#eef5ee;--code-line:#ffffff1a;--shadow-soft:0 16px 48px #14181714;--shadow-card:0 10px 28px #1418170f;--max:1120px;--read:744px;--radius:8px;--radius-sm:6px;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:linear-gradient(180deg, #fffdf8eb 0, #f4f5efb8 360px, transparent 760px), linear-gradient(90deg, #123d3e0e 1px, transparent 1px) 50% 0 / 128px 128px, var(--bg);min-height:100vh;color:var(--ink);letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.72}::selection{background:#b55f4638}img{max-width:100%;display:block}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.2em;text-decoration-color:#b55f4680;text-decoration-thickness:1px;transition:color .18s,text-decoration-color .18s,background-color .18s,border-color .18s,box-shadow .18s}a:hover{color:var(--teal-2);text-decoration-color:currentColor}a:focus-visible,button:focus-visible{outline-offset:4px;border-radius:var(--radius-sm);outline:3px solid #0e596052}.skip-link{z-index:10;background:var(--ink);color:#fffdf8;border-radius:var(--radius-sm);padding:8px 12px;position:absolute;top:12px;left:16px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:3;backdrop-filter:blur(18px);background:#fbfaf5e6;border-bottom:1px solid #ddd9cde6;position:sticky;top:0}.site-nav{width:min(var(--max), calc(100% - 40px));justify-content:space-between;align-items:center;gap:24px;min-height:72px;margin:0 auto;display:flex}.brand{align-items:center;gap:11px;min-height:44px;font-weight:820;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius);background:var(--teal);color:#fffdf8;border:1px solid #ffffff2e;place-items:center;width:36px;height:36px;font-weight:850;display:grid;box-shadow:0 8px 20px #123d3e29}.brand-text{color:var(--ink);font-size:.98rem}.nav-links{color:var(--ink-soft);align-items:center;gap:8px;font-size:.94rem;font-weight:620;display:flex}.nav-links a{border-radius:var(--radius-sm);align-items:center;min-height:44px;padding:0 10px;text-decoration:none;display:inline-flex}.nav-links a:hover{color:var(--teal);background:#123d3e0f}.nav-links a[aria-current=page]{color:var(--teal);box-shadow:inset 0 -2px var(--clay);background:#123d3e17;font-weight:780}.hero-section,.content-band,.page-title,.archive-tools,.post-list,.article-shell,.site-footer{width:min(var(--max), calc(100% - 40px));margin-inline:auto}.hero-section{grid-template-columns:minmax(0,.94fr) minmax(360px,1.06fr);align-items:center;gap:56px;min-height:62vh;padding:58px 0 72px;display:grid}.hero-video-section{isolation:isolate;width:100%;max-width:none;min-height:calc(100svh - 72px);padding:96px max(20px, calc((100% - var(--max)) / 2)) 116px;background:#102326;grid-template-columns:minmax(0,760px);align-items:end;margin-inline:0;position:relative;overflow:hidden}.hero-video-section:after{content:"";z-index:-1;background:linear-gradient(90deg,#102326d1 0%,#1023268a 45%,#1023262e 100%),linear-gradient(#10232633 0%,#102326c7 100%);position:absolute;inset:0}.hero-video-background{z-index:-2;background:var(--code-bg);position:absolute;inset:0}.hero-video-background video{object-fit:cover;width:100%;height:100%}.hero-video-section .hero-copy{z-index:1;position:relative}.hero-video-section h1,.hero-video-section .hero-lede{color:#f8fbf8;text-shadow:0 2px 20px #1023266b}.hero-video-section .eyebrow{color:#ffd0c7}.hero-video-section .button.secondary{color:#fff;background:#f8fbf81f;border-color:#f8fbf861}.hero-video-section .button.secondary:hover{color:#fff;background:#f8fbf833;border-color:#f8fbf8b8}.hero-copy{max-width:620px}.eyebrow{color:var(--clay);text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:820;line-height:1.35}h1,h2,h3{color:var(--ink);margin:0;line-height:1.12}h1{font-size:3.12rem;font-weight:780}h2{font-size:2.04rem;font-weight:800}h3{font-size:1.28rem;font-weight:780}.hero-lede,.page-title p,.article-description{color:var(--ink-soft);margin:22px 0 0;font-size:1.1rem;line-height:1.86}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:10px 17px;font-weight:760;text-decoration:none;display:inline-flex}.button.primary{background:var(--teal);color:#fffdf8;box-shadow:0 12px 26px #123d3e29}.button.primary:hover{color:#fffdf8;background:#0c3031}.button.secondary{border-color:var(--line);color:var(--teal);background:#fffdf8c2}.button.secondary:hover{background:var(--surface);border-color:#0e59606b}.hero-media{aspect-ratio:3/2;border-radius:var(--radius);background:var(--surface-soft);box-shadow:var(--shadow-soft);border:1px solid #c9c8bacc;margin:0;overflow:hidden}.hero-media img{object-fit:cover;width:100%;height:100%}.content-band{border-top:1px solid var(--line);padding:72px 0}.section-heading{grid-template-columns:.34fr 1fr;align-items:start;gap:32px;margin-bottom:30px;display:grid}.section-description{max-width:680px;color:var(--ink-soft);margin:12px 0 0}.featured-article,.post-row{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fffdf8c7;border:1px solid #ddd9cdeb;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:28px;padding:26px;display:grid}.featured-article:hover,.post-row:hover,.steps-grid article:hover,.image-strip-item:hover{background:#fffdf8f5;border-color:#0e596047}.featured-article h3,.post-row h2{margin-top:8px}.featured-article h3 a,.post-row h2 a{text-decoration:none}.featured-article p,.post-row p{color:var(--ink-soft);margin:12px 0 0}.meta,.article-meta{color:var(--muted);font-size:.9rem}.tag-list{flex-wrap:wrap;align-items:flex-start;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tag-list li{color:var(--teal);background:#66785314;border:1px solid #66785347;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:740;line-height:1.2}.tag-list .tag-more{color:var(--muted);background:0 0;border-style:dashed}.recent-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.recent-post-card{border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-card);background:#fffdf8d1;border:1px solid #ddd9cdeb;padding:24px;transition:border-color .18s,background-color .18s,box-shadow .18s}.recent-post-card.is-featured{background:linear-gradient(135deg,#fffdf8f5,#eef3edb8);grid-column:1/-1;padding:28px}.recent-post-card:hover{background-color:#fffdf8fa;border-color:#0e59604d}.recent-post-card h3{margin-top:10px;font-size:1.42rem;line-height:1.25}.recent-post-card h3 a{text-decoration:none}.recent-post-description{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:14px 0 18px;display:-webkit-box;overflow:hidden}.section-action{text-align:right;margin:24px 0 0;font-weight:760}.section-action a{color:var(--teal)}.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.topic-card{border-radius:var(--radius);min-height:224px;box-shadow:var(--shadow-card);background:#fffdf8c7;border:1px solid #ddd9cdeb;flex-direction:column;padding:22px;text-decoration:none;display:flex}.topic-card:hover{background:var(--surface);color:var(--teal);border-color:#0e596052}.topic-count{color:var(--clay);font-size:.82rem;font-weight:780}.topic-card h3{margin-top:24px}.topic-card p{color:var(--ink-soft);margin:12px 0 20px;font-size:.94rem}.topic-card-action{color:var(--teal);margin-top:auto;font-size:.9rem;font-weight:760}.learning-grid{padding-bottom:72px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.steps-grid article{border-radius:var(--radius);min-height:210px;box-shadow:var(--shadow-card);background:#fffdf8db;border:1px solid #ddd9cdeb;padding:24px}.steps-grid span{color:var(--gold);margin-bottom:28px;font-weight:850;display:inline-flex}.steps-grid p{color:var(--ink-soft)}.image-strip-section{padding-bottom:96px}.image-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.image-strip-item{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fffdf8d1;border:1px solid #ddd9cdeb;overflow:hidden}.image-strip-item figure{aspect-ratio:4/3;background:var(--surface-soft);margin:0;overflow:hidden}.image-strip-item img{object-fit:cover;width:100%;height:100%}.image-strip-item div{padding:22px}.image-strip-item p{color:var(--ink-soft);margin:12px 0 0}.reveal{opacity:1;transform:none}.reveal-enabled .reveal{opacity:0;transition:opacity .26s,transform .26s;transform:translateY(18px)}.reveal-enabled .reveal.is-visible{opacity:1;transform:translateY(0)}.page-title{max-width:900px;padding:70px 0 48px}.page-title h1{font-size:2.94rem}.archive-tools{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fffdf8bd;border:1px solid #ddd9cdeb;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:24px 30px;margin-bottom:28px;padding:22px;display:grid}.archive-search,.archive-tag-filter{min-width:0}.archive-search label,.archive-tag-filter>p{color:var(--ink);margin:0 0 9px;font-size:.88rem;font-weight:780;display:block}.archive-search input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:46px;color:var(--ink);padding:9px 13px}.archive-search input::placeholder{color:var(--muted)}.archive-search input:focus-visible{border-color:var(--teal-2);outline-offset:2px;outline:3px solid #0e596033}.archive-tags{flex-wrap:wrap;gap:8px;display:flex}.archive-tags button{min-height:44px;color:var(--teal);background:#66785312;border:1px solid #6678534d;border-radius:999px;padding:8px 13px;font-size:.86rem;font-weight:720}.archive-tags button:hover,.archive-tags button[aria-pressed=true]{border-color:var(--teal);background:var(--teal);color:#fffdf8}.archive-more-tags{margin-top:10px}.archive-more-tags>summary{min-height:44px;color:var(--teal);cursor:pointer;align-items:center;font-size:.86rem;font-weight:740;display:inline-flex}.archive-more-tags>summary::marker{color:var(--clay)}.archive-more-tags .archive-tags{border-top:1px solid var(--line);margin-top:8px;padding-top:12px}.archive-result-count{color:var(--muted);grid-column:1/-1;margin:-4px 0 0;font-size:.9rem}.post-list{gap:16px;padding-bottom:88px;display:grid}.post-row{padding:22px 24px}.post-row h2{font-size:1.62rem;line-height:1.24}.post-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.archive-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center;background:#fffdf89e;padding:42px 24px}.archive-empty h2{font-size:1.48rem}.archive-empty p{color:var(--muted);margin:10px 0 20px}.archive-empty .button{width:auto}.article-shell{padding:64px 0 96px}.article-header{border-bottom:1px solid var(--line);max-width:880px;padding-bottom:34px}.article-header h1{max-width:860px;font-size:2.82rem}.article-meta{flex-wrap:wrap;gap:10px 14px;margin:22px 0 18px;display:flex}.article-meta-separator{color:var(--line-strong)}.article-hero-image{aspect-ratio:3/2;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);box-shadow:var(--shadow-soft);margin:36px 0 0;overflow:hidden}.article-hero-image img{object-fit:cover;width:100%;height:100%}.article-layout{grid-template-columns:224px minmax(0, var(--read));align-items:start;gap:56px;min-width:0;margin-top:46px;display:grid}.article-layout>*,.toc-shell{min-width:0}.toc{border-left:2px solid #123d3e29;max-height:calc(100vh - 128px);padding:4px 0 4px 16px;position:sticky;top:96px;overflow-y:auto}.toc-summary{min-height:44px;color:var(--teal);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:.86rem;font-weight:820;list-style:none;display:flex}.toc-summary::-webkit-details-marker{display:none}.toc-group>summary::-webkit-details-marker{display:none}.toc-summary:after{content:"+";color:var(--clay);font-size:1rem}.toc[open]>.toc-summary:after{content:"−"}.toc-count{color:var(--muted);margin-left:auto;font-size:.76rem;font-weight:650}.toc nav{margin-top:8px}.toc ol{margin:0;padding:0;list-style:none}.toc-list{gap:5px;display:grid}.toc-item>a{font-weight:690}.toc a{color:var(--muted);border-radius:4px;padding:5px 7px;font-size:.9rem;line-height:1.48;text-decoration:none;display:block}.toc a:hover,.toc a[aria-current=location]{color:var(--teal);background:#123d3e14}.toc a[aria-current=location]{box-shadow:inset 2px 0 var(--clay);font-weight:760}.toc-group{margin:2px 0 4px 9px}.toc-group>summary{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;font-size:.78rem;list-style:none;display:flex}.toc-group>summary:before{content:"+";width:18px;color:var(--clay)}.toc-group[open]>summary:before{content:"−"}.toc-group ol{border-left:1px solid var(--line);gap:2px;padding-left:8px;display:grid}.toc-group a{font-size:.82rem}.prose{width:100%;max-width:var(--read);min-width:0;color:var(--ink-soft);overflow-wrap:break-word;font-size:1.06rem;line-height:1.88}.prose>*+*{margin-top:1.2em}.prose h2,.prose h3{color:var(--ink);scroll-margin-top:96px}.prose h2{border-top:1px solid var(--line);margin-top:2.35em;padding-top:.62em;font-size:1.66rem;line-height:1.22}.prose h3{margin-top:1.9em;font-size:1.26rem;line-height:1.28}.prose p,.prose li{color:var(--ink-soft)}.prose a{color:var(--teal-2);font-weight:650}.prose ul,.prose ol{padding-left:1.35rem}.prose li+li{margin-top:.36em}.prose code{border-radius:var(--radius-sm);color:var(--teal);background:#123d3e13;border:1px solid #123d3e17;padding:.14em .34em;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.9em}.prose pre{border:1px solid var(--code-line);border-radius:var(--radius);background:var(--code-bg);width:100%;max-width:100%;color:var(--code-ink);padding:20px;overflow-x:auto;box-shadow:0 18px 42px #1418172b}.prose pre code{min-width:max-content;color:inherit;background:0 0;border:0;padding:0;font-size:.92rem;line-height:1.72;display:block}.prose pre[data-language=plaintext]{overscroll-behavior-inline:contain;border-color:var(--line);box-shadow:var(--shadow-card);scrollbar-gutter:stable;padding:42px 20px 20px;position:relative;overflow-x:auto;background:linear-gradient(180deg, #fffdf8fa, #f8f4ead1), var(--surface)!important;color:var(--ink)!important}.prose pre[data-language=plaintext]:before{content:"PLAINTEXT";color:var(--teal);letter-spacing:.12em;font:700 .7rem/1 JetBrains Mono,SFMono-Regular,Consolas,monospace;position:absolute;inset:14px auto auto 20px}.prose pre[data-language=plaintext] code,.prose pre[data-language=plaintext] code span{color:inherit!important;background:0 0!important}.prose .mermaid-diagram{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #fffdf8fa, #eef3edbd), var(--surface);width:100%;max-width:100%;margin:1.6rem 0;overflow:hidden;box-shadow:0 16px 42px #14181717}.prose .mermaid-diagram__canvas{overscroll-behavior-inline:contain;scrollbar-gutter:stable;width:100%;max-width:100%;padding:24px;overflow-x:auto}.prose .mermaid-diagram svg{min-width:100%;height:auto;margin-inline:auto;display:block;max-width:none!important}.prose .mermaid-diagram-error{border-left:3px solid var(--clay);color:var(--ink-soft);background:#b55f4612;margin-top:-.75rem;padding:10px 12px;font-size:.92rem}.prose blockquote{border-left:3px solid var(--clay);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-soft);background:#b55f4612;margin-inline:0;padding:14px 18px}@media (width<=640px){.prose pre[data-language=plaintext]{padding-inline:14px}.prose pre[data-language=plaintext]:before{left:14px}.prose .mermaid-diagram__canvas{padding:12px}.prose .mermaid-diagram svg{min-width:36rem}}.prose blockquote>:first-child{margin-top:0}.prose blockquote>:last-child{margin-bottom:0}.prose table{table-layout:fixed;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#fffdf8f7,#f8f4eac7),#fffdf8;width:100%;display:table;box-shadow:0 16px 42px #14181714}.prose thead{color:#fffdf8;background:linear-gradient(135deg,#123d3ef2,#0e5960e6)}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;white-space:normal;overflow-wrap:break-word;padding:12px 14px}.prose th{color:#fffdf8;letter-spacing:.02em;font-weight:820}.prose tbody tr{transition:background-color .16s}.prose tbody tr:nth-child(2n){background:#eef3ed73}.prose tbody tr:hover{background:#fffdf8f5}.prose td{color:var(--ink-soft);font-variant-numeric:tabular-nums}.prose tbody tr:last-child td{border-bottom:0}.prose img{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.article-nav{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:16px;margin-top:3.5rem;padding-top:1.5rem;display:grid}.article-nav>div{min-width:0}.article-nav-link,.article-nav-all{border:1px solid var(--line);border-radius:var(--radius);height:100%;min-height:96px;color:var(--ink);background:#fffdf8c7;text-decoration:none;display:flex}.article-nav-link{flex-direction:column;justify-content:center;gap:6px;padding:18px}.article-nav-link.next{text-align:right}.article-nav-link span{color:var(--clay);font-size:.8rem;font-weight:820;line-height:1.2}.article-nav-link strong{color:var(--teal);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;line-height:1.35;display:-webkit-box;overflow:hidden}.article-nav-all{min-width:104px;color:var(--muted);justify-content:center;align-items:center;padding:0 16px;font-size:.9rem;font-weight:780}.article-nav-link:hover,.article-nav-all:hover{background:var(--surface);color:var(--teal-2);box-shadow:var(--shadow-card);border-color:#0e596061}.post-template-essay .article-header{text-align:left;margin-inline:auto}.post-template-essay .article-layout{grid-template-columns:minmax(0, var(--read));justify-content:center;gap:28px}.post-template-essay .toc{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf894;padding:16px;position:static}.post-template-essay .toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.post-template-guide .article-layout{grid-template-columns:236px minmax(0, var(--read));gap:58px}.post-template-guide .toc{border-left-color:#b55f466b}.post-template-guide .prose h2{border-top-color:#b55f463d}.post-template-guide .prose pre{margin-top:1.35em}.post-template-note.article-shell{width:min(900px,100% - 40px)}.post-template-note .article-header{max-width:700px;padding-bottom:24px}.post-template-note .article-header h1{font-size:2.54rem}.post-template-note .article-description{font-size:1.02rem}.post-template-note .article-layout{grid-template-columns:minmax(0,680px);justify-content:start;margin-top:34px}.post-template-note .toc{border-radius:var(--radius);background:#fffdf880;border:1px solid #ddd9cddb;padding:14px;position:static}.post-template-note .toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.post-template-note .prose{max-width:680px;font-size:1.02rem}.post-template-note .prose h2{font-size:1.42rem}.reading-rail{grid-column:2;gap:14px;min-width:0;display:grid}.reading-progress-card,.related-posts,.reading-actions{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fffdf8bd}.reading-progress-card,.related-posts{padding:16px}.reading-progress-heading{color:var(--teal);justify-content:space-between;align-items:baseline;gap:12px;font-size:.84rem;font-weight:800;display:flex}.reading-progress-heading strong{color:var(--clay);font-size:.9rem}.reading-progress-card progress{background:var(--surface-soft);width:100%;height:7px;accent-color:var(--clay);border:0;border-radius:999px;margin-top:11px;overflow:hidden}.reading-progress-card progress::-webkit-progress-bar{background:var(--surface-soft);border-radius:999px}.reading-progress-card progress::-webkit-progress-value{background:var(--clay);border-radius:999px}.reading-current{color:var(--muted);margin:10px 0 0;font-size:.78rem;line-height:1.5}.related-posts h2{color:var(--teal);margin:0;font-size:.9rem}.related-posts ul{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.related-posts a{color:var(--ink);border-radius:9px;gap:4px;padding:9px;text-decoration:none;display:grid}.related-posts a:hover{background:var(--surface-soft);color:var(--teal)}.related-posts span{font-size:.82rem;font-weight:720;line-height:1.45}.related-posts small{color:var(--muted);font-size:.72rem}.reading-actions{grid-template-columns:1fr 1fr;padding:6px;display:grid}.reading-actions a{min-height:44px;color:var(--teal);border-radius:9px;place-items:center;font-size:.8rem;font-weight:760;text-decoration:none;display:grid}.reading-actions a:hover{background:var(--surface-soft)}.post-template-note .reading-rail{grid-column:1;max-width:680px}@media (width>=981px){.post-template-essay .article-layout{grid-template-columns:220px minmax(0, var(--read));justify-content:center;gap:48px}.post-template-essay .toc{background:0 0;border:0;border-left:2px solid #123d3e29;border-radius:0;max-height:calc(100vh - 128px);padding:4px 0 4px 16px;position:sticky;top:96px;overflow-y:auto}}@media (width>=1280px){.article-shell:not(.post-template-note){width:min(1224px,100% - 40px);max-width:none}.article-shell:not(.post-template-note) .article-header{width:min(720px,100%);margin-inline:auto}.article-shell:not(.post-template-note) .article-layout,.post-template-essay .article-layout,.post-template-guide .article-layout{grid-template-columns:220px minmax(0,720px) 220px;justify-content:center;align-items:start;gap:32px}.article-shell:not(.post-template-note) .toc-shell,.article-shell:not(.post-template-note) .reading-rail{max-height:calc(100vh - 116px);position:sticky;top:92px}.article-shell:not(.post-template-note) .toc{max-height:calc(100vh - 116px);position:static}.article-shell:not(.post-template-note) .reading-rail{grid-column:auto;padding-bottom:96px;overflow-y:auto}}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:30px 0 44px}.footer-grid{justify-content:space-between;gap:20px;display:flex}.footer-grid p{margin:0}@media (width<=980px){.hero-section{grid-template-columns:1fr;gap:32px;min-height:auto;padding-top:42px}.hero-video-section{align-items:end;min-height:calc(100svh - 66px);padding:72px 20px 86px}h1,.article-header h1{font-size:2.44rem}h2,.page-title h1{font-size:1.96rem}.section-heading,.featured-article,.post-row,.article-layout,.post-template-guide .article-layout,.post-template-note .article-layout,.recent-posts{grid-template-columns:1fr}.recent-post-card.is-featured{grid-column:auto}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-tools{grid-template-columns:1fr}.archive-result-count{grid-column:auto}.steps-grid,.image-strip{grid-template-columns:1fr}.toc,.post-template-guide .toc{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf894;max-height:none;padding:16px;position:static;overflow:visible}.toc nav,.post-template-essay .toc nav,.post-template-note .toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.article-nav{grid-template-columns:1fr}.article-nav-link.next{text-align:left}.article-nav-all{min-height:48px}.reading-rail,.post-template-note .reading-rail{grid-column:auto;max-width:none;position:static}}@media (width<=640px){body{background:linear-gradient(180deg, #fffdf8f0 0, #f4f5efc7 320px, transparent 680px), var(--bg)}.site-nav,.hero-section,.content-band,.page-title,.archive-tools,.post-list,.article-shell,.post-template-note.article-shell,.site-footer{width:min(100% - 28px, var(--max))}.site-nav{min-height:66px}.hero-video-section{width:100%;padding-inline:14px}.brand-text{display:none}.nav-links{gap:2px;font-size:.9rem}.nav-links a{padding-inline:8px}h1,.article-header h1,.post-template-note .article-header h1{font-size:1.96rem}.hero-lede,.page-title p,.article-description{font-size:1rem}.hero-actions,.footer-grid{display:grid}.button{width:100%}.featured-article,.post-row,.steps-grid article,.recent-post-card,.recent-post-card.is-featured{padding:20px}.post-row h2{font-size:1.45rem;line-height:1.22}.post-description,.recent-post-description{-webkit-line-clamp:2}.post-row .tag-list{margin-top:2px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:196px}.archive-tools{gap:20px;padding:18px}.archive-search input{min-height:48px}.archive-tags{gap:8px}.article-meta{gap:7px 10px}.article-meta-separator{display:none}.content-band{padding:56px 0}.article-shell{padding-top:48px}.article-layout{margin-top:34px}.toc nav,.post-template-essay .toc nav,.post-template-note .toc nav{grid-template-columns:1fr}.toc{padding:12px}.prose{font-size:1rem;line-height:1.84}.prose h2{font-size:1.42rem}.prose h3{font-size:1.18rem}.prose pre{padding:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}