/* 1. Modern Reset */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; line-height: 1.5; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }

/* 2. Framework Utilities (Referenced in your PHP helpers) */
.hide-on-mobile { display: block; }
.hide-on-desktop { display: none; }

@media (max-width: 768px) {
    .hide-on-mobile { display: none; }
    .hide-on-desktop { display: block; }
}

/* 3. Common Dooble Layout Classes */
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.bold { font-weight: bold; } /* Referenced in your menu filter */