:root{--bg:#f8f9f4;--surface:#fff;--soft:#eef1e8;--text:#252e28;--muted:#626d62;--line:#dfe4d9;--accent:#416a45;--accent-hover:#2d5131;--accent-soft:#e6eddc;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;color-scheme:light}:root[data-theme=dark]{--bg:#171e19;--surface:#202922;--soft:#242e25;--text:#e6ebdf;--muted:#a6b09f;--line:#354236;--accent:#b4cc9e;--accent-hover:#cee4bb;--accent-soft:#2e3e2c;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{color:#203c25;background:#d0e0ba}svg{vertical-align:middle;flex-shrink:0}img{max-width:100%;height:auto}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}.container{width:min(1160px,100% - 96px);margin-inline:auto}.skip-link{z-index:100;background:var(--text);color:var(--bg);padding:12px 24px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line)}.header-inner{align-items:center;gap:35px;min-height:100px;display:flex}.brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;font-size:25px;font-weight:750;display:inline-flex}.brand-mark{background:var(--accent);width:40px;height:40px;color:var(--bg);font-family:var(--mono);letter-spacing:-3px;border-radius:10px 10px 10px 2px;grid-auto-flow:column;place-content:center;margin-right:12px;padding-right:5px;font-size:25px;display:grid}.brand-mark span{color:#d6e5b9}.brand-light{font-weight:400}.brand-dot{color:var(--accent)}.main-nav{align-items:center;gap:35px;margin-left:auto;display:flex}.main-nav a{flex-direction:column;font-size:13px;font-weight:600;line-height:1.5;display:flex;position:relative}.main-nav a span{color:var(--muted);margin-top:3px;font-size:9px;font-weight:400}.main-nav a:hover,.main-nav a[aria-current]{color:var(--accent)}.main-nav a[aria-current]:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:-12px}.header-actions{align-items:center;gap:11px;margin-left:14px;display:flex}.icon-button{background:0 0;border:0;border-radius:50%;place-content:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{background:var(--soft)}.action-divider{background:var(--line);width:1px;height:16px}.sun-icon,[data-theme=dark] .moon-icon{display:none}[data-theme=dark] .sun-icon{display:block}.eyebrow{font-family:var(--mono);letter-spacing:1.6px;color:var(--accent);align-items:center;gap:9px;font-size:10px;font-weight:500;display:inline-flex}.status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding-top:68px;padding-bottom:64px;display:grid}.hero h1{letter-spacing:-1.8px;margin:24px 0;font-size:clamp(38px,4.1vw,57px);font-weight:750;line-height:1.5}.hero-emphasis{color:var(--accent);display:inline-block;position:relative}.hero-emphasis svg{fill:none;stroke:#acc187;stroke-width:3px;stroke-linecap:round;width:100%;height:12px;position:absolute;bottom:-1px;left:0}.hero-description{color:var(--muted);margin-bottom:26px;font-size:13px;line-height:2.1}.button{border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:25px;min-height:46px;padding:12px 23px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:var(--bg)}.button-primary:hover{background:var(--accent-hover)}.button-outline{border-color:var(--line);background:0 0}.button-outline:hover{background:var(--soft);border-color:var(--accent)}.hero-caption{font-family:var(--mono);color:var(--muted);align-items:center;gap:12px;margin-top:30px;font-size:9px;display:flex}.small-cross{color:var(--accent);font-size:17px}.caption-line{background:var(--line);width:36px;height:1px}.hero-feature{padding-top:4px}.feature-overline{color:var(--muted);font:10px var(--mono);letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.feature-overline>span:first-child{color:var(--text);align-items:center;gap:9px;display:flex}.feature-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;transition:box-shadow .25s,transform .25s;display:block;overflow:hidden;box-shadow:0 7px 25px #233a2210}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #233a221d}.feature-art{color:#556845;background-color:#e6ebda;background-image:linear-gradient(#4e6a4310 1px,#0000 1px),linear-gradient(90deg,#4e6a4310 1px,#0000 1px);background-size:23px 23px;height:245px;position:relative;overflow:hidden}.art-label{font:8px var(--mono);letter-spacing:1.5px;position:absolute;top:19px;left:23px}.terminal-window{background:#283b2f;border:1px solid #566c51;border-radius:7px;width:79%;position:absolute;top:49px;left:9%;transform:rotate(-3deg);box-shadow:8px 13px #c3ceae80,0 14px 20px #2a402319}.terminal-top{border-bottom:1px solid #ffffff15;align-items:center;gap:4px;height:29px;padding:0 13px;display:flex}.terminal-top>span:not(.terminal-file){background:#91a17e;border-radius:50%;width:5px;height:5px}.terminal-top>span:first-child{background:#cfab80}.terminal-top>span:nth-child(2){background:#ced293}.terminal-file{font:8px var(--mono);color:#b1beab;margin-left:auto}.terminal-code{color:#eef2e2;font:10px/1.85 var(--mono);white-space:nowrap;padding:17px 18px}.terminal-muted{color:#a5b49d}.terminal-green{color:#c1d99d}.terminal-prompt{color:#dceba9}.terminal-cursor{vertical-align:middle;background:#c6dbac;width:6px;height:12px;display:inline-block}.branch-stamp{background:#d1deba;border:1px solid #aabc8f;border-radius:50%;place-content:center;width:54px;height:54px;display:grid;position:absolute;bottom:24px;right:26px;transform:rotate(12deg);box-shadow:0 4px 8px #344a2d15}.art-coordinate{font:7px var(--mono);letter-spacing:1px;position:absolute;bottom:10px;right:20px}.feature-content{padding:24px 28px 17px}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;display:flex}.post-meta time{font-family:var(--mono);font-size:10px}.feature-content .post-meta{justify-content:space-between}.feature-badge{color:var(--accent);background:var(--accent-soft);border-radius:3px;padding:2px 9px;font-size:10px}.feature-content h2{letter-spacing:-.5px;margin:15px 0 10px;font-size:20px;line-height:1.7}.feature-bottom{color:var(--muted);font:9px var(--mono);justify-content:space-between;align-items:center;display:flex}.round-arrow{border:1px solid var(--line);width:34px;height:34px;color:var(--accent);border-radius:50%;place-content:center;display:grid}.topic-strip{border-block:1px solid var(--line);background:var(--soft)}.topic-strip .container{justify-content:space-between;align-items:center;gap:20px;min-height:62px;display:flex}.strip-label{font:9px var(--mono);color:var(--muted);letter-spacing:1.5px}.strip-topic{white-space:nowrap;align-items:center;gap:14px;font-size:12px;display:flex}.strip-topic>span{color:#8b9f70;font-size:17px}.recent-section{padding-block:68px}.section-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:29px;display:flex}.section-heading h2{letter-spacing:-.6px;margin:9px 0 0;font-size:25px;font-weight:650}.title-period{color:var(--accent);margin-left:4px}.text-link{white-space:nowrap;align-items:center;gap:12px;font-size:11px;display:inline-flex}.text-link:hover{color:var(--accent)}.home-filters{align-items:center;gap:9px;margin-bottom:26px;display:flex}.filter-pill{border:1px solid var(--line);background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:9px;padding:8px 16px;font-size:11px;transition:all .2s;display:inline-flex}.filter-pill.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.filter-pill:not(.active):hover{background:var(--soft)}.filter-pill span{font:9px var(--mono);opacity:.8}.filter-note{color:var(--muted);margin-left:auto;font-size:10px}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;display:grid}.post-grid>div{min-width:0}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;height:100%;transition:transform .2s,box-shadow .2s;overflow:hidden}.post-card:hover{transform:translateY(-4px);box-shadow:0 9px 24px #2432200c}.tone-cloud{--cover-bg:#e8eddf;--cover-ink:#526747}.tone-code{--cover-bg:#e4eaf0;--cover-ink:#526b80}.tone-tools{--cover-bg:#eee9df;--cover-ink:#685d46}.card-cover{background:var(--cover-bg);height:170px;color:var(--cover-ink);display:block;position:relative;overflow:hidden}.card-cover:after{content:"";opacity:.12;width:190px;height:190px;box-shadow:0 0 0 25px var(--cover-bg), 0 0 0 26px currentColor;border:1px solid;border-radius:50%;position:absolute;top:22px;right:-45px}.cover-index{font:7px var(--mono);letter-spacing:1px;opacity:1;position:absolute;top:17px;left:21px}.cover-symbol{opacity:.28;position:absolute;top:45px;right:26px;transform:rotate(-9deg)}.cover-word{max-width:85%;font:500 30px/1.2 var(--mono);letter-spacing:-1.3px;overflow-wrap:anywhere;z-index:1;position:absolute;bottom:28px;left:22px}.cover-period{opacity:.5}.cover-arrow{z-index:2;position:absolute;bottom:13px;right:15px}.card-body{flex-direction:column;min-height:242px;padding:22px;display:flex}.card-body h3{letter-spacing:-.25px;margin:10px 0;font-size:15px;font-weight:650;line-height:1.8}.card-body h3 a:hover{color:var(--accent)}.card-body>p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:21px;font-size:11px;line-height:1.9;display:-webkit-box;overflow:hidden}.card-bottom{font:9px var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.card-tag{border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;max-width:70%;font:9px var(--sans);border-radius:3px;padding:3px 7px;overflow:hidden}.browse-more{text-align:center;margin-top:36px}.topics-section{background:var(--soft);border-block:1px solid var(--line);padding-block:62px}.topic-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.topic-card{border-top:1px solid var(--line);padding:26px 20px 20px 0}.topic-icon{background:var(--cover-bg);width:48px;height:48px;color:var(--cover-ink);border-radius:8px;place-content:center;margin-bottom:18px;display:grid}.topic-card h3{margin-bottom:5px;font-size:17px;font-weight:550}.topic-card p{color:var(--muted);font-size:11px}.topic-count{font:10px var(--mono);color:var(--accent);justify-content:space-between;margin-top:24px;display:flex}.topic-card:hover h3{color:var(--accent)}.tag-cloud{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px;padding-top:27px;display:flex}.tag-cloud-label{color:var(--muted);margin-right:10px;font-size:10px}.tag-cloud a,.article-tags a{border:1px solid var(--line);background:var(--bg);border-radius:4px;padding:5px 10px;font-size:10px}.tag-cloud a:hover,.article-tags a:hover{border-color:var(--accent);color:var(--accent)}.tag-cloud a span{font:9px var(--mono);color:var(--muted);margin-left:9px}.about-note{align-items:center;gap:32px;padding-block:65px;display:flex}.note-symbol{color:#a4b987;font-size:88px;line-height:1}.about-note h2{margin:8px 0 11px;font-size:22px;font-weight:600}.about-note p{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.9}.about-note>.text-link{margin-left:auto}.site-footer{border-top:1px solid var(--line)}.footer-top{justify-content:space-between;align-items:center;gap:25px;padding-block:36px;display:flex}.footer-brand{gap:0;font-size:23px}.footer-top p{color:var(--muted);margin:8px 0 0;font-size:10px}.footer-links{color:var(--muted);flex-wrap:wrap;align-items:center;gap:22px;font-size:10px;display:flex}.footer-links a:hover{color:var(--accent)}.with-icon{align-items:center;gap:7px;display:inline-flex}.footer-bottom{border-top:1px solid var(--line);font:9px var(--mono);color:var(--muted);justify-content:space-between;padding-block:20px;display:flex}.footer-spark{color:var(--accent);margin-left:20px;font-size:16px}dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;width:min(600px,100% - 32px);padding:28px;box-shadow:0 25px 90px #0003}dialog::backdrop{backdrop-filter:blur(6px);background:#17251988}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:16px;font-weight:650;display:flex}.dialog-search{border:1px solid var(--line);border-radius:5px;align-items:center;gap:10px;padding:7px 7px 7px 15px;display:flex}.dialog-search input{outline-offset:0;background:0 0;border:0;flex:1;min-width:0;padding:8px 0;font-size:13px}.dialog-search .button{gap:10px;min-height:38px;padding:9px 16px}dialog>p{color:var(--muted);margin:13px 0 22px;font-size:11px}.dialog-topics{flex-wrap:wrap;align-items:center;gap:15px;font-size:11px;display:flex}.dialog-topics>span{color:var(--muted)}.dialog-topics a{align-items:center;gap:4px;display:flex}.page-heading{border-bottom:1px solid var(--line);margin-bottom:30px;padding:62px 0 36px}.page-heading h1{overflow-wrap:anywhere;letter-spacing:-1px;margin:12px 0;font-size:44px;font-weight:650}.page-heading p{color:var(--muted);margin:0;font-size:13px}.heading-count{white-space:nowrap;font:12px var(--mono);color:var(--muted);vertical-align:middle;letter-spacing:0;margin-left:18px;display:inline-block}.archive-layout{grid-template-columns:minmax(0,1fr) 220px;gap:64px;padding-bottom:70px;display:grid}.archive-search{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:5px;align-items:center;gap:13px;margin-bottom:20px;padding:13px 16px;display:flex}.archive-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:13px}.archive-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.archive-tools{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin:23px 0 6px;font-size:11px;display:flex}.archive-tools label{white-space:nowrap}.archive-tools select{color:var(--muted);background:0 0;border:0;padding:7px;font-size:11px}.article-row{border-bottom:1px solid var(--line);grid-template-columns:45px minmax(0,1fr) 24px;gap:20px;padding:26px 0;display:grid}.row-icon{background:var(--cover-bg);width:42px;height:42px;color:var(--cover-ink);border-radius:7px;place-content:center;margin-top:4px;display:grid}.article-row h2{margin:6px 0 8px;font-size:17px;line-height:1.8}.article-row h2 a:hover{color:var(--accent)}.article-row p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:12px;display:-webkit-box;overflow:hidden}.row-tags{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:10px;display:flex}.row-tags a:hover{color:var(--accent)}.row-arrow{color:var(--muted);align-self:center}.sidebar{padding-top:4px}.sidebar h2{font:11px var(--mono);letter-spacing:1px;margin-bottom:18px}.sidebar-section{margin-bottom:35px}.sidebar-section>p{color:var(--muted);font-size:12px;line-height:2}.category-button{text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;gap:15px;width:100%;margin-bottom:5px;padding:10px 12px;font-size:12px;display:flex}.category-button.active{background:var(--accent-soft);color:var(--accent)}.category-button span{font:10px var(--mono);color:var(--muted)}.sidebar .tag-cloud{border:0;gap:7px;margin:0;padding:0}.sidebar .tag-cloud a{background:0 0;font-size:10px}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:35px;display:flex}.pagination button{border:1px solid var(--line);min-width:34px;height:34px;font:11px var(--mono);background:0 0;border-radius:4px}.pagination button.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.empty-state{text-align:center;padding:65px 15px}.empty-state svg{color:var(--accent);margin-bottom:15px}.empty-state h2{font-size:20px}.empty-state p{color:var(--muted);font-size:13px}.tags-directory{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:70px;display:grid}.tag-tile{border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;padding:18px;font-size:13px;display:flex}.tag-tile:hover{border-color:var(--accent)}.tag-tile>span{color:var(--muted);font:10px var(--mono);white-space:nowrap}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:40px;padding-top:32px;font-size:11px;display:flex}.breadcrumbs a:hover{color:var(--accent)}.article-header{max-width:850px;margin-bottom:40px}.article-header h1{letter-spacing:-.8px;overflow-wrap:anywhere;margin:20px 0;font-size:36px;line-height:1.65}.article-tags{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.article-layout{grid-template-columns:minmax(0,800px) 220px;align-items:start;gap:65px;padding-bottom:55px;display:grid}.article-main{min-width:0}.article-prose{overflow-wrap:anywhere;font-size:15px;line-height:2}.article-prose p{margin-bottom:1.5em}.article-prose h2{border-bottom:1px solid var(--line);margin:2.2em 0 1em;padding-bottom:12px;font-size:24px;line-height:1.6}.article-prose h3{margin:2em 0 1em;font-size:19px}.article-prose h4{font-size:16px}.article-prose a:not(.anchor){color:var(--accent);text-underline-offset:4px;text-decoration:underline}.article-prose .anchor{display:none}.article-prose :not(pre)>code{background:var(--soft);font:.88em var(--mono);border-radius:3px;padding:2px 5px}.article-prose ul,.article-prose ol{padding-left:25px}.article-prose li>p{margin-bottom:.5em}.article-prose pre{max-width:100%;font:12px/1.85 var(--mono);color:#e1e4e8;tab-size:2;overflow-wrap:normal;background:#24292e;border-radius:5px;margin:0;padding:18px 22px;overflow-x:auto}.article-prose code{font-family:var(--mono)}.article-prose pre code{white-space:pre}.code-block{background:#24292e;border-radius:6px;margin:24px 0;overflow:hidden}.code-bar{color:#aeb7b1;font:9px var(--mono);letter-spacing:.5px;background:#2c3238;justify-content:space-between;align-items:center;padding:9px 16px;display:flex}.copy-code{color:#c9d3cb;font:10px var(--sans);background:0 0;border:1px solid #536158;border-radius:3px;padding:3px 9px}.copy-code:hover{border-color:#c9d3cb}.article-prose .listingblock>.title,.article-prose .imageblock>.title{color:var(--muted);margin-bottom:7px;font-size:12px}.article-prose .listingblock{margin-block:26px}.article-prose .listingblock .code-block{margin-top:0}.article-prose .imageblock{margin-block:30px}.article-prose .imageblock img{border:1px solid var(--line);border-radius:5px}.article-prose table{border-collapse:collapse;max-width:100%;margin-bottom:25px;font-size:13px;display:block;overflow-x:auto}.article-prose th,.article-prose td{border:1px solid var(--line);text-align:left;padding:10px 15px}.article-prose th{background:var(--soft)}.article-prose td p{margin:0}.article-prose .admonitionblock{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:3px;margin-block:25px;padding:15px}.article-prose .admonitionblock table{margin:0}.article-prose .admonitionblock td{border:0}.article-prose .admonitionblock .icon{color:var(--accent);font-size:11px;font-weight:700}.article-prose iframe{border:1px solid var(--line);max-width:100%}.article-prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:25px 0;padding:10px 25px}.toc{border-left:1px solid var(--line);padding-left:24px;position:sticky;top:30px}.toc h2{font:10px var(--mono);letter-spacing:1.5px;margin-bottom:20px}.toc ol{max-height:65vh;margin:0;padding:0;list-style:none;overflow-y:auto}.toc li{margin:12px 0;font-size:11px;line-height:1.7}.toc li.subheading{padding-left:13px;font-size:10px}.toc a{color:var(--muted)}.toc a:hover,.toc a.active{color:var(--accent)}.toc-back{color:var(--muted);border-top:1px solid var(--line);gap:8px;margin-top:25px;padding-top:20px;font-size:10px;display:inline-flex}.article-end{border-block:1px solid var(--line);align-items:center;gap:15px;margin-top:45px;padding:25px 0;display:flex}.author-avatar{width:46px;height:46px}.article-end strong{font-size:13px}.article-end p{color:var(--muted);margin:3px 0 0;font-size:10px}.article-end .text-link{margin-left:auto}.related-section{padding:40px 0 70px}.related-section h2{font-size:23px}.related-section .card-cover{height:140px}.related-section .card-body{min-height:220px}.about-hero{max-width:850px;padding:80px 0 65px}.about-hero h1{letter-spacing:-1px;margin:20px 0;font-size:43px;line-height:1.6}.about-hero>p{color:var(--muted);max-width:670px;font-size:15px;line-height:2.2}.about-sign{align-items:center;gap:13px;margin-top:30px;display:flex}.about-sign span{font-family:var(--mono)}.about-topics{padding-bottom:50px}.about-links{flex-wrap:wrap;gap:12px;padding-block:30px 60px;display:flex}.fixed-content{max-width:850px;padding-bottom:70px}[data-theme=dark] .feature-art{filter:brightness(.78)}[data-theme=dark] .card-cover{filter:brightness(.75)}[data-theme=dark] .topic-icon,[data-theme=dark] .row-icon{filter:brightness(.85)}@media (width>=1440px){.hero{gap:100px}}@media (width<=1050px){.container{width:calc(100% - 64px)}.hero{gap:40px}.hero h1{font-size:43px}.feature-art{height:225px}.terminal-code{font-size:9px}.feature-content h2{font-size:18px}.feature-content{padding:22px}.card-body{padding:18px}.cover-word{font-size:26px}.archive-layout,.article-layout{grid-template-columns:minmax(0,1fr) 190px;gap:36px}.tags-directory{grid-template-columns:repeat(3,1fr)}.strip-topic{font-size:10px}.main-nav{gap:24px}.header-inner{gap:20px}}@media (width<=760px){.container{width:calc(100% - 40px)}.header-inner{flex-wrap:wrap;gap:12px;min-height:80px;padding-block:18px 14px}.brand{font-size:23px}.brand-mark{width:34px;height:34px;margin-right:9px;font-size:22px}.header-actions{gap:4px;margin-left:auto}.main-nav{flex-basis:100%;order:3;gap:25px;margin-top:7px}.main-nav a{font-size:11px}.main-nav a span{display:none}.main-nav a[aria-current]:after{border-radius:0;width:100%;height:1px;top:auto;bottom:-6px}.hero{grid-template-columns:1fr;gap:42px;padding-block:40px}.hero h1{margin-block:20px;font-size:clamp(36px,8vw,53px)}.hero-description{font-size:12px}.hero-caption{margin-top:24px}.hero-feature{width:100%;max-width:500px;margin-inline:auto}.feature-art{height:240px}.terminal-window{max-width:370px}.terminal-code{font-size:10px}.feature-content h2{font-size:19px}.topic-strip .container{flex-wrap:wrap;justify-content:flex-start;gap:5px 20px;min-height:56px;padding-block:12px}.strip-label{display:none}.strip-topic{gap:9px;font-size:10px}.strip-topic>span{font-size:13px}.recent-section{padding-block:43px}.section-heading{gap:15px;margin-bottom:24px}.section-heading h2{font-size:20px}.section-heading .text-link{gap:6px;font-size:10px}.eyebrow{letter-spacing:1.2px;font-size:8px}.home-filters{flex-wrap:wrap;gap:7px}.filter-pill{padding:7px 11px;font-size:10px}.filter-note{display:none}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.card-cover{height:145px}.cover-word{font-size:23px;bottom:23px;left:15px}.cover-index{font-size:6px;left:15px}.cover-symbol{top:38px;right:10px}.card-body{min-height:250px;padding:16px}.card-body h3{font-size:13px}.card-body .post-meta{gap:5px;font-size:9px}.card-body .post-meta time{font-size:8px}.card-body>p{font-size:10px}.card-bottom{gap:4px;font-size:8px}.card-tag{font-size:8px}.topics-section{padding-block:42px}.topic-grid{gap:15px}.topic-card{padding-right:0}.topic-card h3{font-size:14px}.topic-card p{font-size:10px}.topic-count{font-size:9px}.about-note{flex-wrap:wrap;gap:20px;padding-block:40px}.note-symbol{font-size:60px}.about-note h2{font-size:18px}.about-note p{font-size:11px}.about-note>.text-link{margin-left:80px}.footer-top{flex-direction:column;align-items:flex-start;padding-block:30px}.footer-links{gap:18px}.footer-bottom{gap:15px;font-size:8px}.footer-spark{display:none}.archive-layout,.article-layout{grid-template-columns:1fr;gap:30px}.archive-layout .sidebar{order:-1}.sidebar-section{margin-bottom:12px}.sidebar-section:not(:first-child),.sidebar-section:first-child h2{display:none}.category-list{flex-wrap:wrap;gap:6px;display:flex}.category-button{border:1px solid var(--line);gap:7px;width:auto;margin-bottom:0;padding:7px 10px;font-size:10px}.category-button span{font-size:9px}.page-heading{margin-bottom:25px;padding-top:35px}.page-heading h1{overflow-wrap:anywhere;font-size:34px}.page-heading p{font-size:12px}.heading-count{margin:10px 0 0;font-size:10px;line-height:1.5;display:block}.article-row{grid-template-columns:34px minmax(0,1fr) 16px;gap:13px;padding-block:22px}.row-icon{width:32px;height:32px}.row-icon svg{width:18px}.article-row h2{font-size:14px}.article-row p{font-size:11px}.row-tags{font-size:9px}.tags-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tag-tile{padding:14px;font-size:12px}.article-header h1{font-size:27px}.breadcrumbs{margin-bottom:28px;font-size:10px}.article-header{margin-bottom:25px}.article-layout .toc{background:var(--soft);border:1px solid var(--line);border-radius:5px;order:-1;padding:20px;position:static}.toc ol{max-height:180px}.toc-back{display:none}.article-prose{font-size:14px}.article-prose h2{font-size:21px}.article-prose pre{padding:15px;font-size:11px}.article-end{flex-wrap:wrap}.article-end .text-link{font-size:10px}.related-section .post-grid>:last-child{display:none}.about-hero{padding-block:45px 30px}.about-hero h1{font-size:32px}.about-hero>p{font-size:13px}.dialog-topics{gap:10px}}@media (width<=440px){.post-grid{grid-template-columns:1fr}.card-cover{height:170px}.card-body{min-height:auto;padding:21px}.card-body h3{font-size:16px}.card-body>p{font-size:12px}.card-bottom{font-size:9px}.cover-word{font-size:32px;left:22px}.cover-index{font-size:7px;left:22px}.cover-symbol{right:30px}.card-body .post-meta,.card-body .post-meta time{font-size:10px}.topic-grid{grid-template-columns:1fr;gap:0}.topic-card{grid-template-columns:50px minmax(0,1fr) 60px;gap:0 15px;padding-block:22px;display:grid}.topic-icon{grid-row:span 2;margin:0}.topic-card h3{margin:0;font-size:14px}.topic-card p{margin:4px 0 0}.topic-count{flex-direction:column;grid-area:1/3/span 2;justify-content:center;align-items:flex-end;gap:9px;margin:0}.about-note{gap:15px}.note-symbol{display:none}.about-note>.text-link{margin-left:0}.section-heading h2{font-size:18px}.section-heading .text-link{font-size:9px}.section-heading .text-link svg{width:14px}.feature-art{height:225px}.terminal-code{font-size:9px}.footer-bottom>span:last-child{font-size:7px}.dialog-search .button{gap:0;padding-inline:12px}.dialog-search .button svg{display:none}.article-end .text-link{margin-left:60px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}