/*
 * GENERATED by scripts/gen-theme-css.py — do not edit.
 *
 * The published site's design contract: its ten colour tokens, its fourteen text
 * presets across four breakpoints, and its proportional layout. Lifted from the
 * reference rather than estimated, so the numbers here are the reference's own.
 *
 * reference : https://katalis.primatyo.com
 * presets   : 14
 * colours   : 10
 */

:root {
  --kx-blue: #086ad5;
  --kx-chip: #f2f2f2;
  --kx-ink: #000;
  --kx-inkMuted: #000000b3;
  --kx-navy: #006;
  --kx-paperWarm: #fffcfc;
  --kx-red: #cc0100;
  --kx-skyTint: #ddf6fd;
  --kx-tint: #eef4fc;
  --kx-white: #fff;
  --kx-entry-date-colour: #999999;   /* diukur, bukan token Framer */

  /* Layout is proportional: 90% of the viewport, no cap. Measured at 1600,
     1920 and 2560 — 1440, 1728 and 2304, all exactly 90%. */
  --kx-shell-width: 90%;
  --kx-measure-width: 66%;
}

/* --- skala teks, xl (>= 1440px) --- */
:root {
  --kx-t60-700-size: 60px;
  --kx-t60-700-weight: 700;
  --kx-t60-700-lh: 1.2;
  --kx-t60-700-ls: 0em;
  --kx-t36-700-size: 36px;
  --kx-t36-700-weight: 700;
  --kx-t36-700-lh: 1.4;
  --kx-t36-700-ls: 0em;
  --kx-t26-700-size: 26px;
  --kx-t26-700-weight: 700;
  --kx-t26-700-lh: 1.6;
  --kx-t26-700-ls: -.02em;
  --kx-t24-500-size: 24px;
  --kx-t24-500-weight: 500;
  --kx-t24-500-lh: 1.6;
  --kx-t24-500-ls: 0em;
  --kx-t22-700-size: 22px;
  --kx-t22-700-weight: 700;
  --kx-t22-700-lh: 1.6;
  --kx-t22-700-ls: 0em;
  --kx-t18-500-size: 18px;
  --kx-t18-500-weight: 500;
  --kx-t18-500-lh: 1.6;
  --kx-t18-500-ls: 0em;
  --kx-t18-700-size: 18px;
  --kx-t18-700-weight: 700;
  --kx-t18-700-lh: 1.4;
  --kx-t18-700-ls: -.04em;
  --kx-t16-400-size: 16px;
  --kx-t16-400-weight: 400;
  --kx-t16-400-lh: 1.7;
  --kx-t16-400-ls: 0em;
  --kx-t16-700-size: 16px;
  --kx-t16-700-weight: 700;
  --kx-t16-700-lh: 1.4;
  --kx-t16-700-ls: 0em;
  --kx-t16-600-size: 16px;
  --kx-t16-600-weight: 600;
  --kx-t16-600-lh: 1.4;
  --kx-t16-600-ls: -.02em;
  --kx-t14-500-size: 14px;
  --kx-t14-500-weight: 500;
  --kx-t14-500-lh: 1.4;
  --kx-t14-500-ls: 0em;
  --kx-t14-600-size: 14px;
  --kx-t14-600-weight: 600;
  --kx-t14-600-lh: 1.2;
  --kx-t14-600-ls: 0em;
  --kx-t14-400-size: 14px;
  --kx-t14-400-weight: 400;
  --kx-t14-400-lh: 1.6;
  --kx-t14-400-ls: 0em;
  --kx-t12-500-size: 12px;
  --kx-t12-500-weight: 500;
  --kx-t12-500-lh: 1.2;
  --kx-t12-500-ls: 0em;
}

