/* Curricula-specific overrides and utilities */

/* Scope all rules to pages that opt-in via <body class="curricula-page"> */
.curricula-page .container h2 {
    /* Ensure module/section headings are left-aligned consistently */
    text-align: left;
    /* Use normal block flow so wrapped text reads naturally */
    display: block;
}

/* Consistent call-to-action buttons for curricula */
.curricula-page .btn-curricula {
    background-color: #007acc;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 16px;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition:
        background-color 0.2s ease,
        transform 0.1s ease,
        box-shadow 0.2s ease;
}
.curricula-page .btn-curricula:hover,
.curricula-page .btn-curricula:focus {
    background-color: #005fa3;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}
.curricula-page .btn-curricula:active {
    transform: translateY(1px);
}

/* Optional: group spacing for button clusters */
.curricula-page .btn-group .btn-curricula,
.curricula-page a.btn-curricula {
    margin-right: 8px;
    margin-bottom: 8px;
}

/* If you add curricula-specific components later, place them here under the curricula-page scope.
   Example scaffolding:
   .curricula-page .module-list { }
   .curricula-page .module-card { }
*/
