/* =========================================================================
   fase-d/mpi-22.8/styles.css
   Masalah Kontekstual Luas Permukaan Limas — Fase D (SMP Kelas IX)

   Hanya memuat gaya yang KHAS modul ini (kepala benda). Kartu surat OSIS
   (.surat-*, .orientasi-cerita), Lab Atap, gambar limas & pemilih sisi
   limas (.lmk-*), kartu isian & galeri (.lpp-*), tabel anggaran, papan
   proposal, chip sisi (.lpk-*), gambar 3D (.psm-*), pilihan ganda,
   pemilahan, urut-ketuk, dan kartu sajian berasal dari shared/base.css.
   ========================================================================= */

/* -------------------------------------------------------------------------
   Penyelidikan sisi bahan — kepala benda (gambar limas kecil + cerita)
   ------------------------------------------------------------------------- */

.benda-head {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: var(--space-4);
  align-items: center;
  margin-bottom: var(--space-4);
}

.benda-head__gambar .psm-svg {
  max-height: 120px;
}

.benda-head__cerita {
  margin: var(--space-2) 0 0;
  line-height: 1.55;
}

@media (max-width: 480px) {
  .benda-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .benda-head__gambar {
    max-width: 150px;
    margin: 0 auto;
  }
}
