/* BEAUNITY · lapisan kemas (Nov 2026)
   Satu motif berani sahaja: tile unsur (jadual berkala). Selebihnya senyap:
   label huruf biasa, tiada titik hiasan, mono hanya untuk nombor unsur & no. notifikasi. */
html:root{--mono:var(--display);--plex:'IBM Plex Mono',ui-monospace,Menlo,monospace}
body{font-variant-numeric:tabular-nums}

/* Label seksyen: bukan lagi teks CAPS mono berjarak */
.eyebrow,.hq-hd .eb,.mcard .cat,.dj-t small,.bu-f,.hq-tbl th,.alerts th,.rtable th,.note .lbl,.detail .sec .lbl{
  text-transform:none!important;letter-spacing:0!important;font-family:var(--display)!important}
.eyebrow{font-size:14px;font-weight:600;color:var(--muted);gap:10px}
.eyebrow .dot{display:none}

/* Tile unsur sebagai ikon seksyen (Brand Kit v1, §04) */
.elt{display:inline-grid;place-items:center;position:relative;width:40px;height:40px;border-radius:9px;
  background:var(--plum);color:var(--on-plum);font:800 17px/1 var(--display);letter-spacing:-.02em;flex:none}
.elt i{position:absolute;top:4px;left:5px;font:500 8px/1 var(--plex);font-style:normal;opacity:.75;letter-spacing:0}
.elt.t-tc{background:#C4664A;color:#fff}
.elt.t-ink{background:var(--ink);color:#F6F1EA;box-shadow:inset 0 0 0 2px #C4664A}
.elt.t-cr{background:#F6F1EA;color:var(--plum);box-shadow:inset 0 0 0 2px var(--plum)}
.elt.t-crt{background:#F6F1EA;color:#8A4630;box-shadow:inset 0 0 0 2px #C4664A}
.hband .elt{background:rgba(246,241,234,.12);color:var(--on-plum)}
.eyebrow.el{margin-bottom:6px}
.eyebrow.el .elt-n{font-weight:600}

/* Nombor yang memang data teknikal kekal mono */
.butile .n,.tile .n,.ptile .n,.tile .m,.ptile .m,.not,.mono-keep,code{font-family:var(--plex)!important}

/* Hero: satu warna, tiada sorotan separuh ayat */
.hero h1 em,.hero h1 .l2{color:inherit!important}
.hero-copy .x-statline{margin:14px 0 0;font-size:14px;color:var(--muted)}
.x-scanlink svg{width:18px;height:18px;flex:none}

/* Gerak hanya bila diminta pengguna */
.x-profil:hover{transform:none!important;box-shadow:none!important;filter:brightness(1.08)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Senarai produk: nama brand huruf biasa, lencana rekod jadi tanda kecil */
.pl-t small,.pop-t small,.ad-bt small,.pu-brand,.hs-tx small,.hs-lbl,.uss-sec,.uss-sug .t,.tagline-x{text-transform:none!important;letter-spacing:0!important;font-family:var(--display)!important;font-size:12.5px!important}
.x-profil::after{content:none!important}