/* --- skala teks, lg (1200–1439px) --- */
@media (max-width: 1439.98px) {
  :root {
    --kx-t60-700-size: 48px;
    --kx-t60-700-weight: 700;
    --kx-t60-700-lh: 1.2;
    --kx-t60-700-ls: 0em;
    --kx-t36-700-size: 28px;
    --kx-t36-700-weight: 700;
    --kx-t36-700-lh: 1.4;
    --kx-t36-700-ls: 0em;
    --kx-t26-700-size: 20px;
    --kx-t26-700-weight: 700;
    --kx-t26-700-lh: 1.6;
    --kx-t26-700-ls: -.02em;
    --kx-t24-500-size: 20px;
    --kx-t24-500-weight: 500;
    --kx-t24-500-lh: 1.6;
    --kx-t24-500-ls: 0em;
    --kx-t22-700-size: 18px;
    --kx-t22-700-weight: 700;
    --kx-t22-700-lh: 1.6;
    --kx-t22-700-ls: 0em;
    --kx-t18-500-size: 16px;
    --kx-t18-500-weight: 500;
    --kx-t18-500-lh: 1.6;
    --kx-t18-500-ls: 0em;
    --kx-t18-700-size: 16px;
    --kx-t18-700-weight: 700;
    --kx-t18-700-lh: 1.4;
    --kx-t18-700-ls: -.04em;
    --kx-t16-400-size: 14px;
    --kx-t16-400-weight: 400;
    --kx-t16-400-lh: 1.7;
    --kx-t16-400-ls: 0em;
    --kx-t16-700-size: 14px;
    --kx-t16-700-weight: 700;
    --kx-t16-700-lh: 1.4;
    --kx-t16-700-ls: 0em;
    --kx-t16-600-size: 16px;
    --kx-t16-600-weight: 600;
    --kx-t16-600-lh: 1.4;
    --kx-t16-600-ls: -.02em;
    --kx-t14-500-size: 13px;
    --kx-t14-500-weight: 500;
    --kx-t14-500-lh: 1.4;
    --kx-t14-500-ls: 0em;
    --kx-t14-600-size: 13px;
    --kx-t14-600-weight: 600;
    --kx-t14-600-lh: 1.2;
    --kx-t14-600-ls: 0em;
    --kx-t14-400-size: 13px;
    --kx-t14-400-weight: 400;
    --kx-t14-400-lh: 1.6;
    --kx-t14-400-ls: 0em;
    --kx-t12-500-size: 12px;
    --kx-t12-500-weight: 500;
    --kx-t12-500-lh: 1.2;
    --kx-t12-500-ls: 0em;
  }
}

/* --- skala teks, md (810–1199px) --- */
@media (max-width: 1199.98px) {
  :root {
    --kx-t60-700-size: 38px;
    --kx-t60-700-weight: 700;
    --kx-t60-700-lh: 1.2;
    --kx-t60-700-ls: 0em;
    --kx-t36-700-size: 24px;
    --kx-t36-700-weight: 700;
    --kx-t36-700-lh: 1.4;
    --kx-t36-700-ls: 0em;
    --kx-t26-700-size: 16px;
    --kx-t26-700-weight: 700;
    --kx-t26-700-lh: 1.6;
    --kx-t26-700-ls: -.02em;
    --kx-t24-500-size: 16px;
    --kx-t24-500-weight: 500;
    --kx-t24-500-lh: 1.6;
    --kx-t24-500-ls: 0em;
    --kx-t22-700-size: 16px;
    --kx-t22-700-weight: 700;
    --kx-t22-700-lh: 1.6;
    --kx-t22-700-ls: 0em;
    --kx-t18-500-size: 14px;
    --kx-t18-500-weight: 500;
    --kx-t18-500-lh: 1.6;
    --kx-t18-500-ls: 0em;
    --kx-t18-700-size: 14px;
    --kx-t18-700-weight: 700;
    --kx-t18-700-lh: 1.4;
    --kx-t18-700-ls: -.04em;
    --kx-t16-400-size: 13px;
    --kx-t16-400-weight: 400;
    --kx-t16-400-lh: 1.7;
    --kx-t16-400-ls: 0em;
    --kx-t16-700-size: 13px;
    --kx-t16-700-weight: 700;
    --kx-t16-700-lh: 1.4;
    --kx-t16-700-ls: 0em;
    --kx-t16-600-size: 13px;
    --kx-t16-600-weight: 600;
    --kx-t16-600-lh: 1.4;
    --kx-t16-600-ls: -.02em;
    --kx-t14-500-size: 12px;
    --kx-t14-500-weight: 500;
    --kx-t14-500-lh: 1.4;
    --kx-t14-500-ls: 0em;
    --kx-t14-600-size: 12px;
    --kx-t14-600-weight: 600;
    --kx-t14-600-lh: 1.2;
    --kx-t14-600-ls: 0em;
    --kx-t14-400-size: 12px;
    --kx-t14-400-weight: 400;
    --kx-t14-400-lh: 1.6;
    --kx-t14-400-ls: 0em;
    --kx-t12-500-size: 10px;
    --kx-t12-500-weight: 500;
    --kx-t12-500-lh: 1.2;
    --kx-t12-500-ls: 0em;
  }
}

