/**
 * Bootstrap grid: container, gutter และ spacing tokens อ้างอิง rem
 * max-width ตรงกับ Bootstrap 5.3 (540–1320px ที่ฐาน 16px)
 */
:root {
    --bs-font-size-base: 1rem;
    --bs-body-font-size: 1rem;
    --bs-spacer: 1rem;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}

/* max-width เป็นหน่วย rem — สเกลตาม html font-size จาก resize.js */
@media (min-width: 36rem) {

    .container-sm,
    .container {
        max-width: 33.75rem;
    }
}

@media (min-width: 48rem) {

    .container-md,
    .container-sm,
    .container {
        max-width: 45rem;
    }
}

@media (min-width: 62rem) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 60rem;
    }
}

@media (min-width: 75rem) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 71.25rem;
    }
}

@media (min-width: 87.5rem) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 82.5rem;
    }
}