.elementor-18966 .elementor-element.elementor-element-5683f2c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18966 .elementor-element.elementor-element-ad10001{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18966 .elementor-element.elementor-element-ad10002{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18966 .elementor-element.elementor-element-ad10011{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18966 .elementor-element.elementor-element-ad10012{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18966 .elementor-element.elementor-element-ad10021{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18966 .elementor-element.elementor-element-ad10022{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18966 .elementor-element.elementor-element-ad10031{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18966 .elementor-element.elementor-element-ad10032{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18966 .elementor-element.elementor-element-ad10041{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18966 .elementor-element.elementor-element-ad10042{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18966 .elementor-element.elementor-element-316f30c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18966 .elementor-element.elementor-element-fcadf43{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS *//* ============================================================
   TM page CSS — post 18966 (preview-mining-service-2026)
   Rev 2 (2026-07-16): REBUILD TOTAL ala homepage (feedback user:
   rev 1 masih terlihat seperti halaman lama). Struktur baru =
   kontainer flex + widget HTML (elementor/mining-2026-template.json),
   teks/gambar/link verbatim post 808, urutan DOM dipertahankan.
   Scope .page-id-18966. Dikirim via widget tm-style-carrier +
   duplikat page settings. Base = plugin components.css/tokens.css
   (tm-section, tm-btn, tm-eyebrow, reveal, header/footer).
   ============================================================ */

/* ---------- Judul bawaan + header/footer override (identik rev 1) ---------- */
.page-id-18966 .uicore-page-title, .page-id-18966 .entry-title { display: none; }
.page-id-18966 .tm-header { position: fixed; top: 0; left: 0; right: 0; z-index: 80; }
body.admin-bar .tm-header { top: 32px; }
body.elementor-template-canvas { padding-top: 76px; }
.page-id-18966 .tm-header__inner { min-height: 76px; }
.page-id-18966 .tm-header__logo img { height: 44px; width: auto; }
.page-id-18966 .tm-nav a[aria-current="page"] { color: var(--tm-ember); }
.page-id-18966 .tm-header__actions { display: none; align-items: center; gap: 18px; }
@media (min-width: 900px) { .page-id-18966 .tm-header__actions { display: inline-flex; } }
.page-id-18966 .tm-header .tm-btn { min-height: 42px; padding: 9px 20px; font-size: 15px; }
.page-id-18966 .tm-lang { display: inline-flex; align-items: center; gap: 10px; font-family: var(--tm-font-mono); font-size: 12.5px; letter-spacing: 0.06em; }
.page-id-18966 .tm-lang a { text-decoration: none; color: var(--tm-steel); white-space: nowrap; }
.page-id-18966 .tm-lang a[aria-current="true"], .page-id-18966 .tm-lang a:hover { color: var(--tm-ink); font-weight: 600; }
.page-id-18966 .tm-footer__logo { height: 48px; width: auto; }
.page-id-18966 .tm-footer p { margin: 12px 0 0; font-size: 15px; }
.page-id-18966 .tm-footer__links a { font-size: 15px; }
.page-id-18966 .tm-footer h3 { margin-bottom: 14px; }
.page-id-18966 .tm-header__drawer .tm-lang { margin-top: 14px; }
.page-id-18966 .tm-header__drawer .tm-btn { margin-top: 14px; width: 100%; }
.page-id-18966 .tm-style-carrier { display: none; }

/* Basis tipografi header/footer — kontainer header 18966 tidak membawa
   kelas tm-scope (beda dengan homepage), jadi font tema (Inter) bocor.
   Rule ini menyamakan basis dengan tokens .tm-scope milik homepage. */
.page-id-18966 .tm-header, .page-id-18966 .tm-footer {
  font-family: var(--tm-font-body);
  font-size: 17px;
  line-height: 1.6;
  color: var(--tm-ink);
  -webkit-font-smoothing: antialiased;
}
.page-id-18966 .tm-header img, .page-id-18966 .tm-footer img { display: block; }

/* ---------- Ritme section ----------
   Kit Elementor memberi kontainer padding 10px dan menang atas
   .tm-section plugin — kembalikan napas section di sini. Hero
   dikecualikan (jaraknya ke navbar sudah disetel 47px = homepage). */
.page-id-18966 .e-con.tm-section:not(.tm-ms-hero) { padding-block: clamp(44px, 4.5vw, 68px); }

/* ---------- Kontainer: senter + gap deterministik (ritme via margin) ---------- */
.page-id-18966 .e-con.tm-container {
  max-width: var(--tm-container);
  width: 100%;
  margin-inline: auto;
  padding-inline: 24px;
  --gap: 0;
  gap: 0;
}

/* ---------- Kicker (label mono + strip merah) ---------- */
.page-id-18966 .tm-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--tm-font-mono);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--tm-steel);
  margin: 0 0 18px;
}
.page-id-18966 .tm-kicker::before { content: ""; width: 18px; height: 2px; background: var(--tm-ember); flex: none; }

/* ---------- HERO: tipografi raksasa + foto lapangan ---------- */
/* Jarak navbar->kicker disamakan dengan homepage (48px terukur):
   kit Elementor memberi kontainer padding 10px; homepage punya offset
   internal 48px, punya kami 20px -> tambah 28px di kontainer hero. */
.page-id-18966 .tm-ms-hero > .e-con.tm-container { padding-top: 38px; }
.page-id-18966 .tm-ms-hero__grid { display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center; }
@media (min-width: 900px) {
  .page-id-18966 .tm-ms-hero__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; align-items: stretch; }
}
.page-id-18966 .tm-display {
  font-family: var(--tm-font-display);
  font-weight: 800;
  font-size: clamp(40px, 5.6vw, 76px);
  line-height: 1.02;
  letter-spacing: -0.025em;
  color: var(--tm-ink);
  margin: 0 0 24px;
}
.page-id-18966 .tm-display::after { content: ""; display: block; width: 64px; height: 4px; background: var(--tm-ember); margin-top: 22px; }
.page-id-18966 .tm-lead { color: var(--tm-steel); font-size: 17.5px; line-height: 1.75; max-width: 58ch; margin: 0 0 30px; }
.page-id-18966 .tm-ms-hero__cta { display: flex; gap: 16px; flex-wrap: wrap; }

/* Foto hero: aerial tambang gunung (PERIZINAN-TAMBANG) — foto lapangan
   hi-res satu-satunya yang tidak dipakai homepage; crop portrait condong
   ke langit/punggungan supaya beda rasa dari pemakaian wide di kartu
   Jasa Lingkungan. "Seam" tipis navy-emas-merah = gema motif strata. */
.page-id-18966 .tm-ms-hero__figure {
  position: relative;
  width: 100%;
  border-radius: var(--tm-radius);
  overflow: hidden;
  background: var(--tm-ink-deep) url("https://teknominerba.com/wp-content/uploads/2025/11/PERIZINAN-TAMBANG-Management-Tambang-1536x1536.webp") center 35% / cover no-repeat;
  box-shadow: var(--tm-shadow);
  aspect-ratio: 16 / 10; /* ponsel: banner 16:10 bersih, tinggi ikut lebar */
}
@media (min-width: 900px) {
  .page-id-18966 .tm-ms-hero__figure { aspect-ratio: auto; min-height: 480px; height: 100%; }
}
.page-id-18966 .tm-ms-hero__figure::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 6px;
  background: linear-gradient(90deg, var(--tm-ink) 0 58%, var(--tm-hivis) 58% 70%, var(--tm-ember) 70% 100%);
}

/* ---------- Judul section (strip merah di atas) ---------- */
.page-id-18966 .tm-sechead {
  font-family: var(--tm-font-display);
  font-weight: 800;
  font-size: clamp(30px, 3.6vw, 44px);
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--tm-ink);
  margin: 0 0 22px;
}
.page-id-18966 .tm-sechead::before { content: ""; display: block; width: 26px; height: 3px; background: var(--tm-ember); margin-bottom: 14px; }
.page-id-18966 .tm-section--navy .tm-sechead { color: #fff; }

/* ---------- Plate layanan: kartu lebar foto + checklist ---------- */
.page-id-18966 .tm-plate {
  display: grid;
  grid-template-columns: 1fr;
  background: #fff;
  border: 1px solid var(--tm-line);
  border-radius: var(--tm-radius);
  overflow: hidden;
  margin: 0 0 28px;
}
.page-id-18966 .elementor-widget-html:last-child .tm-plate { margin-bottom: 0; }
@media (min-width: 900px) {
  .page-id-18966 .tm-plate { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .page-id-18966 .tm-plate--flip .tm-plate__media { order: 2; }
}
.page-id-18966 .tm-plate__media { margin: 0; min-height: 100%; }
.page-id-18966 .tm-plate__media img { width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 16 / 10; }
@media (min-width: 900px) { .page-id-18966 .tm-plate__media img { aspect-ratio: auto; min-height: 340px; } }
.page-id-18966 .tm-plate__body { padding: clamp(24px, 3.4vw, 44px); }
.page-id-18966 .tm-plate__body h2 {
  font-family: var(--tm-font-display);
  font-size: clamp(20px, 2vw, 25px);
  font-weight: 800;
  letter-spacing: 0.02em;
  color: var(--tm-ink);
  margin: 0 0 20px;
  padding-left: 14px;
  border-left: 3px solid var(--tm-ember);
}

/* Checklist 2 kolom, centang merah */
.page-id-18966 .tm-check { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 10px 26px; }
@media (min-width: 640px) { .page-id-18966 .tm-check { grid-template-columns: 1fr 1fr; } }
.page-id-18966 .tm-check li { position: relative; padding-left: 26px; color: var(--tm-steel); font-size: 15px; line-height: 1.55; }
.page-id-18966 .tm-check li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--tm-ember); font-weight: 700; }

/* ---------- Proses Kerjasama (navy): 4 kartu langkah ---------- */
.page-id-18966 .tm-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 640px) { .page-id-18966 .tm-steps { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) { .page-id-18966 .tm-steps { grid-template-columns: repeat(4, 1fr); } }
.page-id-18966 .tm-step {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--tm-line-light);
  border-radius: var(--tm-radius);
  padding: 26px 24px 30px;
}
.page-id-18966 .tm-step:hover { background: rgba(255, 255, 255, 0.09); }
.page-id-18966 .tm-step__num {
  font-family: var(--tm-font-mono);
  font-weight: 600;
  font-size: 44px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.22);
  margin: 0 0 14px;
}
.page-id-18966 .tm-step__name { font-family: var(--tm-font-display); font-weight: 700; font-size: 19px; color: #fff; }
.page-id-18966 .tm-step__name::after { content: ""; display: block; width: 22px; height: 2px; background: var(--tm-ember); margin: 10px 0 12px; }
.page-id-18966 .tm-step__desc { color: rgba(237, 240, 245, 0.72); font-size: 14.5px; line-height: 1.65; margin: 0; }

/* ---------- Projects: foto + panel LAST UPDATE ---------- */
.page-id-18966 .tm-proj { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; }
@media (min-width: 900px) { .page-id-18966 .tm-proj { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 64px; } }
.page-id-18966 .tm-proj__media { margin: 0; }
.page-id-18966 .tm-proj__media img { width: 100%; height: auto; border-radius: var(--tm-radius); box-shadow: var(--tm-shadow); display: block; }
.page-id-18966 .tm-proj__body h2 {
  font-family: var(--tm-font-display);
  font-weight: 800;
  font-size: clamp(28px, 3vw, 38px);
  letter-spacing: -0.02em;
  line-height: 1.12;
  color: var(--tm-ink);
  margin: 0 0 14px;
}
.page-id-18966 .tm-proj__body .tm-muted { color: var(--tm-steel); margin: 0 0 26px; }
.page-id-18966 .tm-lastupdate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  border: 1px solid var(--tm-line);
  border-radius: var(--tm-radius);
  background: var(--tm-paper);
  padding: 18px 22px;
}
.page-id-18966 .tm-lastupdate__label { font-family: var(--tm-font-mono); font-size: 11.5px; font-weight: 500; letter-spacing: 0.1em; color: var(--tm-steel); margin: 0 0 4px; }
.page-id-18966 .tm-lastupdate__date { font-family: var(--tm-font-display); font-weight: 700; font-size: 18px; color: var(--tm-ink); }

/* ---------- Ponsel: tombol penuh-lebar (aturan homepage) ---------- */
@media (max-width: 640px) {
  .page-id-18966 .tm-ms-hero__cta .tm-btn, .page-id-18966 .tm-lastupdate .tm-btn { width: 100%; }
}/* End custom CSS */