/* digiwebs.media — dua tema (terang bawaan + gelap). Token dipakai bersama blog.css.
   Huruf: Unbounded (judul) + Figtree (teks), SIL OFL, di-host sendiri. Aksen hijau DIGIWEBS. */
@font-face{font-family:Unbounded;src:url(fonts/unbounded-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Unbounded;src:url(fonts/unbounded-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Unbounded;src:url(fonts/unbounded-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Figtree;src:url(fonts/figtree-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Figtree;src:url(fonts/figtree-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Figtree;src:url(fonts/figtree-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Figtree;src:url(fonts/figtree-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

/* ---- Tema terang (bawaan) ---- */
:root{
  --malam:#F6FAF7;        /* latar halaman */
  --panel:#FFFFFF;        /* kartu */
  --panel-2:#EEF5F0;
  --teks:#0B1A12;         /* teks utama */
  --kabut:#3C4F44;        /* teks sekunder */
  --redup:#6A7B70;        /* teks lemah */
  --garis:rgba(1,120,60,.14);
  --garis-2:rgba(1,120,60,.22);
  --batas:#C6D8CC;
  --sinyal:#017A37;       /* aksen (tautan, ikon, tombol) — kontras di atas putih */
  --sinyal-2:#015E2A;     /* aksen hover */
  --aksen-tinta:#FFFFFF;  /* teks di atas tombol aksen */
  --kanopi:#013A1B;
  --daun:#019343;
  --kertas:#F3F8F4;       /* kartu dokumen contoh */
  --tinta:#0A1A10;
  --bata:#C2410C;
  --hero-net:#0B1A12;     /* warna garis jaringan grafik di tema terang */
  --kartu-gelap:#06160D;  /* latar kartu grafik (tetap gelap di tema terang) */
  --neon:#01F36D;         /* neon untuk grafik di atas kartu gelap */
  --bayang:0 1px 2px rgba(6,22,13,.06),0 10px 30px rgba(6,22,13,.07);
  color-scheme:light;
}
/* ---- Tema gelap ---- */
:root[data-theme="dark"]{
  --malam:#000;--panel:#04170C;--panel-2:#07200F;--teks:#fff;--kabut:#B9C9BF;--redup:#8DA394;
  --garis:rgba(1,243,109,.16);--garis-2:rgba(1,243,109,.24);--batas:#2E5A3F;
  --sinyal:#01F36D;--sinyal-2:#8CFFBC;--aksen-tinta:#000;--kanopi:#014A22;--daun:#019343;
  --kertas:#F3F8F4;--tinta:#0A1A10;--bata:#FF8A7A;--hero-net:#01F36D;--kartu-gelap:#04170C;--neon:#01F36D;
  --bayang:0 0 0 1px rgba(1,243,109,.12),0 30px 80px rgba(0,0,0,.5);
  color-scheme:dark;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--malam);color:var(--teks);font:400 17px/1.6 Figtree,system-ui,sans-serif;overflow-x:hidden}
a{color:var(--sinyal);text-underline-offset:3px}a:hover{color:var(--sinyal-2)}
:focus-visible{outline:3px solid var(--sinyal);outline-offset:3px;border-radius:10px}
img{max-width:100%}
h1,h2,.judul{font-family:Unbounded,Figtree,sans-serif;font-weight:600;letter-spacing:-.02em;margin:0}
h3{margin:0}p{margin:0}
.wadah{max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.lewati{position:absolute;left:-999px;top:8px;background:var(--sinyal);color:var(--aksen-tinta);padding:8px 14px;border-radius:10px;z-index:10}.lewati:focus{left:16px}
[hidden]{display:none!important}

/* tombol */
.tombol{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border-radius:14px;font-weight:700;text-decoration:none;border:1.5px solid transparent;cursor:pointer;font:inherit;font-weight:700}
.tombol.utama{background:var(--sinyal);color:var(--aksen-tinta)}.tombol.utama:hover{background:var(--sinyal-2);color:var(--aksen-tinta)}
.tombol.garis{color:var(--teks);border-color:var(--sinyal);background:transparent}.tombol.garis:hover{background:color-mix(in srgb,var(--sinyal) 12%,transparent);color:var(--teks)}
.tombol.putih{color:#fff;border-color:#fff;background:transparent}.tombol.putih:hover{background:rgba(255,255,255,.12)}
.tombol.kecil{min-height:44px;padding:10px 18px;font-size:15px;border-radius:12px}
.baris-tombol{display:flex;gap:14px;flex-wrap:wrap}

/* kepala */
.kepala{border-bottom:1px solid var(--garis);position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--malam) 88%,transparent);backdrop-filter:saturate(1.4) blur(8px)}
.kepala nav{display:flex;align-items:center;gap:22px;padding-block:14px;flex-wrap:wrap}
.merek{display:flex;align-items:center;gap:9px;text-decoration:none}.merek img{height:28px;width:auto;display:block}
.merek .nama{font-family:Unbounded,Figtree,sans-serif;font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--teks)}
.tautan{display:flex;gap:22px;font-size:15px;font-weight:500}.tautan a{color:var(--kabut);text-decoration:none}.tautan a:hover{color:var(--sinyal)}
.kanan{margin-left:auto;display:flex;gap:10px;align-items:center}
.masuk{color:var(--teks);font-size:15px;font-weight:600;text-decoration:none;padding:10px 6px}
.ikon-tombol{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--batas);background:transparent;color:var(--teks);border-radius:12px;padding:0 12px;font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.ikon-tombol:hover{border-color:var(--sinyal);color:var(--sinyal)}
.ikon-tombol svg{display:block}
:root[data-theme="dark"] .t-terang{display:none}
:root:not([data-theme="dark"]) .t-gelap{display:none}
.menu-hp{display:none}
.menu-hp summary{list-style:none;cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--batas);border-radius:12px;padding:0 14px;font-weight:600}
.menu-hp summary::-webkit-details-marker{display:none}
.menu-hp[open] summary{border-color:var(--sinyal)}
.menu-hp .isi-menu{position:absolute;left:16px;right:16px;top:70px;background:var(--panel);border:1px solid var(--garis-2);border-radius:18px;padding:10px;display:flex;flex-direction:column;box-shadow:var(--bayang)}
.menu-hp .isi-menu a{color:var(--teks);text-decoration:none;padding:14px 12px;border-radius:10px;font-weight:600}.menu-hp .isi-menu a:hover{background:var(--panel-2)}
@media (max-width:1180px){.tautan,.kanan .masuk{display:none}.menu-hp{display:block}}
@media (max-width:460px){.kanan .tombol{display:none}}

/* hero */
.hero{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-block:clamp(48px,8vw,104px) clamp(56px,8vw,96px)}
.hero .teks{flex:1 1 520px;min-width:0}
.hero h1{font-size:clamp(40px,6.2vw,80px);line-height:1.02;letter-spacing:-.03em;margin-bottom:24px}
.hero .lead{max-width:34em;font-size:clamp(17px,1.6vw,20px);color:var(--kabut);margin-bottom:36px}
.hero .basis{margin-top:28px;font-size:15px;color:var(--redup)}
.hero .gambar{flex:1 1 420px;min-width:0;display:flex;justify-content:center}
.jaring{position:relative;width:100%;max-width:560px;aspect-ratio:560/520;background:radial-gradient(120% 120% at 60% 40%,#0C2416 0%,var(--kartu-gelap) 70%);border:1px solid var(--garis-2);border-radius:28px;overflow:hidden}
.jaring svg{position:absolute;inset:0;width:100%;height:100%}
.jaring .pohon{position:absolute;left:53.6%;top:50.4%;width:24%;transform:translate(-50%,-50%)}
.sig{stroke-dasharray:46 640;stroke-dashoffset:686;animation:jalan 4.6s linear infinite}
.sig.b{animation-delay:1.5s}.sig.c{animation-delay:3s}
@keyframes jalan{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.sig{animation:none;stroke-dashoffset:0;stroke-dasharray:none;opacity:.6}}

/* bagian */
.bagian{border-top:1px solid var(--garis)}
.bagian>.wadah{padding-block:clamp(56px,8vw,104px)}
.bagian h2{font-size:clamp(28px,3.4vw,44px);line-height:1.1;margin-bottom:12px}
.pengantar{max-width:36em;color:var(--kabut);margin-bottom:44px}

.dua-pintu{display:flex;flex-wrap:wrap;gap:24px}
.pintu{flex:1 1 440px;min-width:0;background:var(--panel);border:1px solid var(--garis-2);border-radius:24px;padding:clamp(24px,3.4vw,44px);display:flex;flex-direction:column;gap:18px;scroll-margin-top:80px;box-shadow:var(--bayang)}
.pintu h3{font-family:Unbounded,Figtree,sans-serif;font-weight:600;font-size:clamp(24px,2.4vw,30px);letter-spacing:-.01em}
.pintu>p{color:var(--kabut)}
.centang{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.centang li{display:flex;gap:12px}.centang svg{flex:none;margin-top:4px}
.centang svg path{stroke:var(--sinyal)}
.pintu .tombol{margin-top:auto;align-self:flex-start;min-height:48px;padding:12px 20px}

.kisi-format{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:var(--garis-2);border:1px solid var(--garis-2);border-radius:24px;overflow:hidden}
.kisi-format>div{background:var(--panel);padding:32px;display:flex;flex-direction:column;gap:12px}
.kisi-format h3{font-size:20px;font-weight:700}.kisi-format p{color:var(--kabut);font-size:16px}
.kisi-format svg [stroke]{stroke:var(--sinyal)}.kisi-format svg [fill]:not([fill="none"]){fill:var(--sinyal)}
@media (max-width:360px){.kisi-format{grid-template-columns:1fr}}

.alur{margin:0 0 56px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:2px solid var(--sinyal)}
.alur li{padding:22px 22px 0 0}
.alur .no{font-family:Unbounded,Figtree,sans-serif;font-size:15px;color:var(--sinyal);margin-bottom:10px}
.alur .jdl{font-weight:700;font-size:18px;margin-bottom:6px}.alur .ket{color:var(--kabut);font-size:15px}
.fitur{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.fitur>div{background:var(--panel);border:1px solid var(--garis);border-radius:20px;padding:26px;box-shadow:var(--bayang)}.fitur h3{font-size:18px;font-weight:700;margin-bottom:8px}.fitur p{color:var(--kabut);font-size:15px}

.io{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.io .teks{flex:1 1 440px;min-width:0}.io .teks>p{color:var(--kabut);margin-bottom:32px}
.langkah{margin:0 0 36px;padding:0;list-style:none;display:flex;flex-direction:column;gap:22px}
.langkah li{display:flex;gap:18px}
.langkah .bulat{flex:none;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--sinyal);color:var(--sinyal);font-family:Unbounded,Figtree,sans-serif;font-size:15px;display:flex;align-items:center;justify-content:center}
.langkah .jdl{font-weight:700;font-size:18px}.langkah .ket{color:var(--kabut);font-size:16px}
.io .contoh{flex:1 1 420px;min-width:0;display:flex;justify-content:center}
.dok{margin:0;width:100%;max-width:480px;background:var(--kertas);color:var(--tinta);border-radius:18px;padding:clamp(22px,3vw,34px);box-shadow:0 0 0 1px var(--garis-2),0 30px 80px rgba(6,22,13,.12)}
.dok .atas{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:2px solid var(--daun)}
.dok .lencana{width:34px;height:34px;border-radius:9px;background:#000;display:flex;align-items:center;justify-content:center}.dok .lencana img{width:24px}
.dok .judul{font-size:18px}
.dok .contoh-tag{margin-left:auto;font-size:13px;font-weight:700;background:var(--tinta);color:var(--neon);padding:4px 10px;border-radius:999px}
.dok dl{margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;font-size:15px}
.dok dt{color:#4E6357;font-size:13px}.dok dd{margin:0;font-weight:700;overflow-wrap:anywhere}.dok .penuh{grid-column:1/-1}
.dok .ttd{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dok .ttd>div{border:1px dashed #7E9486;border-radius:12px;padding:12px}.dok .ttd .k{font-size:13px;color:#4E6357}.dok .ttd .v{font-weight:700;font-size:15px}
@media (max-width:420px){.dok dl,.dok .ttd{grid-template-columns:1fr}}

.aturan{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:36px 32px}
.aturan h3{font-size:19px;font-weight:700;color:var(--sinyal);margin-bottom:8px}.aturan p{color:var(--kabut);font-size:16px}

.ajak{position:relative;background:linear-gradient(100deg,#021a0e 0%,#032a16 34%,var(--kanopi) 72%,#01B654 100%);overflow:hidden;color:#fff}
.ajak svg [stroke]{stroke:var(--neon)}.ajak svg [fill]:not([fill="none"]){fill:var(--neon)}
.ajak svg{position:absolute;right:0;top:0;height:100%;width:60%}
.ajak .wadah{position:relative;padding-block:clamp(64px,9vw,120px)}
.ajak h2{max-width:14em;font-size:clamp(32px,4.4vw,56px);line-height:1.06;margin-bottom:16px;color:#fff}
.ajak p{max-width:32em;color:#D6E3DA;font-size:18px;margin-bottom:34px}
@media (max-width:640px){.ajak svg{width:100%;opacity:.5}}

.kaki{border-top:1px solid var(--garis)}
.kaki .atas{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;padding-block:48px 40px}
.kaki .alamat{flex:1 1 320px;min-width:0}
.kaki .merek{margin-bottom:18px}
.kaki .alamat p{color:var(--redup);font-size:15px}
.kaki .kolom{display:flex;gap:48px;flex-wrap:wrap;font-size:15px}.kaki .kolom div{display:flex;flex-direction:column;gap:10px}
.kaki .kolom a{color:var(--kabut);text-decoration:none}.kaki .kolom a:hover{color:var(--sinyal)}
.kaki .hak{color:var(--redup);font-size:14px;padding-bottom:40px}

/* halaman teks (privacy/terms) */
.teks-halaman{padding-block:clamp(40px,7vw,80px)}
.teks-halaman h1{font-size:clamp(32px,4.4vw,52px);margin-bottom:10px}
.teks-halaman .pengantar{margin-bottom:32px}
.teks-halaman h2{font-size:clamp(22px,2.6vw,30px);margin:36px 0 12px}
.teks-halaman p,.teks-halaman li{color:var(--kabut)}
.teks-halaman a{color:var(--sinyal)}
.teks-halaman .isi{max-width:46em}

/* halaman legal (privacy/terms) */
.artikel{max-width:820px;margin:0 auto;padding:clamp(32px,6vw,64px) clamp(16px,4vw,40px) clamp(48px,8vw,88px)}
.artikel h1{font-size:clamp(32px,4.4vw,52px);margin-bottom:8px}
.artikel .tgl{color:var(--redup);font-size:15px;margin-bottom:28px}
.artikel h2{font-size:clamp(20px,2.4vw,27px);margin:36px 0 10px}
.artikel h3{font-size:18px;margin:22px 0 8px;font-weight:700}
.artikel p,.artikel li{color:var(--kabut);margin-bottom:12px}
.artikel ul,.artikel ol{padding-left:20px}
.artikel a{color:var(--sinyal)}
.kanan.ujung{margin-left:auto}
.lega-atas{padding-block:28px}

/* ---- portofolio jasa website ---- */
.porto-hero{padding-block:clamp(48px,8vw,104px) clamp(32px,5vw,64px)}
.porto-hero h1{font-size:clamp(34px,5.2vw,64px);line-height:1.05;max-width:16em;margin-bottom:20px}
.porto-hero .lead{max-width:38em;color:var(--kabut);font-size:clamp(17px,1.6vw,19px);margin-bottom:32px}
.karya{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px}
.karya-item{background:var(--panel);border:1px solid var(--garis);border-radius:20px;overflow:hidden;box-shadow:var(--bayang);display:flex;flex-direction:column}
.karya-item img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-bottom:1px solid var(--garis)}
.karya-teks{padding:20px 22px 24px}
.karya-jenis{display:inline-block;font-size:13px;font-weight:600;color:var(--sinyal);margin-bottom:6px}
.karya-teks h3{font-size:18px;font-weight:700;margin-bottom:6px}.karya-teks p{color:var(--kabut);font-size:15px}
.harga-kisi .harga{font-family:Unbounded,Figtree,sans-serif;font-size:20px;color:var(--sinyal);margin:4px 0 10px}
.tombol.garis.terang{color:#fff;border-color:rgba(255,255,255,.6)}
.tautan a[aria-current="page"]{color:var(--sinyal)}

/* ---- Jaringan langsung (angka dari OS) ---- */
.jaringan-live{background:var(--kartu-gelap);color:#E8F5EC;padding:88px 0;position:relative;overflow:hidden}
.jaringan-live::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 85% 0%,rgba(1,243,109,.14),transparent 60%);pointer-events:none}
.jaringan-live .wadah{position:relative}
.live-kepala{display:inline-flex;align-items:center;gap:10px;font:600 .9rem Figtree,system-ui,sans-serif;color:var(--neon);letter-spacing:.02em}
.titik-live{width:9px;height:9px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 0 rgba(1,243,109,.6);animation:denyut 2s infinite}
@keyframes denyut{70%{box-shadow:0 0 0 10px rgba(1,243,109,0)}100%{box-shadow:0 0 0 0 rgba(1,243,109,0)}}
@media (prefers-reduced-motion:reduce){.titik-live{animation:none}}
.jaringan-live h2{color:#fff;margin:14px 0 40px;max-width:18ch;font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.08}
.live-angka{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin:0 0 40px;border-top:1px solid rgba(1,243,109,.25)}
.live-angka>div{padding:22px 24px 22px 0;border-bottom:1px solid rgba(1,243,109,.25)}
.live-angka dt{font:500 .95rem Figtree,system-ui,sans-serif;color:#9FC2AD;margin-bottom:6px}
.live-angka dd{margin:0;font:700 clamp(2.4rem,5vw,3.6rem)/1 Unbounded,system-ui,sans-serif;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.live-bawah{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:36px}
.live-bawah h3{font:600 1rem Figtree,system-ui,sans-serif;color:#9FC2AD;margin:0 0 14px}
.live-niche ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.live-niche li{border:1px solid rgba(1,243,109,.35);border-radius:999px;padding:6px 12px;font:500 .92rem Figtree,system-ui,sans-serif;color:#E8F5EC}
.live-niche li span{color:var(--neon);font-weight:700;margin-left:4px}
.live-negara ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.live-negara li{display:grid;grid-template-columns:38px 1fr 52px;align-items:center;gap:12px;font:600 .92rem Figtree,system-ui,sans-serif}
.live-negara .kode{color:#fff}.live-negara .batang{height:8px;border-radius:4px;background:rgba(1,243,109,.15);position:relative;overflow:hidden}
.live-negara .batang::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p,0%);background:var(--neon);border-radius:4px}
.live-negara li span:last-child{color:#9FC2AD;text-align:right}
.jaringan-live .tombol.garis.terang{color:#fff;border-color:rgba(255,255,255,.5)}

/* ---- Dinding situs publisher (portofolio) ---- */
.saring-niche{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.saring-niche button{font:600 .9rem Figtree,system-ui,sans-serif;padding:8px 14px;border-radius:999px;border:1px solid var(--batas);background:var(--panel);color:var(--teks);cursor:pointer}
.saring-niche button[aria-pressed="true"]{background:var(--sinyal);color:var(--aksen-tinta);border-color:var(--sinyal)}
.dinding-situs{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.dinding-situs li a{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px;border:1px solid var(--batas);border-radius:14px;background:var(--panel);text-decoration:none;color:var(--teks);transition:border-color .15s}
.dinding-situs li a:hover{border-color:var(--sinyal)}
.dinding-situs img{height:36px;width:auto;max-width:100%;object-fit:contain;object-position:left;margin-bottom:6px}
.dinding-situs b{font:700 1.02rem Figtree,system-ui,sans-serif}.dinding-situs .niche{font:600 .8rem Figtree,system-ui,sans-serif;color:var(--sinyal)}
.dinding-situs .tag{font-size:.88rem;color:var(--redup);line-height:1.4}.dinding-situs .kosong{color:var(--redup)}
/* ===== media kit hidup ===== */
.mk-atas h1{font-size:clamp(34px,5vw,64px);line-height:1.04;margin-bottom:18px;max-width:14em}
.mk-saring{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:28px}
.mk-saring label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px;color:var(--kabut)}
.mk-saring select{min-height:48px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--batas);background:var(--panel);color:var(--teks);font:inherit}
.mk-saring select:focus-visible{outline:3px solid var(--sinyal);outline-offset:2px}
.mk-hasil{border:1px solid var(--garis-2);border-radius:24px;background:var(--panel);padding:clamp(20px,4vw,40px)}
.mk-utama{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}
.mk-angka{font-family:Unbounded,Figtree,sans-serif;font-weight:600;font-size:clamp(40px,7vw,88px);line-height:1;color:var(--sinyal);font-variant-numeric:tabular-nums}
.mk-label{color:var(--kabut);font-size:17px}
.mk-rinci{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:0}
.mk-rinci dt{font-size:13px;color:var(--kabut)}.mk-rinci dd{margin:4px 0 0;font-weight:700;font-size:20px;font-variant-numeric:tabular-nums}
.mk-catatan{margin-top:22px;font-size:14px;color:var(--kabut);max-width:60em}
.mk-dua{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}
.mk-dua h2{font-size:clamp(24px,3vw,34px);margin-bottom:18px}
.mk-negara{list-style:none;margin:0;padding:0}.mk-negara li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--garis)}
.mk-tabel{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.mk-tabel th,.mk-tabel td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--garis)}.mk-tabel th{font-size:13px;color:var(--kabut)}
.mk-tabel td:not(:first-child),.mk-tabel th:not(:first-child){text-align:right}
.lis-daftar{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.lis-daftar li{padding-left:22px;position:relative}
.lis-daftar li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--sinyal)}
.lis-p{color:var(--kabut);max-width:36em}