/* --- skala teks, sm (0–809px) --- */
@media (max-width: 809.98px) {
  :root {
    --kx-t60-700-size: 30px;
    --kx-t60-700-weight: 700;
    --kx-t60-700-lh: 1.2;
    --kx-t60-700-ls: 0em;
    --kx-t36-700-size: 20px;
    --kx-t36-700-weight: 700;
    --kx-t36-700-lh: 1.4;
    --kx-t36-700-ls: 0em;
    --kx-t26-700-size: 15px;
    --kx-t26-700-weight: 700;
    --kx-t26-700-lh: 1.6;
    --kx-t26-700-ls: -.02em;
    --kx-t24-500-size: 15px;
    --kx-t24-500-weight: 500;
    --kx-t24-500-lh: 1.6;
    --kx-t24-500-ls: 0em;
    --kx-t22-700-size: 14px;
    --kx-t22-700-weight: 700;
    --kx-t22-700-lh: 1.6;
    --kx-t22-700-ls: 0em;
    --kx-t18-500-size: 14px;
    --kx-t18-500-weight: 500;
    --kx-t18-500-lh: 1.6;
    --kx-t18-500-ls: 0em;
    --kx-t18-700-size: 14px;
    --kx-t18-700-weight: 700;
    --kx-t18-700-lh: 1.4;
    --kx-t18-700-ls: -.04em;
    --kx-t16-400-size: 13px;
    --kx-t16-400-weight: 400;
    --kx-t16-400-lh: 1.7;
    --kx-t16-400-ls: 0em;
    --kx-t16-700-size: 13px;
    --kx-t16-700-weight: 700;
    --kx-t16-700-lh: 1.4;
    --kx-t16-700-ls: 0em;
    --kx-t16-600-size: 13px;
    --kx-t16-600-weight: 600;
    --kx-t16-600-lh: 1.4;
    --kx-t16-600-ls: -.02em;
    --kx-t14-500-size: 12px;
    --kx-t14-500-weight: 500;
    --kx-t14-500-lh: 1.4;
    --kx-t14-500-ls: 0em;
    --kx-t14-600-size: 12px;
    --kx-t14-600-weight: 600;
    --kx-t14-600-lh: 1.2;
    --kx-t14-600-ls: 0em;
    --kx-t14-400-size: 12px;
    --kx-t14-400-weight: 400;
    --kx-t14-400-lh: 1.6;
    --kx-t14-400-ls: 0em;
    --kx-t12-500-size: 10px;
    --kx-t12-500-weight: 500;
    --kx-t12-500-lh: 1.2;
    --kx-t12-500-ls: 0em;
  }
}

/* --- peran, dari sistem yang dipakai situs terbitan --- */

/* h1 "About IA-CEPA", 60/700 putih di panel hero */
.kx-hero-title {
  font-size: var(--kx-t60-700-size);
  font-weight: var(--kx-t60-700-weight);
  line-height: var(--kx-t60-700-lh);
  letter-spacing: var(--kx-t60-700-ls);
  color: var(--kx-white);
}

/* h1 "Frequently Asked Questions", 60/700 hitam di halaman tanpa hero */
.kx-page-title {
  font-size: var(--kx-t60-700-size);
  font-weight: var(--kx-t60-700-weight);
  line-height: var(--kx-t60-700-lh);
  letter-spacing: var(--kx-t60-700-ls);
  color: var(--kx-ink);
}

/* h2 "Indonesia - Australia growing together", 36/700 navy */
.kx-section-title {
  font-size: var(--kx-t36-700-size);
  font-weight: var(--kx-t36-700-weight);
  line-height: var(--kx-t36-700-lh);
  letter-spacing: var(--kx-t36-700-ls);
  color: var(--kx-navy);
}

