/* Blog index + article */
.post-card{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:transform .25s var(--ease),border-color .25s}
.post-card:hover{transform:translateY(-4px);border-color:var(--line2)}
.post-card-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ink)}
.post-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post-card:hover .post-card-img img{transform:scale(1.05)}
.post-card-body{padding:18px 20px 22px}
.post-card h3,.post-card h2{margin:.35em 0 .4em}
.post-card h3 a,.post-card h2 a{color:var(--text);text-decoration:none}
.post-card h3 a:hover,.post-card h2 a:hover{color:var(--gold)}
.post-card p{color:var(--muted);margin:0}
.post-meta{font-size:.84rem;color:var(--dim);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
@media(min-width:900px){.post-card-big{display:grid;grid-template-columns:1.3fr 1fr}.post-card-big .post-card-img{aspect-ratio:auto;min-height:340px}.post-card-big .post-card-body{padding:34px;align-self:center}.post-card-big h2{font-size:clamp(2rem,3.4vw,2.8rem)}}
.post-head{position:relative;padding:clamp(48px,9vw,110px) 0 clamp(26px,4vw,40px);overflow:hidden;isolation:isolate}
.post-head-bg{position:absolute;inset:0;z-index:-1}
.post-head-bg img{width:100%;height:100%;object-fit:cover;opacity:.32}
.post-head-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,11,.35),var(--bg) 95%)}
.post-head h1{font-size:clamp(2.2rem,6.4vw,4rem);margin-top:14px}
.post-layout{padding-top:10px}
.post-intro{font-size:1.2rem;color:var(--text)}
.post-toc{border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin:0 0 26px;background:var(--panel)}
.post-toc h2{font-size:.9rem;letter-spacing:.16em;color:var(--gold);margin:0 0 8px}
.post-toc ol{margin:0;padding-left:1.2em;color:var(--muted)}
.post-toc a{color:var(--muted);text-decoration:none}.post-toc a:hover{color:var(--gold)}
.post-cta{margin:40px 0 0;background:linear-gradient(135deg,rgba(255,59,59,.16),rgba(255,200,69,.08)),var(--panel)}
.post-cta h2{font-size:clamp(1.6rem,4vw,2.2rem)}