*,*::before,*::after{box-sizing:border-box}
button,input,select,textarea{font-family:inherit}
img,video,canvas{max-width:100%}
html{-webkit-text-size-adjust:100%}
/* ===== SiPengajian — dasar bersama ===== */
@font-face{font-family:'Plus Jakarta Sans';font-weight:400;font-style:normal;font-display:swap;src:url('../fonts/plus-jakarta-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:500;font-style:normal;font-display:swap;src:url('../fonts/plus-jakarta-sans-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:600;font-style:normal;font-display:swap;src:url('../fonts/plus-jakarta-sans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:700;font-style:normal;font-display:swap;src:url('../fonts/plus-jakarta-sans-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:800;font-style:normal;font-display:swap;src:url('../fonts/plus-jakarta-sans-latin-800-normal.woff2') format('woff2')}

:root{
  --navy:#17255a; --navy2:#1d2f78; --indigo:#4f46e5; --blue:#2f6bea;
  --bg:#f4f6fb; --text:#1e2a4a; --muted:#55607f; --border:#e4e9f4; --border2:#d5dcee;
  --grad:linear-gradient(135deg,#4f46e5,#2f6bea);
  --ok-bg:#e3f7ec; --ok-fg:#11643a; --warn-bg:#fff1d6; --warn-fg:#8a4b00; --bad-bg:#ffe9ee; --bad-fg:#a3173f;
  --font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:var(--bg);color:var(--text);margin:0}
a{color:var(--indigo)}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;white-space:nowrap}
.chip-ok{background:var(--ok-bg);color:var(--ok-fg)}
.chip-warn{background:var(--warn-bg);color:var(--warn-fg)}
.chip-bad{background:var(--bad-bg);color:var(--bad-fg)}
.chip-muted{background:#eef1f8;color:#3b4668}
.chip-indigo{background:#eef0ff;color:#3730a3}
.btn-grad{background:var(--grad);color:#fff;border:0;font-weight:700}
.btn-grad:hover,.btn-grad:focus{color:#fff;filter:brightness(1.06)}
.visually-hidden-focusable:focus{outline:2px solid var(--indigo)}