/* ===== Babak · gaya pakej enjin Sejarah Tingkatan 5 Bab 1, kumpulan 1d (js/pakej-t5-bab-01-1d.js): jahit, ronda.
   Awalan kelas, keyframes dan pemboleh ubah: t5b1d- (jahit: t5b1d-jh-, ronda: t5b1d-rd-). Susun atur diskop dengan
   .b2-j-<jenis> / .b2-p-<jenis>, body.mod-lebar (pentas 1280 x 720) dan body.mod-telefon (390 x 844; telefon pendek
   @media (max-height:700px)). Animasi perlahan; keadaan akhir untuk prefers-reduced-motion. Palet Babak (SPEC §1.14). ===== */

/* ---------- Kongsi ---------- */
.b2-j-jahit .b2-kad-no,.b2-j-ronda .b2-kad-no{font-size:.875rem;letter-spacing:.04em}
.b2-j-jahit .b2-rujuk-btn,.b2-j-ronda .b2-rujuk-btn{font-size:.875rem;min-height:44px}
.b2-j-jahit .b2-rumus-label,.b2-j-ronda .b2-rumus-label{font-size:.875rem}
.b2-j-ronda .b2-cip-tahun{height:26px;font-size:.875rem}
.b2-j-ronda .b2-rumus-tokoh li{font-size:.875rem;line-height:1.35;align-content:start}
.t5b1d-klon{position:absolute;z-index:8;margin:0;pointer-events:none}
.t5b1d-diseret{opacity:.3}

/* =====================================================================================
   4.7 JAHIT · SULAMAN DAN PANJI
   ===================================================================================== */
.t5b1d-jahit{display:grid;gap:10px;min-width:0}
.t5b1d-jh-badan{display:grid;gap:10px;min-width:0}
.b2-j-jahit .b2-kad-isi{font-size:1.125rem;line-height:1.25}
.t5b1d-jh-petunjuk{margin:4px 0 0;font-size:.875rem;font-weight:800;line-height:1.3;color:var(--teal-teks)}
.t5b1d-jh-petunjuk[hidden]{display:none}

