/* ==========================================================================
   inovasi-halaman.css — standard HALAMAN INOVASI GURU (2026-10-06)
   Dipakai setiap halaman inovasi (tajwid-kkq.html dan yang akan dibina). Dimuat SELEPAS
   /kedai/kedai.css (header hijau .kd-kepala, skala fon app, token warna) dan sebelum CSS
   halaman itu sendiri. Lihat inovasi/_templat.html untuk rangka siap guna.
   --------------------------------------------------------------------------
   · Kepala kandungan   : .iv-kepala   (tajuk + penerangan + kawalan halaman, kad putih)
   · Mod benam (?embed=1): header/footer halaman disembunyikan — app membekalkan header & sidebar.
   ========================================================================== */
.iv-kepala { background: var(--card); border-bottom: 1px solid var(--border); padding: 18px 0 16px; }
.iv-kepala .iv-kepala-isi { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.iv-kepala .iv-lencana { display: inline-block; margin: 0 0 8px; padding: 3px 10px; border-radius: var(--radius-full); background: var(--primary-bg); color: var(--primary-text); font-weight: 700; font-size: .85em; border: 1px solid var(--primary-bd); }
.iv-kepala h1 { margin: 0 0 4px; font-size: clamp(22px, 3.2vw, 30px); font-weight: 800; letter-spacing: -.02em; }
.iv-kepala .iv-sub { margin: 0; color: var(--text-muted); font-size: 1em; max-width: 62ch; line-height: 1.55; }
.iv-kaki { margin-top: 28px; padding: 18px 0 8px; border-top: 1px solid var(--border); font-size: .95em; color: var(--text-muted); }

/* ---- mod benam dalam app ---- */
html.embed .kd-kepala, html.embed .iv-kaki, html.embed footer.kaki, html.embed .kd-langkau { display: none !important; }
html.embed body { zoom: 1 !important; }                 /* app sudah menskala iframe */
html.embed .iv-kepala { padding: 10px 0; }
html.embed .iv-kepala .iv-lencana, html.embed .iv-kepala .iv-sub { display: none; }
html.embed .iv-kepala h1 { display: none; }            /* tajuk sudah ada pada bar app */
html.embed .iv-kepala .iv-kepala-isi { align-items: center; justify-content: flex-start; }

/* 2026-10-07 — STANDARD JARAK: teks kepala kandungan berbaris dengan tajuk seksyen (inset 4px). */
.iv-kepala .iv-kepala-isi > div:first-child { padding-left: 4px; padding-right: 4px; }