/* Arena Hikmah: penyesuaian rangka SistemGuru.My (Bhg 16/16A/16J). Gaya asal ada dalam arena-asal.css. */
.ah {
  --ah-r: 1.15em; font-size: var(--ah-r);
  position: relative; border-radius: var(--radius, 14px); overflow: hidden;
  border: 1px solid #526f8555; --iv-sp-latar: #06101e;
}
.ah.iv-skrin-penuh { border-radius: 0; border: 0; overflow: auto; }
.ah-isi { container: ah / inline-size; }
.ah .ah-main { max-width: none; }
.ah .ikon-svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.15em; }
.ah #cameraPlaceholder .ikon-svg { width: 1.3em; height: 1.3em; }
.ah .iv-sp-btn { display: inline-flex; align-items: center; gap: 6px; }
.ah .iv-sp-btn svg { width: 1.1em; height: 1.1em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ah .iv-sp-btn .iv-sp-keluar, .ah .iv-sp-btn[aria-pressed="true"] .iv-sp-masuk { display: none; }
.ah .iv-sp-btn[aria-pressed="true"] .iv-sp-keluar { display: inline; }
.ah .ah-kaki { max-width: none; margin-top: 0; }
@container ah (max-width: 700px) {
  .ah .ah-bar { padding: 10px 12px; gap: 8px; }
  .ah .ah-main { padding: 14px 10px 18px; }
  .ah .iv-sp-btn [data-iv-skrin-lbl] { display: none; }
  .ah .ah-kaki { padding: 10px 12px; }
}