/* assets/site.css  (loader) */

/* 1) Variables + global defaults */
@import url("./base.css");

/* 2) Main page structure (white area + sidebar layout) */
@import url("./layout.css");

/* 3) Header bar */
@import url("./header.css");

/* 4) Sidebar (INDEX) */
@import url("./sidebar.css");

/* 5) Family pages (tables + meta dates) */
@import url("./family.css");

/* 6) Home page (photo cards, etc.) */
@import url("./home.css");

/* 7) Footer */
@import url("./footer.css");

/* 8) Media queries */
@import url("./responsive.css");
@import url("./species.css");
/* Universal Scaling - Desktop layout reduced for mobile visibility */
@media (max-width: 1024px) {
    html, body {
        /* Forces desktop layout integrity */
        min-width: 1000px; 
        /* Keeps layout large on tablets */
        zoom: 1; 
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        overflow-x: hidden;
    }
}

@media (max-width: 768px) {
    html, body {
        /* Standard mobile size for balanced readability */
        zoom: 0.90; 
        -moz-transform: scale(0.90);
    }
}

@media (max-width: 480px) {
    html, body {
        /* Increased to 0.75 so text and lists are clearly visible */
        zoom: 0.80; 
        -moz-transform: scale(0.80);
    }
}