/* Template Klinik THT: audiogram — biru es #EEF5F7, teal tua #0E5A6A, koral #F26B3A, kisi frekuensi × dB, tanda O merah #D93A2B (kanan)
   & X biru #2F6FD1 (kiri), busur gelombang suara, foto berbingkai kisi titik pengeras suara, pita ekualiser. */
:root{--latar:#EEF5F7;--latar-2:#E1EDF0;--permukaan:#FFFFFF;--teks:#10303A;--teks-2:#4A6670;--teks-3:#8AA2AA;--garis:#D2E2E7;
  --utama:#0E5A6A;--utama-tua:#08414D;--utama-muda:#D8ECEF;--pada-utama:#fff;--aksen:#F26B3A;--aksen-tua:#D24E1F;--pada-aksen:#fff;
  --merah:#D93A2B;--biru:#2F6FD1;--gelap:#0B2C35;--pada-gelap:#9DB8BF;--radius:20px;--radius-kecil:10px;--bayang:0 20px 36px -24px rgba(11,44,53,.45);
  --kisi:radial-gradient(circle,rgba(14,90,106,.28) 1.6px,transparent 2px) 0 0/10px 10px}
body{background:var(--latar);color:var(--teks)}
h1,h2,h3{font-weight:800;letter-spacing:-.025em;color:var(--teks)}
.serif{font-family:"Lora",Georgia,serif;font-style:italic;font-weight:600;color:var(--aksen-tua)}
.kepala .btn-wa,.btn-wa,.btn-utama{background:var(--utama);color:#fff}
.bag-alt{background:var(--latar-2)}
.kaki{background:var(--gelap)}
[hidden]{display:none!important}
.thd-alis{margin:0 0 14px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--utama)}
.thd-lead{font-size:17.5px;color:var(--teks-2)}
.thd-btn{background:var(--aksen);color:#fff;font-weight:800;border-radius:999px;border:0;cursor:pointer}
.thd-btn:hover{background:var(--utama);color:#fff}
.thd-link{font-weight:800;color:var(--teks);border-bottom:2px solid var(--aksen)}
.thd-blok{width:100%;justify-content:center}
.thd-g-judul{margin:14px 0 8px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teks-3)}
.thd-foto{position:relative;margin:0;padding:14px;background:var(--kisi),var(--utama-muda);border-radius:var(--radius);box-shadow:var(--bayang)}
.thd-foto img{display:block;width:100%;object-fit:cover;border-radius:14px}

.thd-hero{padding-top:40px;padding-bottom:64px;overflow:hidden}
.thd-hero-isi{display:grid;gap:44px;align-items:center}
@media(min-width:960px){.thd-hero-isi{grid-template-columns:1fr 1fr}}
.thd-teks,.thd-visual{min-width:0}
.thd-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.05;margin:0 0 20px}
.thd-tombol{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.thd-visual{position:relative;padding:0 0 70px 0}
.thd-visual .thd-foto{width:80%;margin-left:auto}
.thd-visual .thd-foto img{aspect-ratio:4/4.3}
.thd-busur{position:absolute;left:0;top:8%;width:150px;height:150px}
.thd-busur i{position:absolute;inset:0;border:4px solid var(--aksen);border-color:transparent var(--aksen) transparent transparent;border-radius:50%;transform:rotate(135deg) scale(.4);opacity:.9}
.thd-busur i:nth-child(2){transform:rotate(135deg) scale(.7);opacity:.6}
.thd-busur i:nth-child(3){transform:rotate(135deg) scale(1);opacity:.35}
.thd-audio{position:absolute;left:0;bottom:0;width:min(58%,290px);padding:10px 12px 8px;background:var(--permukaan);border-radius:16px;box-shadow:var(--bayang)}
.thd-audio svg{display:block;width:100%;height:auto}
.thd-audio .g,.thd-svg .g{stroke:var(--garis);stroke-width:1}
.thd-audio .ka,.thd-svg .ka{fill:none;stroke:var(--merah);stroke-width:2}
.thd-audio .ki,.thd-svg .ki{fill:none;stroke:var(--biru);stroke-width:2;stroke-dasharray:5 4}
.thd-audio .o,.thd-svg .o{fill:#fff;stroke:var(--merah);stroke-width:2.4}
.thd-audio .x,.thd-svg .x{stroke:var(--biru);stroke-width:2.6;stroke-linecap:round}
.thd-audio p{display:flex;justify-content:space-between;margin:2px 4px 0;font-size:10.5px;font-weight:800;color:var(--teks-3)}

.thd-kepala{margin-bottom:30px}
.thd-kepala h2,.thd-dengar h2,.thd-t-teks h2{font-size:clamp(30px,4.2vw,48px);margin:0 0 14px}
.thd-kisi{display:grid;gap:24px}
@media(min-width:640px){.thd-kisi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.thd-kisi{grid-template-columns:repeat(3,minmax(0,1fr))}}
.thd-kartu{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--permukaan);border-radius:var(--radius);box-shadow:var(--bayang);overflow:hidden}
.thd-k-foto{display:block}
.thd-k-foto img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.thd-gel{display:block;width:100%;height:24px;margin-top:-12px;position:relative}
.thd-gel path{fill:none;stroke:var(--aksen);stroke-width:2.4;vector-effect:non-scaling-stroke}
.thd-k-isi{display:flex;flex-direction:column;flex:1;padding:6px 18px 22px}
.thd-lama{align-self:flex-start;margin:0 0 8px!important;padding:3px 12px;border-radius:999px;background:#FDE6DC;color:var(--aksen-tua)!important;font-size:12px!important;font-weight:800}
.thd-k-isi h3{margin:0 0 2px;font-size:21px}
.thd-k-isi h3 a{color:inherit}
.thd-k-sub{margin:0 0 8px!important;font-size:13.5px;font-weight:700;color:var(--utama)!important}
.thd-k-isi>p{margin:0 0 12px;color:var(--teks-2);font-size:15px}
.thd-harga{margin-top:auto!important;font-size:13.5px;color:var(--teks-3)!important}
.thd-harga b{font-size:18px;color:var(--teks)}

.thd-dengar{margin-top:60px;background:var(--permukaan);border-radius:28px;box-shadow:var(--bayang)}
.thd-d-atas{padding:28px clamp(18px,3vw,34px) 6px}
.thd-d-isi{display:grid;gap:28px;padding:12px clamp(18px,3vw,34px) 30px}
@media(min-width:1040px){.thd-d-isi{grid-template-columns:.95fr 1.1fr .95fr}}
.thd-form,.thd-grafik,.thd-ring{min-width:0}
.thd-panel{padding:16px;border-radius:16px;background:var(--kisi),var(--utama-muda)}
.thd-status{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff;font-size:14px}
.thd-aksi{display:flex;flex-wrap:wrap;gap:8px}
.thd-jawab,.thd-ulang{padding:10px 14px;border:2px solid var(--utama);border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:800;color:var(--utama);cursor:pointer}
.thd-jawab.ya{background:var(--utama);color:#fff}
.thd-ulang{border-color:transparent;background:transparent;text-decoration:underline}
.thd-prog{height:6px;margin-top:12px;border-radius:6px;background:#fff;overflow:hidden}
.thd-prog i{display:block;width:0;height:100%;background:var(--aksen);transition:width .3s}
.thd-form .thd-cek{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px;padding:9px 12px;background:var(--latar);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer}
.thd-form .thd-cek.merah{background:#FDE8E4}
.thd-cek input{width:17px;height:17px;flex:none;margin-top:1px;accent-color:#0E5A6A}
.thd-svg{display:block;width:100%;height:auto;background:var(--latar);border-radius:16px}
.thd-svg .t{fill:var(--teks-3);font-size:11px;font-weight:700}
.thd-svg .nrm{fill:rgba(62,142,90,.1)}
.thd-svg .contoh{opacity:.55}
.thd-svg .cth{fill:var(--teks-3);font-size:12px;font-weight:800;letter-spacing:.16em}
.thd-leg{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 2px 0;font-size:12px;color:var(--teks-3)}
.thd-leg .o{font-weight:800;color:var(--merah)}.thd-leg .x{font-weight:800;color:var(--biru)}
.thd-darurat{margin-bottom:12px;padding:12px 14px;border-radius:12px;background:#FDE8E4;border-left:5px solid var(--merah);font-size:13.5px}
.thd-hasil{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.thd-hasil div{display:grid;padding:12px;border-radius:12px;background:var(--latar);border-top:5px solid #3E8E5A}
.thd-hasil div.ringan{border-top-color:#D9A21B}.thd-hasil div.sedang{border-top-color:var(--aksen)}.thd-hasil div.berat{border-top-color:var(--merah)}.thd-hasil div.kosong{border-top-color:var(--garis)}
.thd-hasil small{font-size:11.5px;font-weight:700;color:var(--teks-3)}
.thd-hasil b{font-size:22px}
.thd-hasil em{font-style:normal;font-size:13px;font-weight:700;color:var(--teks-2)}
.thd-paket{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.thd-paket li{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--latar)}
.thd-paket li.kosong{color:var(--teks-3);font-size:13.5px}
.thd-paket div{min-width:0}
.thd-paket b{display:block;font-size:14px}
.thd-paket small{display:block;font-size:12px;font-weight:700;color:var(--aksen-tua)}
.thd-paket em{display:block;font-style:normal;font-size:12px;color:var(--teks-3)}
.thd-paket span{font-weight:800;font-size:13.5px;white-space:nowrap}
.thd-rinci{margin:0 0 16px;display:grid}
.thd-rinci div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--garis);font-size:14px}
.thd-rinci dt{color:var(--teks-2)}.thd-rinci dd{margin:0;font-weight:800;text-align:right}
.thd-rinci .thd-tot{border-bottom:0;font-size:15.5px}
.thd-rinci .thd-tot dd{color:var(--aksen-tua)}
.thd-catat{margin:12px 0 0;font-size:12.5px;color:var(--teks-3)}

.thd-t{display:grid;gap:44px;align-items:center}
@media(min-width:900px){.thd-t{grid-template-columns:1.15fr .85fr}}
.thd-t-teks{min-width:0}
.thd-t-foto img{aspect-ratio:4/4.6}
.thd-eq{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.thd-eq li{display:grid;grid-template-columns:62px 1fr;grid-template-areas:"e b" "e s";align-items:center;gap:0 14px;padding:12px 14px;background:var(--permukaan);border-radius:14px;box-shadow:var(--bayang)}
.thd-eq span{grid-area:e;display:flex;align-items:flex-end;gap:4px;height:40px}
.thd-eq span i{flex:1;border-radius:3px;background:var(--utama)}
.thd-eq li:nth-child(even) span i{background:var(--aksen)}
.thd-eq b{grid-area:b;font-size:17px}
.thd-eq small{grid-area:s;font-size:13.5px;color:var(--teks-2)}
@media(max-width:560px){.thd-visual .thd-foto{width:90%}.thd-audio{width:72%}.thd-busur{width:90px;height:90px;top:4%;left:-20px}}