#theme-attribution{
visibility:hidden
}

/*------------------------------------------------------------------------------------ */
/* Judul shrink-to-fit lalu di-center seluruh elemennya */
.ma-title.fw-underline{
	color: white;
  position: relative;
  display: block;
  /* shrink-to-fit agar lebarnya = lebar teks */
  width: -moz-fit-content;   /* Firefox lama */
  width: fit-content;        /* browser modern */
  max-width: 100%;           /* aman kalau teks panjang di layar kecil */
  margin: 24px auto 40px;    /* auto kiri/kanan = tengah layout */
  text-align: center;
  font-weight: 600;
  line-height: 1.25;
  font-size: clamp(12px, 2.2vw + 8px, 30px);
}

/* Garis bawah selebar teks + animasi dari tengah */
.ma-title.fw-underline::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -12px;             /* jarak garis dari teks */
  width: 100%;               /* ikut lebar elemen (== lebar teks) */
  height: 4px;
  background: #C00000;
  border-radius: 2px;
  transform-origin: center;
  transform: scaleX(0);
  animation: underlineIn 0.8s ease-out 0.15s forwards;
}

/* Replay animasi saat hover (opsional) */
.ma-title.fw-underline:hover::after{
  animation: underlineIn 0.5s ease-out forwards;
}

@keyframes underlineIn{
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}

/* Hormati preferensi reduce motion */
@media (prefers-reduced-motion: reduce){
  .ma-title.fw-underline::after{
    animation: none;
    transform: none;
  }
}

/*---------------------------------------------------------------------------------------------------- */
/* DILMIL I‑01 – Bio/Sambutan (tanpa bingkai, HTML & CSS terpisah) */
.dilmil-bio {
max-width: 1100px;
margin: 0 auto 28px;
display: grid;
grid-template-columns: 1fr minmax(220px, 360px); /* TEKS | FOTO */
gap: clamp(16px, 2.5vw, 28px);
align-items: start;
font-size: clamp(15px, 0.7vw + 12px, 18px);
line-height: 1.7;
padding: clamp(8px, 2.2vw, 20px) 0; /* ruang vertikal ringan */
}


.dilmil-bio .bio-content h2 {
font-size: clamp(22px, 1.8vw + 14px, 34px);
line-height: 1.25;
margin: 4px 0 10px;
font-weight: 800;
}
.dilmil-bio .meta { margin-bottom: 12px; font-weight: 600; }
.dilmil-bio p { margin: 0 0 0.9em; }
.dilmil-bio .bio-sign { margin-top: 12px; }
.dilmil-bio .bio-sign .sign-space { margin: 26px 0 10px; }
.dilmil-bio .name { font-weight: 800; }


.dilmil-bio .bio-photo { justify-self: center; width: 100%; max-width: 420px; }
.dilmil-bio .bio-photo img { width: 100%; height: auto; display: block; object-fit: contain; }


/* Mobile – tumpuk, foto di bawah teks */
@media (max-width: 860px) {
.dilmil-bio { grid-template-columns: 1fr; gap: clamp(12px, 3vw, 20px); }
.dilmil-bio .bio-photo { max-width: 360px; }
}

/*---------------------------------------------------------------------------------------------------- */



/*---------------------------------------------------------------------------------------------------- */





/*---------------------------------------------------------------------------------------------------- */