/* =========================================================
   MAIN (GLOBAL MINIMAL)
   - Tidak memaksa layout/grid halaman
   - Aman untuk semua page: tiap page mengatur layout sendiri
   - Background global putih
   - Anti horizontal scroll
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');
:root{
  --page-gutter: clamp(14px, 2.2vw, 32px);
}

/* Reset ringan (global minimal) */
*,
*::before,
*::after{ box-sizing: border-box; }

html, body{ max-width: 100%; }

/* Background global putih (netral) */
body{
  margin: 0;
  background: #fff;
  color: #0b1b33;
}

/* Wrapper global netral: TIDAK ADA padding/grid */
.site-shell{
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Hook saja (tidak dipaksa kolom) */
.site-main{
  min-width: 0;
}

.site-sidebar{
  min-width: 0;
}

/* GLOBAL: NO HORIZONTAL SCROLL */
html, body{
  overflow-x: clip;
}

@supports not (overflow: clip){
  html, body{ overflow-x: hidden; }
}
:root {
    /* Konfigurasi Font */
    --font-main: 'Plus Jakarta Sans', sans-serif;
    
    /* Fluid Typography (Min_size, Preferred_size, Max_size) */
    --h1-size: clamp(2.5rem, 5vw + 1rem, 4rem);
    --h2-size: clamp(1.8rem, 3vw + 1rem, 2.5rem);
    --body-size: clamp(1rem, 0.5vw + 0.9rem, 1.2rem); /* 16px - 19.2px */
    
    /* Warna yang nyaman (High Contrast for Accessibility) */
    --bg-color: #ffffff;
    --text-main: #1a1a1a;
    --text-muted: #4a4a4a;
    --accent: #3b82f6; /* Warna biru modern ala Gen Z */
}

body {
    font-family: var(--font-main);
    font-size: var(--body-size);
    line-height: 1.6;
    color: var(--text-main);
    background-color: var(--bg-color);
    -webkit-font-smoothing: antialiased; /* Membuat font lebih halus di Mac/iOS */
}

h1, h2, h3 {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

h1 { font-size: var(--h1-size); letter-spacing: -0.02em; }
h2 { font-size: var(--h2-size); }

p {
    margin-bottom: 1.25rem;
    max-width: 70ch; /* Batas karakter per baris agar mata tidak lelah (Best UX) */
}