.single-article{padding-block:70px 100px}.article-heading{max-width:1000px;margin-inline:auto}.article-heading h1{font-size:clamp(28px, 3.8vw, 52px);line-height:1.6;letter-spacing:-0.035em;margin:24px 0}.article-meta{display:flex;gap:25px;flex-wrap:wrap;font-size:11px;color:#696e5e;padding-bottom:30px;border-bottom:1px solid var(--line)}.article-cover{margin-top:40px}.article-cover img{width:100%;height:auto}.article-layout{display:grid;grid-template-columns:220px minmax(0, 840px);gap:6vw;margin-top:65px;justify-content:center}.article-toc{position:sticky;top:35px;align-self:start;border-top:1px solid var(--line);padding-top:20px}.article-toc ol{margin-top:20px}.article-toc a{display:block;border-left:1px solid var(--line);padding:8px 0 8px 15px;font-size:11px;color:#696e5e}.article-toc a[aria-current="location"],.article-toc a:hover{color:var(--accent);border-color:var(--accent)}.article-body{width:100%}.article-footer{max-width:840px;margin:65px 0 0 auto;border-top:1px solid var(--line);padding-top:30px;font-size:14px}.post-tags{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px;font-size:11px}.post-tags a::before{content:"#";color:var(--accent)}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);margin-top:60px;padding-top:25px;font-size:12px}.post-navigation a{max-width:100%}@media (max-width:1000px){.article-layout{grid-template-columns:1fr;gap:35px}.article-toc{position:static;max-width:840px;width:100%;margin-inline:auto}}@media (max-width:760px){.single-article{padding-block:40px 75px}.article-meta{gap:12px 20px;font-size:10px}.article-layout{margin-top:35px}.post-navigation{grid-template-columns:1fr}}