/* ── KONTAK PAGE ── */
@media (max-width: 768px) {
  .container > div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

/* ── ARTIKEL LAYOUT ── */
@media (max-width: 900px) {
  .artikel-layout {
    grid-template-columns: 1fr !important;
  }
  .artikel-layout .sidebar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}

/* ── MOBILE ── */
@media (max-width: 768px) {

  /* Konten artikel tidak melebar */
  .artikel-konten {
    overflow-x: hidden !important;
    word-break: break-word !important;
  }

  /* Semua gambar dalam artikel responsif */
  .artikel-konten img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
  }

  /* Tabel artikel scroll horizontal */
  .artikel-konten table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    max-width: 100% !important;
    font-size: 13px !important;
  }

  /* Figure responsif */
  .artikel-konten figure {
    margin: 16px 0 !important;
    max-width: 100% !important;
  }

  /* Iframe responsif */
  .artikel-konten iframe {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Layout artikel */
  .artikel-layout {
    grid-template-columns: 1fr !important;
    padding: 16px 0 40px !important;
    gap: 24px !important;
  }

  /* Sidebar di bawah konten */
  .artikel-layout .sidebar {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  /* Header artikel */
  .artikel-header h1 {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .artikel-meta {
    flex-wrap: wrap !important;
    gap: 8px !important;
    font-size: 12px !important;
  }

  /* Artikel terkait 1 kolom */
  .artikel-konten .artikel-grid {
    grid-template-columns: 1fr !important;
  }

  /* Container padding HP */
  .container {
    padding: 0 14px !important;
  }

  /* Iklan slot */
  .iklan-slot {
    min-height: auto !important;
    overflow: hidden !important;
  }
  .iklan-slot img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Featured card */
  .featured-card {
    grid-template-columns: 1fr !important;
  }
  .featured-card .card-body {
    padding: 20px !important;
  }
  .featured-card .card-judul {
    font-size: 18px !important;
  }

  /* Form daftar */
  .form-daftar {
    padding: 24px 20px !important;
  }
  .form-row {
    flex-direction: column !important;
  }

  /* Admin tabel */
  .table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Admin stats */
  .stats-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  /* Admin content */
  .admin-content {
    padding: 14px !important;
  }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

/* ── LAYAR SANGAT KECIL ── */
@media (max-width: 400px) {
  .artikel-header h1 {
    font-size: 19px !important;
  }
  .artikel-konten {
    font-size: 14px !important;
    line-height: 1.75 !important;
  }
  .card-judul {
    font-size: 15px !important;
  }
  .site-logo {
    font-size: 18px !important;
  }
  .site-logo img {
    height: 28px !important;
  }
}

/* ── PRINT ── */
@media print {
  .site-header,
  .site-footer,
  .sidebar,
  .iklan-slot,
  .form-daftar { display: none !important; }
  .artikel-layout { grid-template-columns: 1fr !important; }
  .artikel-konten { font-size: 12pt !important; }
}