/* Qaloka Artikel — mengikuti huruf situs (inherit); warna aksen dari setelan (--qa-aksen). */
.qa-artikel{--qa-aksen:#2b59c3;--qa-teks:#1d1d1f;--qa-redup:#5b5d66;--qa-garis:rgba(0,0,0,.09);--qa-latar:#fff;font-family:inherit;color:var(--qa-teks);box-sizing:border-box}
.qa-artikel *,.qa-artikel *::before,.qa-artikel *::after{box-sizing:border-box}
section.qa-artikel{padding:clamp(40px,7vw,80px) 20px;background:#f7f7f8}
.qa-artikel__dalam{max-width:1140px;margin:0 auto}
.qa-artikel__kepala{text-align:center;max-width:640px;margin:0 auto clamp(24px,4vw,40px)}
.qa-artikel__judul{margin:0;font-family:inherit;font-size:clamp(24px,3.2vw,34px);line-height:1.2;font-weight:700;color:var(--qa-teks)}
.qa-artikel__judul::after{content:"";display:block;width:56px;height:4px;margin:14px auto 0;border-radius:4px;background:var(--qa-aksen)}
.qa-artikel__judul--kecil{font-size:clamp(20px,2.4vw,24px);text-align:left}
.qa-artikel__judul--kecil::after{margin-left:0}
.qa-artikel__subjudul{margin:12px 0 0;font-size:16px;line-height:1.6;color:var(--qa-redup)}
.qa-artikel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(16px,2.5vw,28px)}

.qa-kartu{height:100%}
.qa-kartu__tautan{display:flex;flex-direction:column;height:100%;background:var(--qa-latar);border:1px solid var(--qa-garis);border-radius:16px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.qa-kartu__tautan:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.08);border-color:color-mix(in srgb,var(--qa-aksen) 35%,transparent)}
.qa-kartu__tautan:focus-visible{outline:3px solid var(--qa-aksen);outline-offset:3px}
.qa-kartu__media{aspect-ratio:16/10;background:color-mix(in srgb,var(--qa-aksen) 10%,#eee);overflow:hidden}
.qa-kartu__gambar,.qa-kartu__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.qa-kartu__tautan:hover .qa-kartu__gambar{transform:scale(1.04)}
.qa-kartu__kosong{display:block;width:100%;height:100%;background:linear-gradient(135deg,color-mix(in srgb,var(--qa-aksen) 22%,#fff),color-mix(in srgb,var(--qa-aksen) 6%,#fff))}
.qa-kartu__isi{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.qa-kartu__tanggal{font-size:13px;color:var(--qa-redup)}
.qa-kartu__judul{margin:0;font-family:inherit;font-size:18px;line-height:1.35;font-weight:700;color:var(--qa-teks)}
.qa-kartu__ringkas{margin:0;font-size:15px;line-height:1.6;color:var(--qa-redup);flex:1}
.qa-kartu__baca{margin-top:4px;font-size:14px;font-weight:600;color:var(--qa-aksen)}

.qa-tombol{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;background:var(--qa-aksen);color:#fff!important;font-weight:600;font-size:15px;text-decoration:none!important;border:2px solid var(--qa-aksen);transition:filter .2s ease}
.qa-tombol:hover{filter:brightness(.92)}
.qa-tombol:focus-visible{outline:3px solid var(--qa-aksen);outline-offset:3px}
.qa-tombol--garis{background:transparent;color:var(--qa-aksen)!important}
.qa-tombol--garis:hover{background:color-mix(in srgb,var(--qa-aksen) 8%,transparent);filter:none}
.qa-artikel__semua{text-align:center;margin:clamp(24px,4vw,40px) 0 0}

.qa-halaman{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:32px}
.qa-halaman__info{font-size:14px;color:var(--qa-redup)}

/* Di bawah tulisan */
.qa-artikel--tulisan{margin-top:48px;display:grid;gap:32px}
.qa-ajak{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:22px 24px;border-radius:16px;background:color-mix(in srgb,var(--qa-aksen) 8%,#fff);border:1px solid color-mix(in srgb,var(--qa-aksen) 25%,transparent)}
.qa-ajak__teks{margin:0;font-weight:600;font-size:17px}
.qa-kembali{margin:0;font-size:15px}
.qa-kembali a{color:var(--qa-aksen)}

@media (prefers-reduced-motion:reduce){.qa-kartu__tautan,.qa-kartu__gambar{transition:none}.qa-kartu__tautan:hover{transform:none}.qa-kartu__tautan:hover .qa-kartu__gambar{transform:none}}