/* Halaman artikel truevindo.com: isi panduan di dalam tema utama (header, menu, footer dari styles.css).
   Tema me-reset margin semua elemen teks ke 0, jadi jarak tipografi artikel didefinisikan ulang di sini. */

.tv-article-hero{padding-top:200px;padding-bottom:36px}
.tv-article-inner,.tv-article{max-width:820px;margin-left:auto;margin-right:auto}
.tv-crumb{color:rgba(255,255,255,.5);margin-bottom:26px;letter-spacing:.08em;text-transform:uppercase}
.tv-crumb a{color:rgba(255,255,255,.72)}
.tv-crumb a:hover{color:var(--primary)}
.tv-article-hero .mini-title{color:var(--primary);letter-spacing:.14em;margin-bottom:18px}
.tv-article-title{font-size:clamp(34px,5.2vw,64px);line-height:1.08;margin-bottom:24px;text-wrap:balance}
.tv-article-date{color:rgba(255,255,255,.45);font-size:14px}

.tv-article-body{padding-bottom:120px}
.tv-article p{color:rgba(255,255,255,.72);font-size:clamp(16px,2vw,18px);line-height:1.75;margin-bottom:18px}
.tv-article h2{font-size:clamp(24px,3.4vw,34px);line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--white);margin:60px 0 18px;text-wrap:balance}
.tv-article h3{font-size:20px;line-height:1.35;font-weight:600;color:var(--primary);margin:32px 0 10px}
.tv-article a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.tv-article strong{color:var(--white);font-weight:600}
.tv-article ul{list-style:none;padding:0;margin:0 0 22px}
.tv-article ul li{position:relative;padding:8px 0 8px 26px;color:rgba(255,255,255,.78);font-size:17px;line-height:1.6}
.tv-article ul li:before{content:"";position:absolute;left:0;top:17px;width:9px;height:9px;border-radius:2px;background:var(--primary)}
.tv-article ol{padding-left:22px;margin:0 0 22px}
.tv-article ol li{list-style:decimal;padding:6px 0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.6}

.tv-article .tbl{overflow-x:auto;margin:6px 0 28px;border:1px solid rgba(255,255,255,.12);border-radius:14px}
.tv-article table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:480px}
.tv-article th,.tv-article td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.82);vertical-align:top}
.tv-article th{background:rgba(34,205,190,.1);color:var(--primary);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.tv-article tr:last-child td{border-bottom:none}
.tv-article td:first-child{white-space:nowrap;color:var(--primary);font-weight:600}

.tv-article .note{border:1px solid rgba(34,205,190,.32);background:rgba(34,205,190,.06);padding:20px 24px;border-radius:14px;margin:32px 0 16px}
.tv-article .note p{margin:0;font-size:16px}
.tv-article a.cta{display:inline-flex;align-items:center;gap:10px;background:var(--primary);color:#04191c;font-weight:600;font-size:15px;padding:14px 26px;border-radius:10px;text-decoration:none;margin-bottom:12px;transition:transform .2s,box-shadow .2s}
.tv-article a.cta:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(34,205,190,.3)}
.tv-article a.cta:focus-visible,.tv-crumb a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.tv-article [data-related]{font-size:15px;color:rgba(255,255,255,.6)}

.tv-article .clients{font-size:15px;color:rgba(255,255,255,.5)}

/* CTA WhatsApp lengket, khusus HP. Sisi kanan dikosongkan untuk tombol Vindo (vindo.js menghapus .wa-fix,
   jadi kelas ini sengaja beda). Di bawah menu offcanvas (z 3000) dan panel Vindo (z 99901). */
.tv-sticky-cta{display:none}
@media (max-width:767px){
  .tv-article-hero{padding-top:150px;padding-bottom:24px}
  .tv-article-body{padding-bottom:90px}
  .tv-article h2{margin-top:46px}
  .tv-sticky-cta{display:flex;align-items:center;justify-content:center;gap:9px;position:fixed;z-index:60;left:14px;right:150px;bottom:calc(16px + env(safe-area-inset-bottom));
    min-height:50px;padding:0 14px;border-radius:100px;background:var(--primary);color:#04191c;font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap;text-decoration:none;
    box-shadow:0 12px 30px rgba(34,205,190,.38)}
  .tv-sticky-cta svg{width:19px;height:19px;flex:0 0 auto}
  .tv-sticky-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}
  .tv-article-page .tf-footer{padding-bottom:96px}
}
@media (prefers-reduced-motion:reduce){.tv-article a.cta{transition:none}}