/* h3 "Why Australian TVET providers...", 26/700 hitam */
.kx-entry-title {
  font-size: var(--kx-t26-700-size);
  font-weight: var(--kx-t26-700-weight);
  line-height: var(--kx-t26-700-lh);
  letter-spacing: var(--kx-t26-700-ls);
  color: var(--kx-ink);
}

/* p "BLOG", 16/700 navy */
.kx-kicker {
  font-size: var(--kx-t16-700-size);
  font-weight: var(--kx-t16-700-weight);
  line-height: var(--kx-t16-700-lh);
  letter-spacing: var(--kx-t16-700-ls);
  color: var(--kx-navy);
}

/* p "Trade in goods and services...", 18/500 putih */
.kx-hero-lede {
  font-size: var(--kx-t18-500-size);
  font-weight: var(--kx-t18-500-weight);
  line-height: var(--kx-t18-500-lh);
  letter-spacing: var(--kx-t18-500-ls);
  color: var(--kx-white);
}

/* p "November 7, 2022", 18/500 #999999 */
.kx-entry-date {
  font-size: var(--kx-t18-500-size);
  font-weight: var(--kx-t18-500-weight);
  line-height: var(--kx-t18-500-lh);
  letter-spacing: var(--kx-t18-500-ls);
  color: var(--kx-entry-date-colour);
}

/* p "However, the pandemic also challenged...", 16/400 lh 1.7em */
.kx-body {
  font-size: var(--kx-t16-400-size);
  font-weight: var(--kx-t16-400-weight);
  line-height: var(--kx-t16-400-lh);
  letter-spacing: var(--kx-t16-400-ls);
  color: var(--kx-ink);
}

/* p "October 4, 2025", 14/400 rgba(0,0,0,.7) */
.kx-card-meta {
  font-size: var(--kx-t14-400-size);
  font-weight: var(--kx-t14-400-weight);
  line-height: var(--kx-t14-400-lh);
  letter-spacing: var(--kx-t14-400-ls);
  color: var(--kx-inkMuted);
}

/* p "About", 14/500 hitam */
.kx-nav-item {
  font-size: var(--kx-t14-500-size);
  font-weight: var(--kx-t14-500-weight);
  line-height: var(--kx-t14-500-lh);
  letter-spacing: var(--kx-t14-500-ls);
  color: var(--kx-ink);
}

/* p "Contact us" di footer, 12/500 putih */
.kx-footer-item {
  font-size: var(--kx-t12-500-size);
  font-weight: var(--kx-t12-500-weight);
  line-height: var(--kx-t12-500-lh);
  letter-spacing: var(--kx-t12-500-ls);
  color: var(--kx-white);
}

/* p "Accesibility Information" di strip 49px, 12/500 putih */
.kx-utility-item {
  font-size: var(--kx-t12-500-size);
  font-weight: var(--kx-t12-500-weight);
  line-height: var(--kx-t12-500-lh);
  letter-spacing: var(--kx-t12-500-ls);
  color: var(--kx-white);
}

/* p "Useful links", 16/700 putih — preset yang sama dengan kicker navy */
.kx-footer-title {
  font-size: var(--kx-t16-700-size);
  font-weight: var(--kx-t16-700-weight);
  line-height: var(--kx-t16-700-lh);
  letter-spacing: var(--kx-t16-700-ls);
  color: var(--kx-white);
}

/* p "Our goal is to maximise IA-CEPA benefits...", 14/400 putih */
.kx-footer-mission {
  font-size: var(--kx-t14-400-size);
  font-weight: var(--kx-t14-400-weight);
  line-height: var(--kx-t14-400-lh);
  letter-spacing: var(--kx-t14-400-ls);
  color: var(--kx-white);
}

/* --- tata letak --- */

.kx-shell {
  width: var(--kx-shell-width);
  max-width: none;
  margin-inline: auto;
}

/* Kolom baca artikel: 66% viewport di md ke atas, selebar shell di sm. */
.kx-measure {
  width: var(--kx-measure-width);
  margin-inline: auto;
}

@media (max-width: 809.98px) {
  .kx-measure { width: 100%; }
}