.article-body{max-width:800px}
.toc{margin:24px 0 34px;padding:22px 25px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:var(--surface)}
.toc strong{display:block;color:var(--gold);margin-bottom:8px}
.toc ol{margin:0;padding-left:20px}
.toc li+li{margin-top:7px}
.equation{padding:22px 26px;background:#141a15;border:1px solid #2c4930;border-radius:8px;margin:24px 0;font-variant-numeric:tabular-nums}
.equation .formula{font-size:26px;font-weight:750;color:var(--green);line-height:1.5;letter-spacing:-.03em}
.equation p{margin-top:12px;font-size:15px}
.quarter-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}
.quarter-strip div{padding:18px 10px;border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:7px}
.quarter-strip span{display:block;font-size:12px;color:var(--muted)}
.quarter-strip strong{font-size:25px;color:var(--green)}
.quarter-strip .closer strong{color:var(--gold)}
.quarter-strip small{display:block;font-size:11px;color:var(--muted)}
.blog-list{list-style:none;padding:0!important;margin:16px 0 52px}
.blog-list li{border-block:1px solid var(--line);padding:32px 0}
.blog-list h2{margin:10px 0 15px;max-width:650px}
.blog-list h2 a{text-decoration:none}
.blog-list p{color:var(--muted);max-width:650px}
.blog-list time{font-size:13px;color:var(--muted)}
@media(max-width:600px){.toc{padding:19px}.equation{padding:20px}.equation .formula{font-size:23px}.quarter-strip{gap:6px}.quarter-strip div{padding:14px 5px}.quarter-strip strong{font-size:21px}.quarter-strip small{font-size:10px}}
