/* Blog — memakai token dari site.css */
.post-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,4vw,52px);align-items:center;text-decoration:none;margin-bottom:clamp(32px,5vw,60px)}
.post-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);background:var(--ink)}
.post-cover-none{display:grid;place-items:center;color:var(--gold);background:linear-gradient(135deg,var(--ink),var(--teal))}
.post-text{display:flex;flex-direction:column;gap:.55rem}
.post-meta{color:var(--muted);font-size:.95rem}
.post-title{font:700 clamp(1.35rem,1.1rem + 1vw,1.8rem)/1.15 var(--f-display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.post-feature .post-title{font-size:clamp(1.7rem,1.2rem + 1.8vw,2.6rem);line-height:1.08}
.post-ex{color:#2c4448}
.post-go{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;color:var(--teal);margin-top:.3rem}
.post-feature:hover .post-title,.post-card:hover .post-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,36px)}
.post-card{display:flex;flex-direction:column;gap:.5rem;text-decoration:none}
.post-card .post-cover{margin-bottom:.4rem}
.post-pager{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:clamp(28px,4vw,48px)}

.article{max-width:46rem}
.post-h1{font-size:clamp(2rem,1.2rem + 3vw,3.2rem);line-height:1.06}
.post-hero{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);margin:0 0 clamp(24px,4vw,40px)}
.article-body{font-size:1.125rem;line-height:1.7;padding-bottom:clamp(40px,6vw,80px)}
.article-body p{margin:0 0 1.15em}
.article-body h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin:1.9em 0 .55em}
.article-body h3{font-size:1.3rem;margin:1.6em 0 .5em}
.article-body ul,.article-body ol{margin:0 0 1.3em;padding-left:1.4em}
.article-body ul{list-style:disc}
.article-body ol{list-style:decimal}
.article-body li{margin:.4em 0;padding-left:.2em}
.article-body a{color:var(--teal);text-underline-offset:3px;text-decoration-thickness:2px}
.article-body strong{font-weight:700}
.article-body code{background:#e6ecea;padding:.1em .35em;border-radius:6px;font-size:.92em}
.article-body hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.article-body figure{margin:1.8em 0}
.article-body figure img{width:100%;border-radius:var(--r)}
.article-body figcaption{color:var(--muted);font-size:.92rem;margin-top:.5rem}
.post-cta{background:var(--ink);color:#fff;border-radius:var(--r);padding:clamp(22px,4vw,36px);margin:0}
.post-cta h2{color:#fff;font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);margin-bottom:.4em}
.post-cta p{color:#cfe0de;margin-bottom:1.1em}
.post-preview{background:var(--gold);color:var(--ink);text-align:center;font-weight:700;padding:10px var(--gut)}

@media (max-width:860px){
  .post-feature{grid-template-columns:1fr}
  .post-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .post-grid{grid-template-columns:1fr}
  .article-body{font-size:1.0625rem}
}