:root{color-scheme:light dark;--bg:#f5f4ee;--surface:#eeede6;--text:#252c26;--muted:#677066;--line:#d8dcd1;--green:#466840;--tag:#e4eadb;--code:#212921;--white:#f4f5ed;--accent:#a27235}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:auto}button{font:inherit}::selection{background:#cad9bc;color:#20291e}.wrap{width:min(1180px,calc(100% - 72px));margin:auto}.mono,.eyebrow,.meta,.tag,nav,.small-label,code,.number{font-family:Consolas,'Courier New',monospace}.top{border-bottom:1px solid var(--line)}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:99px}.brand{display:flex;align-items:center;gap:13px;font:700 17px/1.25 Consolas,'Courier New',monospace;letter-spacing:-.5px}.brand small{font-size:10px;font-weight:400;letter-spacing:1.6px;color:var(--muted);display:block;margin-top:5px}.brand svg{width:35px;height:35px;flex:none;stroke:var(--green)}nav{display:flex;align-items:center;gap:27px;font-size:13px}nav a[aria-current=page]{color:var(--green);text-decoration:underline;text-underline-offset:9px}.lang{border-left:1px solid var(--line);padding-left:23px;color:var(--muted)}.statusline{display:flex;justify-content:space-between;font:11px/1.5 Consolas,monospace;color:var(--muted);padding:18px 0}.dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:8px;vertical-align:2px}.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;padding:30px 0 58px;align-items:center}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.8px;color:var(--green);margin:0 0 21px}h1,h2,h3{line-height:1.13;letter-spacing:-1.5px;font-weight:600}h1{font-size:clamp(38px,4.4vw,58px);margin:0 0 24px}h1 em{font-style:normal;color:var(--green)}.intro{color:var(--muted);font-size:17px;line-height:1.8;max-width:490px}.hero-links{display:flex;gap:25px;margin-top:30px;font-size:13px}.button{display:inline-block;background:var(--green);color:var(--white);padding:12px 20px;border:1px solid var(--green)}.button:hover{background:var(--text);color:var(--bg)}.textlink{align-self:center;border-bottom:1px solid var(--line);padding-bottom:3px}.hero figure{margin:0}.hero img{aspect-ratio:1.32;object-fit:cover;border-radius:2px}.caption{font:10px/1.6 Consolas,monospace;color:var(--muted);margin-top:10px;display:flex;justify-content:space-between;gap:12px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:28px 0 22px}.section-head h2{font-size:27px;letter-spacing:-.8px;margin:0}.section-head a{font:12px Consolas,monospace;color:var(--green)}.section-head .number{font-size:11px;letter-spacing:0;color:var(--muted);margin-right:13px;font-weight:400}.home-lower{display:block}.entries{margin-bottom:45px}.entry{display:grid;grid-template-columns:98px 1fr 20px;gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.entry time{font:11px/1.7 Consolas,monospace;color:var(--muted);padding-top:3px}.entry h3{font-size:20px;letter-spacing:-.45px;margin:0 0 8px}.entry p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.entry .arrow{font-size:20px;color:var(--green)}.tag{display:inline-block;font-size:10px;background:var(--tag);color:var(--green);padding:2px 7px;margin-bottom:8px}.bench{border-top:1px solid var(--line);padding-top:28px}.bench h2{font:12px Consolas,monospace;letter-spacing:1px;text-transform:uppercase;margin:0 0 24px}.bench p{font-size:13px;color:var(--muted)}.bench .readout{border:1px solid var(--line);padding:17px 20px;margin:18px 0;background:var(--surface)}.small-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.readout strong{font:28px Consolas,monospace;display:block;color:var(--green);margin-top:6px}.bench a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin-bottom:65px}.project-card{border-bottom:1px solid var(--line);padding-bottom:21px}.project-card picture{display:block;overflow:hidden;margin-bottom:17px}.project-card img{aspect-ratio:1.65;object-fit:cover;transition:transform .3s}.project-card:hover img{transform:scale(1.025)}.project-card h3{font-size:22px;letter-spacing:-.6px;margin:9px 0 10px}.project-card p{font-size:13px;color:var(--muted);margin:0}.meta{font-size:11px;color:var(--muted)}.project-meta{display:flex;justify-content:space-between;gap:15px;align-items:center}.project-meta .tag{margin:0}.note{padding:22px 25px;background:var(--surface);border-left:2px solid var(--green);font-size:14px;color:var(--muted);margin:28px 0}.footer{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;justify-content:space-between;gap:25px;font:11px/1.8 Consolas,monospace;color:var(--muted)}.footer div{display:flex;gap:22px;flex-wrap:wrap}.page-head{padding:55px 0 35px;max-width:840px}.page-head h1{font-size:48px}.page-head p{color:var(--muted);font-size:18px}.crumb{font:11px Consolas,monospace;color:var(--muted);padding-top:27px}.article-grid{display:grid;grid-template-columns:190px minmax(0,800px);gap:45px;padding-bottom:65px}.article-grid aside{position:sticky;top:28px;align-self:start;border-top:1px solid var(--line);padding-top:18px;font:11px/1.8 Consolas,monospace;color:var(--muted)}.article-grid aside a{display:block;margin:10px 0}.prose{font-size:17px;min-width:0}.prose p{line-height:1.9;margin:0 0 23px}.prose h2{font-size:28px;margin:43px 0 20px;letter-spacing:-.7px}.prose h3{font-size:21px;letter-spacing:-.4px}.prose figure{margin:28px 0}.prose figure img{border-radius:2px}.prose figcaption{font:11px/1.6 Consolas,monospace;color:var(--muted);margin-top:9px}.prose a:not(.button){color:var(--green);text-decoration:underline;text-underline-offset:3px}.prose ul{padding-left:22px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{font:11px Consolas,monospace;background:var(--surface);color:var(--muted)}pre{background:var(--code);color:#e4eadb;padding:24px;overflow:auto;font:13px/1.8 Consolas,monospace;border-radius:2px}pre .kw{color:#b7ce85}pre .num{color:#e7bd7a}pre .cm{color:#9caa9b}.codehead{font:10px Consolas,monospace;color:var(--muted);display:flex;justify-content:space-between}.downloads{list-style:none;padding:0!important}.downloads li{border-bottom:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;gap:20px}.downloads small{font:10px/1.8 Consolas,monospace;color:var(--muted)}.log{font-size:14px}.log p{display:grid;grid-template-columns:100px 1fr;gap:15px}.log time{font:11px/1.8 Consolas,monospace;color:var(--muted)}video{width:100%;display:block;background:#172119;border:1px solid var(--line);aspect-ratio:16/9}.video-card{padding:28px 0 38px;border-top:1px solid var(--line)}.video-card h2{margin-top:20px}.quality{display:flex;gap:20px;font:12px Consolas,monospace;margin:12px 0}.quality a{text-decoration:underline;text-underline-offset:4px}.video-note{font-size:13px;color:var(--muted)}.schema{background:#f1f2e9;border:1px solid var(--line)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}.filters button{background:transparent;border:1px solid var(--line);padding:7px 13px;color:var(--muted);cursor:pointer;font:11px Consolas,monospace}.filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--white)}.archive{max-width:920px;margin-bottom:65px}.archive .entry{grid-template-columns:110px 1fr 25px}.skip{position:absolute;left:20px;top:-100px;background:var(--green);color:white;padding:10px;z-index:99}.skip:focus{top:10px}[hidden]{display:none!important}.widepic img{max-height:620px;object-fit:cover}.single{max-width:760px;padding-bottom:65px}.single h2{margin-top:35px}.error-num{font:130px/1 Consolas,monospace;color:var(--green);letter-spacing:-10px}.sublinks{display:flex;gap:20px;margin:30px 0}.toc-title{color:var(--green);letter-spacing:1px}.download-all{margin-bottom:50px}.empty{padding:20px;color:var(--muted)}
.material-button{border:0;background:none;color:var(--green);padding:0;text-align:left;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:4px}.material-button:hover{color:var(--text)}dialog{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:3px;width:min(500px,calc(100% - 36px));padding:28px;box-shadow:0 18px 80px #0005}dialog::backdrop{background:#101811a8;backdrop-filter:blur(3px)}dialog h2{font-size:29px;letter-spacing:-.8px;margin:28px 0 20px}dialog p{margin:12px 0}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-close{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:28px;line-height:1;padding:3px 7px}.contact-address{font:clamp(15px,4vw,20px)/1.6 Consolas,monospace;color:var(--green);overflow-wrap:anywhere}.dialog-context{font:11px/1.7 Consolas,monospace;color:var(--muted);padding:17px 0;border-top:1px solid var(--line);margin-top:23px}dialog .button{cursor:pointer;font-size:13px}body:has(dialog[open]){overflow:hidden}
@media(prefers-color-scheme:dark){:root{--bg:#181e1b;--surface:#202922;--text:#e1e5d9;--muted:#a0ac9c;--line:#354137;--green:#acc58b;--tag:#2b392c;--code:#101711;--white:#172015;--accent:#d7ac75}.button{background:#acc58b;color:#172015}.button:hover{background:#d0dfba;color:#172015}.hero img,.project-card img{filter:brightness(.87)}.schema{background:#e4e7d9}}
@media(max-width:1000px){.wrap{width:calc(100% - 44px)}nav{gap:17px}.hero{gap:30px}.project-grid{gap:20px}.article-grid{grid-template-columns:150px minmax(0,1fr);gap:28px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header{flex-wrap:wrap;padding:23px 0 17px;gap:23px}.brand{font-size:16px}nav{width:100%;gap:20px;overflow:auto;padding-bottom:7px;font-size:12px}.lang{margin-left:auto;padding-left:15px}.statusline{font-size:9px}.statusline span:last-child{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-top:20px;padding-bottom:40px}.hero h1{font-size:44px;max-width:400px}.hero img{aspect-ratio:1.5}.intro{font-size:16px}.hero-links{margin-top:23px}.home-lower{grid-template-columns:1fr}.bench{display:none}.entry,.archive .entry{grid-template-columns:76px 1fr 13px;gap:12px}.entry time{font-size:10px}.entry h3{font-size:19px}.project-grid{grid-template-columns:1fr;gap:29px}.project-card img{aspect-ratio:1.8}.section-head h2{font-size:24px}.section-head a{font-size:10px}.footer{flex-direction:column;font-size:10px}.page-head{padding-top:33px}.page-head h1{font-size:36px}.page-head p{font-size:16px}.article-grid{display:block}.article-grid aside{position:static;display:flex;gap:16px;overflow:auto;margin-bottom:26px;white-space:nowrap}.article-grid aside .toc-title{display:none}.prose{font-size:16px}.prose h2{font-size:25px}.caption{font-size:9px}.log p{grid-template-columns:90px 1fr}.downloads li{display:block}.downloads small{display:block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
