/*
 * =========================================================
 * AlterMind — Module Pages
 * File: assets/css/modules/module-pages.css
 *
 * Responsibility:
 * - Provide shared page-level structure for module pages
 * - Consume the active module theme variables
 * - Keep page spacing consistent across modules
 *
 * This file does NOT:
 * - define module colors
 * - define module themes
 * - style the existing homepage
 * - contain tool-specific styling
 * - contain tool functionality
 * =========================================================
 */


/* =========================================================
   PAGE SECTION
   ========================================================= */

.altermind-module__section {

    position: relative;

    width: 100%;

    margin: 0;
    padding: 80px 0;

    background:
        var(--module-bg);

    color:
        var(--module-text);

}


/* =========================================================
   PAGE INNER
   ========================================================= */

.altermind-module__inner {

    position: relative;

    width: min(
        1240px,
        calc(100% - 48px)
    );

    margin: 0 auto;

}


/* =========================================================
   PAGE HEADER
   ========================================================= */

.altermind-module__header {

    margin: 0 0 45px;

}


.altermind-module__title {

    margin: 0;

    color:
        var(--module-text);

}


.altermind-module__description {

    max-width: 720px;

    margin: 14px 0 0;

    color:
        var(--module-text-muted);

}


/* =========================================================
   PAGE DIVIDER
   ========================================================= */

.altermind-module__divider {

    width: 100%;

    height: 1px;

    margin: 0;

    background:
        var(--module-border);

}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 600px) {

    .altermind-module__section {

        padding: 55px 0;

    }


    .altermind-module__inner {

        width:
            calc(100% - 30px);

    }


    .altermind-module__header {

        margin-bottom: 32px;

    }

}