/* MISI CEMERLANG SEJARAH · tema "Biru Arkib" (dimuat SELEPAS gaya.css; menindih warna, font & komponen)
   Biru #1f4e79 = warna PDF produk · merah cop mohor = aksen · tajuk serif = rasa dokumen sejarah */
:root{
  --ink:#0F2440; --ink2:#2B3F5C; --soft:#5E6B80; --paper:#FFFFFF; --ground:#F5F7FA;
  --band:#1F4E79; --band2:#1A4268; --gold:#B8321F; --gold2:#9C2A19; --goldsoft:#FBECE8;
  --biru:#1F4E79; --birusoft:#E8EFF7; --merah:#B8321F;
  --rule:#D9E1EB; --ok:#1E7A4C; --no:#B3261E;
  --f:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --s:"Fraunces",Georgia,"Times New Roman",serif;
  --m:"IBM Plex Mono",ui-monospace,Consolas,monospace;
}
body{background:var(--ground)}
h1,h2{font-family:var(--s);font-weight:700;letter-spacing:-.015em;font-variation-settings:"opsz" 72}
h3{font-family:var(--f);font-weight:800}
.hl{background:none;color:var(--biru);text-decoration:underline;text-decoration-color:var(--merah);text-decoration-thickness:.09em;text-underline-offset:.14em}
.eyebrow{color:var(--merah);letter-spacing:.16em}
.eyebrow .bab{color:var(--soft)}
.pull{border-left-color:var(--merah);font-family:var(--s);font-weight:600;font-size:1.3rem!important;background:var(--paper)}

/* butang: merah cop mohor, teks putih */
.btn-gold{background:var(--merah);color:#fff;box-shadow:0 12px 26px -12px rgba(184,50,31,.75)}
.btn-gold:hover{background:var(--gold2)}
.btn-beli{border-color:var(--ink);color:#fff}
.btn-gold.btn-beli{color:#fff;border-color:#7A2013}
.btn-line.btn-beli{color:var(--ink);background:#fff;border-color:var(--ink)}
.btn-ink.btn-beli{color:#fff;background:var(--biru);border-color:var(--ink)}
.stick{background:var(--ink)}
.stick .btn.btn-beli{border-color:var(--merah)}

/* nav & logo */
.nav{background:#fff;border-bottom:3px double var(--rule)}
.logo{font-family:var(--s);font-weight:700;letter-spacing:.01em}
.logo b{background:var(--merah);color:#fff;border-radius:4px;font-family:var(--m);font-size:.74rem;letter-spacing:.12em;padding:4px 8px;margin-left:4px}

/* jalur data (biru produk) */
.band{background:var(--band)}
.band .eyebrow{color:#FFC9BD}
.bar .t::before{background:#2A5D8C;border-left-color:#FF9C86}
.bar .v{color:#FFD9CF}
.big{background:#163B5E;border:1px solid #2E5E8A}
.big .num{color:#fff;font-family:var(--s)}
.honest{border-left-color:#FF9C86;color:#C4D3E4}

/* senarai semak & lain-lain */
.checks li{border-left:4px solid var(--biru)}
.box{border-color:var(--biru);color:var(--biru)}
.step .n{color:#fff;background:var(--biru)}
details summary{font-family:var(--f)}
footer{border-top:3px double var(--rule)}
.upsell-tag{background:var(--merah)}
.upsell-box h3{font-family:var(--s);font-weight:700}
.upsell-harga span{background:var(--birusoft);color:var(--biru)}

/* Cop mohor (elemen jenama) */
.cop{display:inline-grid;place-items:center;width:112px;height:112px;border-radius:50%;border:3px solid var(--merah);color:var(--merah);
  text-align:center;font:700 .62rem/1.25 var(--m);letter-spacing:.1em;text-transform:uppercase;transform:rotate(-11deg);
  box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 5.5px var(--merah);background:rgba(255,255,255,.88)}
.cop b{display:block;font:800 1.55rem/1 var(--s);letter-spacing:0;margin:2px 0}

/* Kiraan hari ke SPM */
.kira{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:7px 14px 7px 8px;border-radius:999px;background:var(--goldsoft);
  border:1px solid #F1C6BC;color:#6A1D11;font:600 .9rem/1.3 var(--f)}
.kira b{display:inline-grid;place-items:center;min-width:2.4em;height:2em;padding:0 6px;border-radius:999px;background:var(--merah);color:#fff;font:800 .95rem/1 var(--m)}
.stick small{color:#FFC9BD}
.band .bars-note{color:#A9BDD3}
.hero .hl{text-decoration-thickness:.07em}