/* ---- sulam: reben takrif ---- */
.t5b1d-jh-sulam{display:grid;gap:10px;min-width:0}
.t5b1d-jh-reben{position:relative;margin:0;padding:11px 18px 12px;border-radius:14px;font-size:1rem;font-weight:800;line-height:1.6;color:var(--ink);
  background:repeating-linear-gradient(90deg,rgba(201,174,124,.09) 0 2px,transparent 2px 6px),#FFF9EA;
  box-shadow:0 4px 0 rgba(27,42,92,.14),inset 0 0 0 2px #EAD7AE;outline:2px dashed #E2C58F;outline-offset:-7px;transition:box-shadow .4s ease}
.t5b1d-jh-reben-awal{color:var(--ink)}
.t5b1d-jh-kata{display:inline-block;min-width:4.4em;padding:0 3px;margin:0 1px;line-height:1.35;text-align:center;vertical-align:baseline;border-bottom:3px dashed #CDB68A}
.t5b1d-jh-kata.kosong .t5b1d-jh-kata-teks::before{content:"\00a0"}
.t5b1d-jh-kata.isi{min-width:0;color:var(--t5b1d-d);font-weight:900;border-bottom-color:var(--t5b1d-w)}
.t5b1d-jh-kata.masuk{animation:lompat .35s ease-out both}
.t5b1d-jh-reben.lengkap{box-shadow:0 4px 0 rgba(27,42,92,.14),inset 0 0 0 2px #FFC933,0 0 0 4px rgba(255,201,51,.35)}

/* ---- sulam: meja, pemidang, cip kelopak, jarum ---- */
.t5b1d-jh-meja{position:relative;display:grid;gap:12px;justify-items:center;min-width:0}
.t5b1d-jh-pemidang-balut{position:relative;width:186px;height:186px}
.t5b1d-jh-pemidang{display:block;width:100%;height:100%;overflow:visible}
.t5b1d-jh-cahaya{opacity:0;transition:opacity .4s ease}
.t5b1d-jh-pemidang.mekar .t5b1d-jh-cahaya{opacity:1}
.t5b1d-jh-kel.ada{transition:filter .4s ease}
.t5b1d-jh-pemidang.mekar .t5b1d-jh-kel.ada{filter:saturate(1.18) brightness(1.06)}
.t5b1d-jh-cip-balut{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0}
.t5b1d-jh-kelopak{position:relative;display:flex;align-items:center;gap:9px;min-width:0;min-height:50px;padding:6px 12px 6px 10px;border-radius:16px;background:#FFFDF6;color:var(--ink);
  font-weight:900;font-size:1rem;line-height:1.15;text-align:left;box-shadow:0 4px 0 rgba(27,42,92,.2),inset 0 0 0 2px #E6D4AE;transition:background-color .2s ease,box-shadow .2s ease,opacity .3s ease}
.t5b1d-jh-cip-teks{min-width:0;overflow-wrap:anywhere}
.t5b1d-jh-kelopak.sekata .t5b1d-jh-cip-teks{white-space:nowrap;overflow-wrap:normal}
.t5b1d-jh-meja > .bisik{justify-self:stretch;width:100%;margin:0;min-height:5.4em}
.t5b1d-jh-lubang{flex:none;width:18px;height:18px;border-radius:50%;background:#FFF6E0;box-shadow:inset 0 0 0 3px #D7BF92,inset 0 0 0 6px #FFF6E0,inset 0 0 0 9px #E9DAB8}
.t5b1d-jh-kelopak:not([disabled]):active{transform:translateY(3px);box-shadow:0 1px 0 rgba(27,42,92,.2),inset 0 0 0 2px #E6D4AE}
.t5b1d-jh-kelopak[disabled]{cursor:default}
.t5b1d-jh-kelopak.salah{background:var(--salah-bg);color:var(--salah-teks);box-shadow:0 4px 0 var(--merah-d),inset 0 0 0 3px #E0555D;animation:goncang .4s}
.t5b1d-jh-kelopak.pudar{opacity:.4}
.t5b1d-jh-kelopak.kilat{background:var(--betul-bg);color:var(--betul-teks);box-shadow:0 4px 0 #1E9E63,inset 0 0 0 3px var(--hijau)}
.t5b1d-jh-kelopak.dijahit{background:var(--t5b1d-t);color:var(--t5b1d-d);box-shadow:0 3px 0 rgba(27,42,92,.12),inset 0 0 0 2px var(--t5b1d-w);outline:2px dashed var(--t5b1d-w);outline-offset:-6px}
.t5b1d-jh-kelopak.dijahit .t5b1d-jh-lubang{background:var(--t5b1d-w);box-shadow:inset 0 0 0 3px rgba(255,255,255,.55);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.t5b1d-jh-lapis{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;overflow:visible;pointer-events:none}
.t5b1d-jh-simpul{position:absolute;left:3px;top:50%;width:30px;height:30px;margin-top:-15px;pointer-events:none;overflow:visible}
/* lebar: cip di sekeliling pemidang (kedudukan dikira oleh enjin) */
.t5b1d-jh-meja.cincin{display:block}
.t5b1d-jh-meja.cincin .t5b1d-jh-pemidang-balut{position:absolute}
.t5b1d-jh-meja.cincin .t5b1d-jh-cip-balut{display:block;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.t5b1d-jh-meja.cincin .t5b1d-jh-kelopak{position:absolute;width:180px;height:50px;pointer-events:auto}

/* ---- tampal: tampalan aktif dan panji ---- */
.t5b1d-jh-tampal-ruang{position:relative;display:grid;gap:12px;min-width:0}
.t5b1d-jh-tampal-baris{display:flex;align-items:center;gap:10px;min-width:0}
.t5b1d-jh-tampal{position:relative;flex:1 1 auto;min-width:0;padding:0;border-radius:18px;background:none;text-align:left;touch-action:none;cursor:grab}
.t5b1d-jh-tampal-kain{position:relative;display:grid;gap:4px;min-height:76px;align-content:center;padding:13px 20px;border-radius:16px;transform:rotate(-.8deg);
  background:repeating-linear-gradient(45deg,rgba(255,255,255,.28) 0 3px,transparent 3px 7px),var(--t5b1d-kain,#FFE3C7);
  box-shadow:0 5px 0 rgba(27,42,92,.2),0 10px 18px rgba(27,42,92,.16);transition:box-shadow .2s ease,background-color .2s ease}
.t5b1d-jh-tampal-kain::before{content:"";position:absolute;inset:6px;border:2px dashed var(--t5b1d-jahit,#C2560F);border-radius:11px;opacity:.7;pointer-events:none}
.t5b1d-jh-tampal-teks{position:relative;font-size:1.0625rem;font-weight:900;line-height:1.3;color:var(--ink)}
.t5b1d-jh-tampal-pet{position:relative;font-size:.875rem;font-weight:800;line-height:1.3;color:var(--teal-teks)}
.t5b1d-jh-tampal-pet[hidden]{display:none}
.t5b1d-jh-tampal-kain.naik{animation:t5b1d-naik .3s ease-out backwards}
@keyframes t5b1d-naik{from{opacity:0;transform:translateY(14px) rotate(-.8deg)}to{opacity:1;transform:rotate(-.8deg)}}
.t5b1d-jh-tampal.dipilih .t5b1d-jh-tampal-kain{box-shadow:0 5px 0 rgba(27,42,92,.2),0 0 0 4px var(--emas),0 14px 22px rgba(27,42,92,.2)}
.t5b1d-jh-tampal.salah .t5b1d-jh-tampal-kain{background:var(--salah-bg);box-shadow:0 5px 0 var(--merah-d),inset 0 0 0 3px #E0555D}
.t5b1d-jh-tampal.salah .t5b1d-jh-tampal-kain::before{border-color:#E0555D}
.t5b1d-jh-tampal.kosong{visibility:hidden}
.t5b1d-jh-tampal:not(.aktif){cursor:default}
.t5b1d-jh-lagi{flex:none;padding:7px 13px;border-radius:999px;background:var(--ink);color:#fff;font-weight:900;font-size:.875rem;white-space:nowrap;box-shadow:0 3px 0 rgba(27,42,92,.3)}
.t5b1d-jh-terbang{position:absolute;z-index:6;margin:0;pointer-events:none;transform-origin:0 0}
.t5b1d-jh-panji{position:relative;margin:16px 10px 18px;border-radius:6px 6px 14px 14px;
  background:repeating-linear-gradient(0deg,rgba(201,174,124,.08) 0 2px,transparent 2px 7px),#FFF8E8;box-shadow:0 6px 0 rgba(27,42,92,.16),0 14px 26px rgba(27,42,92,.16)}
.t5b1d-jh-kayu{position:absolute;left:-16px;right:-16px;top:-12px;height:16px;border-radius:8px;background:linear-gradient(#DDA56C,#9A5E2A);box-shadow:0 3px 0 rgba(27,42,92,.22);z-index:1}
.t5b1d-jh-kayu::before,.t5b1d-jh-kayu::after{content:"";position:absolute;top:-5px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFE38A,#E8971A 70%)}
.t5b1d-jh-kayu::before{left:-10px}
.t5b1d-jh-kayu::after{right:-10px}
.t5b1d-jh-panji-tajuk{position:relative;margin:0;padding:16px 16px 10px;text-align:center;font-size:1rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#FFF6E0;
  background:#12998A;border-radius:6px 6px 0 0;box-shadow:inset 0 -4px 0 #0C776B;transition:background-color .4s ease}
.t5b1d-jh-panji-tajuk::after{content:"";position:absolute;left:10px;right:10px;bottom:8px;border-bottom:2px dashed rgba(255,246,224,.55)}
.t5b1d-jh-panji.siap .t5b1d-jh-panji-tajuk{background:#0F8C7E;box-shadow:inset 0 -4px 0 #0C776B,0 0 0 3px #FFC933}
.t5b1d-jh-petak-baris{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
.t5b1d-jh-petak{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:150px;padding:11px 11px 12px;border-radius:14px;text-align:left;
  background:var(--t5b1d-t);box-shadow:0 4px 0 rgba(27,42,92,.12),inset 0 0 0 2px var(--t5b1d-w);transition:box-shadow .2s ease,background-color .2s ease}
.t5b1d-jh-petak::before{content:"";position:absolute;inset:5px;border:2px dashed var(--t5b1d-w);border-radius:10px;opacity:.55;pointer-events:none}
.t5b1d-jh-petak:not([disabled]):active{transform:translateY(3px)}
.t5b1d-jh-petak-kepala{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;font-weight:900;font-size:.9375rem;letter-spacing:.07em;text-transform:uppercase;color:var(--t5b1d-d)}
.t5b1d-jh-petak-kira{flex:none;min-width:30px;height:30px;padding:0 8px;border-radius:15px;background:var(--t5b1d-w);color:#fff;display:grid;place-items:center;font-size:.875rem;letter-spacing:0}
.t5b1d-jh-timbun{position:relative;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}
.t5b1d-jh-mini{position:relative;display:block;width:34px;height:26px;border-radius:7px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.3) 0 2px,transparent 2px 5px),var(--t5b1d-kain);
  box-shadow:0 2px 0 rgba(27,42,92,.18)}
.t5b1d-jh-mini-teks{display:none}
.t5b1d-jh-jelujur{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.t5b1d-jh-petak.salah{background:var(--salah-bg);box-shadow:0 4px 0 var(--merah-d),inset 0 0 0 3px #E0555D;animation:goncang .4s}
.t5b1d-jh-petak.kilat{background:var(--betul-bg);box-shadow:0 4px 0 #1E9E63,inset 0 0 0 3px var(--hijau),0 0 0 5px rgba(26,154,92,.25)}
.t5b1d-jh-petak.sasar{box-shadow:0 4px 0 rgba(27,42,92,.12),inset 0 0 0 3px var(--t5b1d-w),0 0 0 5px var(--emas)}
.t5b1d-jh-rumbai{position:absolute;left:12px;right:12px;bottom:-15px;height:16px;border-radius:0 0 4px 4px;
  background:repeating-linear-gradient(90deg,#FFC933 0 5px,#E8971A 5px 7px,transparent 7px 11px)}

/* ---- soal ---- */
.t5b1d-jh-soal{display:grid;gap:10px;min-width:0}
.t5b1d-jh-pilih .op{min-height:54px;font-size:1rem}

/* ---- rumusan ---- */
.t5b1d-jh-rumus{display:grid;gap:10px;min-width:0}
.t5b1d-jh-rumus-sulam{display:grid;gap:4px;padding:10px 14px;border-radius:14px;background:#FFF9EA;box-shadow:inset 0 0 0 2px #EAD7AE}
.t5b1d-jh-rumus-tajuk{font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#B07A10}
.t5b1d-jh-rumus-ayat{margin:0;font-size:.9375rem;font-weight:700;line-height:1.5;color:var(--ink)}
.t5b1d-jh-rumus-ayat b{color:var(--t5b1d-w);font-weight:900}
.t5b1d-jh-rumus-soal{display:grid;gap:2px;padding:9px 14px;border-radius:14px;background:#F3F6FD}
.t5b1d-jh-rumus-soal span{font-size:.875rem;font-weight:700;color:var(--ink2);line-height:1.35}
.t5b1d-jh-rumus-soal b{font-size:.9375rem;font-weight:900;color:var(--ink)}
.t5b1d-jh-rumus-panji{display:grid;gap:8px;padding:10px 12px 12px;border-radius:14px;background:#F2FBF9;box-shadow:inset 0 0 0 2px #BFE7DF}
.t5b1d-jh-rumus-panji h3{margin:0;font-size:.875rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#0C776B}
.t5b1d-jh-rumus-lajur{display:grid;gap:8px}
.t5b1d-jh-rumus-pihak{padding:8px 10px;border-radius:12px;background:var(--t5b1d-t);display:grid;gap:4px;align-content:start}
.t5b1d-jh-rumus-pihak h4{margin:0;font-size:.8125rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--t5b1d-w)}
.t5b1d-jh-rumus-pihak ul{margin:0;padding:0 0 0 16px;display:grid;gap:3px}
.t5b1d-jh-rumus-pihak li{font-size:.875rem;font-weight:700;line-height:1.35;color:var(--ink)}

/* =====================================================================================
   4.8 RONDA · RONDA SEMPADAN (jalur, tanpa watak)
   ===================================================================================== */
.t5b1d-rd-petunjuk{margin:4px 0 0;font-size:.875rem;font-weight:800;line-height:1.3;color:var(--teal-teks)}
.t5b1d-rd-petunjuk[hidden]{display:none}
.t5b1d-rd-pilih.j-tahun{grid-template-columns:minmax(0,1fr)}
.t5b1d-rd-taip{grid-column:1 / -1;display:flex;gap:10px;align-items:stretch}
.t5b1d-rd-tahun{flex:1 1 auto;min-width:0;height:56px;padding:0 14px;border-radius:18px;border:2px solid #C5D0EA;background:#fff;font:inherit;font-size:1.5rem;font-weight:900;letter-spacing:.24em;text-align:center;color:var(--ink)}
.t5b1d-rd-tahun:focus{outline:none;border-color:var(--fokus);box-shadow:0 0 0 3px rgba(11,87,208,.18)}
.t5b1d-rd-tahun.salah{border-color:#E0555D;background:var(--salah-bg);color:var(--salah-teks);animation:goncang .4s}
.t5b1d-rd-tahun.betul,.t5b1d-rd-tahun.kilat{border-color:var(--hijau);background:var(--betul-bg);color:var(--betul-teks)}
.t5b1d-rd-semak{flex:none;min-width:112px}
/* kad akhir */
.t5b1d-rd-akhir{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:center;padding:12px 16px;border-radius:20px;background:#FFFDF4;
  box-shadow:var(--bayang),inset 0 0 0 3px #FFC933;animation:lompat .45s ease-out both}
.t5b1d-rd-akhir-ikon{grid-row:1 / span 2;width:48px;height:48px}
.t5b1d-rd-akhir-tajuk{font-size:1.0625rem;font-weight:900;line-height:1.25;color:var(--ink)}
.t5b1d-rd-akhir-isi{font-size:.9375rem;font-weight:700;line-height:1.4;color:var(--ink2)}
.t5b1d-rd-rumus{display:grid;gap:10px}
.t5b1d-rd-rumus .t5b1d-rd-akhir{animation:none;box-shadow:inset 0 0 0 3px #FFC933}
/* peta mini */
.t5b1d-rd-peta{position:absolute;z-index:2;pointer-events:none;filter:drop-shadow(0 4px 0 rgba(27,42,92,.2))}
.t5b1d-rd-peta svg{display:block;width:100%;height:100%}
body.mod-lebar .t5b1d-rd-peta{left:28px;top:88px;width:210px;height:100px}
body.mod-telefon .t5b1d-rd-peta{right:8px;top:96px;width:120px;height:56px}
/* adegan */
.t5b1d-rd-tanda{transition:opacity .45s ease}
.t5b1d-rd-tanda.kabur{opacity:.38}
.t5b1d-rd-ken.terapung .t5b1d-rd-goyang{animation:t5b1d-apung 2.6s ease-in-out infinite}
.t5b1d-rd-ken.terbang .t5b1d-rd-goyang{animation:t5b1d-apung 3.4s ease-in-out infinite}
.t5b1d-rd-apung{animation:t5b1d-apung 2.8s ease-in-out infinite}
@keyframes t5b1d-apung{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.t5b1d-rd-kipas{animation:t5b1d-kipas 1.4s ease-in-out infinite alternate}
@keyframes t5b1d-kipas{from{opacity:.35}to{opacity:.6}}

/* =====================================================================================
   MOD LEBAR (pentas 1280 x 720)
   ===================================================================================== */
/* jahit: kad atas, bisik, kemudian ruang langkah memenuhi baki .main-badan */
body.mod-lebar .b2-main.b2-j-jahit .main-badan{left:300px;width:720px;top:92px;bottom:14px;display:flex;flex-direction:column;align-content:stretch;overflow:hidden}
body.mod-lebar .b2-p-jahit{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
body.mod-lebar .t5b1d-jahit{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .t5b1d-jahit > .b2-atas{flex:none}
body.mod-lebar .t5b1d-jahit .b2-atas > .bisik{min-height:64px}
body.mod-lebar .t5b1d-jahit .b2-kad{padding:10px 20px 11px}
body.mod-lebar .b2-j-jahit .b2-kad-isi{font-size:1.25rem}
body.mod-lebar .t5b1d-jh-badan{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
body.mod-lebar .t5b1d-jahit[data-fasa="soal"] .t5b1d-jh-badan{justify-content:center}
body.mod-lebar .t5b1d-jh-sulam{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px}
body.mod-lebar .t5b1d-jh-reben{flex:none;font-size:1.0625rem;line-height:1.55;padding:10px 20px 11px}
body.mod-lebar .t5b1d-jh-meja{flex:1 1 auto;min-height:300px;border-radius:28px;
  background:repeating-linear-gradient(45deg,rgba(150,98,40,.09) 0 7px,transparent 7px 14px),repeating-linear-gradient(-45deg,rgba(150,98,40,.09) 0 7px,transparent 7px 14px),#F4E3BE;
  box-shadow:inset 0 0 0 4px #E2C48C,inset 0 0 0 8px #F9EED5,inset 0 0 0 10px #E9D2A2,0 6px 0 rgba(27,42,92,.16),0 16px 28px rgba(27,42,92,.16)}
body.mod-lebar .t5b1d-jh-kelopak{font-size:1.0625rem}
body.mod-lebar .t5b1d-jh-tampal-ruang{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px;padding:14px 18px 20px;border-radius:28px;
  background:repeating-linear-gradient(45deg,rgba(150,98,40,.09) 0 7px,transparent 7px 14px),repeating-linear-gradient(-45deg,rgba(150,98,40,.09) 0 7px,transparent 7px 14px),#F4E3BE;
  box-shadow:inset 0 0 0 4px #E2C48C,inset 0 0 0 8px #F9EED5,inset 0 0 0 10px #E9D2A2,0 6px 0 rgba(27,42,92,.16),0 16px 28px rgba(27,42,92,.16)}
body.mod-lebar .t5b1d-jh-tampal-baris{flex:none;padding:0 40px 0 56px}
body.mod-lebar .t5b1d-jh-tampal-kain{min-height:80px;padding:12px 24px}
body.mod-lebar .t5b1d-jh-tampal-teks{font-size:1.1875rem}
body.mod-lebar .t5b1d-jh-panji{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:18px 14px 14px}
body.mod-lebar .t5b1d-jh-panji-tajuk{font-size:1.125rem}
body.mod-lebar .t5b1d-jh-petak-baris{flex:1 1 auto;min-height:0;gap:12px;padding:12px 14px 14px}
body.mod-lebar .t5b1d-jh-petak{min-height:0;padding:12px 13px 13px}
body.mod-lebar .t5b1d-jh-petak-kepala{font-size:1.0625rem}
body.mod-lebar .t5b1d-jh-timbun{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.mod-lebar .t5b1d-jh-mini{width:auto;height:auto;min-height:74px;padding:7px 10px 8px;border-radius:10px}
body.mod-lebar .t5b1d-jh-mini-teks{position:relative;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:.8125rem;font-weight:800;line-height:1.25;color:var(--ink)}
body.mod-lebar .t5b1d-jh-pilih .op{min-height:60px;font-size:1.0625rem;padding:10px 16px}
body.mod-lebar .b2-p-jahit > .b2-rumus{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b2-p-jahit > .b2-rumus > *{flex:none}
body.mod-lebar .b2-p-jahit > .b2-rumus > .t5b1d-jh-rumus{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
body.mod-lebar .t5b1d-jh-rumus-lajur{grid-template-columns:repeat(2,minmax(0,1fr))}
/* ronda: adegan penuh; kad soalan di lajur kanan seperti bungaapi */
body.mod-lebar .b2-main.b2-j-ronda .main-badan{left:796px;width:456px;top:84px;bottom:20px;display:flex;flex-direction:column;align-content:stretch}
body.mod-lebar .b2-p-ronda{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
body.mod-lebar .b2-p-ronda .b2-kad-isi{font-size:1.3125rem}
body.mod-lebar .b2-p-ronda .b2-bawah.t5b1d-rd-ada-rumus{min-height:0;flex:1 1 auto;display:flex;flex-direction:column}
body.mod-lebar .b2-p-ronda .b2-rumus{flex:0 1 auto;display:flex;flex-direction:column;min-height:0}
body.mod-lebar .b2-p-ronda .b2-rumus > .t5b1d-rd-rumus{min-height:0;flex:1 1 auto;overflow-y:auto;padding-right:4px}
body.mod-lebar .b2-p-ronda .b2-rumus > .btn{flex:none}
body.mod-lebar .b2-p-ronda .b2-rumus-tokoh{grid-template-columns:1fr}

/* =====================================================================================
   TELEFON (390 x 844) dan TELEFON PENDEK (375 x 667)
   ===================================================================================== */
body.mod-telefon .t5b1d-jahit .b2-kad{padding:9px 14px 10px}
body.mod-telefon .b2-j-jahit .b2-kad-isi{font-size:1.0625rem}
body.mod-telefon .t5b1d-jh-reben{font-size:.9375rem;line-height:1.55;padding:10px 15px 11px}
body.mod-telefon .t5b1d-jh-kelopak{min-height:48px}
body.mod-telefon .t5b1d-jh-tampal-teks{font-size:1rem}
body.mod-telefon .t5b1d-jh-petak{min-height:150px}
body.mod-telefon .b2-j-ronda .b2-kad-isi{font-size:1.125rem}
@media (max-height:700px){
  body.mod-telefon .t5b1d-jahit,body.mod-telefon .t5b1d-jh-badan,body.mod-telefon .t5b1d-jh-sulam{gap:8px}
  body.mod-telefon .t5b1d-jh-pemidang-balut{width:150px;height:150px}
  body.mod-telefon .t5b1d-jh-kelopak{min-height:44px;padding:5px 10px 5px 9px}
  body.mod-telefon .t5b1d-jh-reben{line-height:1.5;padding:9px 14px 10px}
  body.mod-telefon .t5b1d-jh-tampal-kain{min-height:66px;padding:10px 16px}
  body.mod-telefon .t5b1d-jh-petak{min-height:120px}
  body.mod-telefon .t5b1d-jh-panji-tajuk{padding:14px 12px 9px}
  body.mod-telefon .b2-j-ronda .b2-kad-isi{font-size:1.0625rem}
  body.mod-telefon .b2-p-ronda .op.b2-op-boss{min-height:46px}
  body.mod-telefon .main.b2-main.b2-j-ronda .latar-babak{height:252px}
  body.mod-telefon .main.b2-main.b2-j-ronda .main-badan{margin-top:196px}
}
@media (max-width:370px){
  body.mod-telefon .t5b1d-jh-kelopak{font-size:.9375rem}
  body.mod-telefon .t5b1d-jh-petak-kepala{font-size:.875rem;letter-spacing:.04em}
}
@media (prefers-reduced-motion:reduce){
  .t5b1d-jh-kata.masuk,.t5b1d-jh-tampal-kain.naik,.t5b1d-rd-akhir,.t5b1d-rd-ken.terapung .t5b1d-rd-goyang,.t5b1d-rd-ken.terbang .t5b1d-rd-goyang,.t5b1d-rd-apung,.t5b1d-rd-kipas{animation:none}
  .t5b1d-jh-cahaya,.t5b1d-jh-kel.ada,.t5b1d-jh-reben,.t5b1d-rd-tanda,.t5b1d-jh-kelopak,.t5b1d-jh-petak,.t5b1d-jh-tampal-kain{transition:none}
  .t5b1d-jh-tampal-kain.naik{opacity:1}
}