*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


body {
    /* Fon "System" akan menggunakan fon lalai yang moden pada setiap OS (San Francisco pada Mac/iOS, Segoe UI pada Windows, Roboto pada Android) */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px; /* Saiz fon asas */
    line-height: 1.6; /* Ketinggian baris untuk kebolehbacaan yang baik */
    color: #333333; /* Warna teks kelabu gelap, lebih selesa dibaca daripada hitam pekat */
    background-color: #f8f9fa; /* Warna latar belakang umum yang sama dengan .main-content */
}


img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

button {
    font-family: inherit; /* Memastikan butang menggunakan fon yang sama dengan body */
}

h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}

.site-header,
.main-nav,
.main-content,
.site-footer {
    /* Tetapkan lebar maksimum kepada 1200px */
    max-width: 1400px;

    /* Trik untuk menengahkan blok secara automatik */
    margin-left: auto;
    margin-right: auto;
}

/* === Gaya Untuk Footer === */
.site-footer {
    text-align: center; /* Arahan utama untuk menengahkan teks */
    padding: 25px 0;    /* Menambah ruang di atas dan bawah teks footer */
    color: #6c757d;     /* Pilihan: Menjadikan warna teks lebih pudar */
    font-size: 14px;    /* Pilihan: Menjadikan fon lebih kecil */
}