/* Halaman Artikel: daftar dan isi artikel. */
.posts a{text-decoration:none;display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}
.posts h3{font-size:1.3rem;margin:4px 0 6px}
.posts a:hover h3{color:var(--accent)}
.posts small,.meta{color:var(--muted)}
.posts p{margin:0;color:var(--muted)}
.posts img,.tb{width:120px;height:90px;object-fit:cover;border-radius:3px;display:block}
.tb{display:grid;place-items:center;text-align:center;padding:6px;font:700 1rem var(--font-judul);color:var(--deep-ink);background:var(--deep);border-bottom:3px solid var(--accent)}
.dimg{width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:3px;margin:12px 0}
.body{max-width:68ch;margin:24px 0}
.body p{margin:0 0 1.1em}
@media (max-width:640px){.posts a{grid-template-columns:88px 1fr}.posts img,.tb{width:88px;height:70px}}
/* Isi berita berformat dari editor admin */
.body{overflow-wrap:anywhere}
.body h2{font-size:1.5rem;margin:1.4em 0 .5em}.body h3{font-size:1.25rem;margin:1.3em 0 .5em}.body h4{font-size:1.1rem;margin:1.2em 0 .4em;font-family:var(--font-judul)}
.body ul,.body ol{margin:0 0 1.1em;padding-left:1.6em}.body li{margin:0 0 .3em}
.body blockquote{margin:1.2em 0;padding:6px 18px;border-left:4px solid var(--accent);background:var(--surface);color:var(--muted)}
.body a{color:var(--accent);text-decoration:underline}
.body img{max-width:100%;height:auto;border-radius:3px;display:inline-block}
.body hr{border:0;border-top:1px solid var(--line);margin:1.6em 0}
.body table{border-collapse:collapse;max-width:100%}.body td,.body th{border:1px solid var(--line);padding:6px 10px}
.jejak{margin-bottom:14px}
.jejak ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;list-style:none;margin:0;padding:0;
  font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.jejak li{display:flex;align-items:center;min-width:0}
.jejak li+li::before{content:"";width:6px;height:6px;margin:0 14px;border-top:1.5px solid #5d6b86;border-right:1.5px solid #5d6b86;transform:rotate(45deg)}
.jejak a{color:#7d8aa5;text-decoration:none;transition:color .25s}
.jejak a:hover{color:#f4dfaa}
.jejak [aria-current]{color:var(--brass);min-width:0}
.jejak [aria-current] span{display:block;max-width:44ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){.jejak ol{font-size:.68rem}.jejak li+li::before{margin:0 10px}.jejak [aria-current] span{max-width:26ch}}