.blog-page{max-width:1180px;margin:0 auto;padding:86px 30px 110px}.blog-hero{max-width:740px;padding-bottom:56px}.page-kicker{font:11px 'DM Mono';letter-spacing:.14em;color:var(--accent)}.blog-hero h1{font:500 clamp(54px,8vw,98px)/.95 Newsreader,serif;letter-spacing:-.065em;margin:20px 0 23px}.blog-hero h1 em{font-style:normal;color:var(--violet)}.blog-hero p{color:var(--muted);font-size:17px;line-height:1.7;margin:0;max-width:580px}.blog-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:18px 0 20px;color:var(--muted);font:11px 'DM Mono';text-transform:uppercase;letter-spacing:.08em}.admin-link{color:var(--green);text-decoration:none;text-transform:none;letter-spacing:0}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post-card{display:flex;flex-direction:column;min-height:260px;padding:25px;background:linear-gradient(145deg,#17171b,#101013);border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--text);transition:transform .2s,border-color .2s}.post-card:hover{transform:translateY(-3px);border-color:var(--violet)}.post-meta{color:var(--green);font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.08em}.post-card h2{font:500 29px/1.05 Newsreader,serif;letter-spacing:-.04em;margin:18px 0 12px}.post-card p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.post-arrow{margin-top:auto;padding-top:25px;color:var(--accent);font-size:20px}.blog-state{grid-column:1/-1;border:1px dashed var(--line);border-radius:9px;padding:28px;color:var(--muted);font-size:13px}.blog-state strong{color:var(--text)}body.theme-light .post-card{background:#fff;border-color:#e3e8f0;box-shadow:0 18px 50px #1720330d}body.theme-light .post-card h2{color:#111827}@media(max-width:760px){.blog-page{padding:62px 22px 80px}.blog-hero{padding-bottom:42px}.blog-hero h1{font-size:62px}.blog-hero p{font-size:15px}.post-grid{grid-template-columns:1fr}.blog-toolbar{align-items:flex-start;gap:15px;flex-direction:column}}
.post-article{max-width:780px}.back-link{display:inline-block;color:var(--green);text-decoration:none;font:11px 'DM Mono';margin-bottom:42px}.post-article h1{font:500 clamp(48px,7vw,82px)/.98 Newsreader,serif;letter-spacing:-.06em;margin:18px 0 40px}.article-body{color:var(--muted);font-size:16px;line-height:1.85}.article-body h2,.article-body h3{color:var(--text);font-family:Newsreader,serif;font-weight:500;letter-spacing:-.03em;margin-top:38px}.article-body a{color:var(--green)}
.post-image{display:block;width:calc(100% + 50px);aspect-ratio:16 / 9;height:auto;object-fit:cover;margin:-25px -25px 23px;border-radius:8px 8px 0 0;border-bottom:1px solid var(--line)}.article-image{display:block;width:100%;aspect-ratio:16 / 9;height:auto;max-height:none;object-fit:cover;border-radius:9px;border:1px solid var(--line);margin:0 0 38px}
.post-grid-article{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,780px);gap:28px;align-items:start}.article-toc{position:sticky;top:88px;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--panel,#151519);max-height:calc(100vh - 120px);overflow:auto}.toc-label{display:block;color:var(--accent);font:10px 'DM Mono';letter-spacing:.12em;margin-bottom:17px}.article-toc nav{display:flex;flex-direction:column;gap:10px}.toc-link{color:var(--muted);text-decoration:none;font-size:12px;line-height:1.45;border-left:2px solid transparent;padding-left:10px}.toc-link:hover{color:var(--text);border-color:var(--violet)}.toc-h3{font-size:11px;padding-left:18px}.article-body p{margin:0 0 24px}.article-body img{display:block;max-width:100%;height:auto;margin:26px auto;border-radius:10px;border:1px solid var(--line)}.article-body table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:30px 0;font-size:13px}.article-body th,.article-body td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.article-body th{color:var(--text);background:color-mix(in srgb,var(--line) 35%,transparent)}.article-body hr{border:0;border-top:1px solid var(--line);margin:42px 0}
body.theme-light .article-toc{background:#fff;box-shadow:0 18px 50px #1720330d}@media(max-width:900px){.post-grid-article{grid-template-columns:1fr}.article-toc{position:relative;top:auto;max-height:none;order:-1}.post-article h1{font-size:clamp(42px,10vw,68px)}}
body.is-article .blog-hero,body.is-article .blog-toolbar{display:none}body.is-article .blog-page{padding-top:62px}
@media(max-width:760px){.blog-page{padding:44px 18px 68px}.blog-hero h1{font-size:clamp(48px,16vw,68px);line-height:.94}.blog-toolbar{padding:15px 0;gap:10px}.post-card{min-height:0;padding:20px}.post-image{width:calc(100% + 40px);margin:-20px -20px 20px}.post-card h2{font-size:27px}.post-grid-article{gap:18px}.article-toc{padding:16px}.article-toc nav{gap:8px}.toc-link{font-size:12px}.post-article{min-width:0}.back-link{margin-bottom:28px}.post-article h1{font-size:clamp(40px,13vw,58px);margin:14px 0 26px}.article-image{margin-bottom:25px}.article-body{font-size:16px;line-height:1.78}.article-body h2{font-size:29px;line-height:1.12;margin-top:38px}.article-body h3{font-size:23px;line-height:1.2;margin-top:30px}.article-body table{font-size:12px}.article-body th,.article-body td{padding:10px 12px}body.is-article .blog-page{padding-top:38px}}
