/**
 * Glossary Base Styles
 *
 * Accent color theming for card-grid-style glossary pages.
 * Card grid structure and layout provided by _card-grid-base.css.
 *
 * Sets --card-accent per body class to drive:
 *   - Card left border color
 *   - Card number badge background
 *   - Section title border color
 */

/* =========================================================
   ACCENT COLOR THEMING PER PAGE
   ========================================================= */

/* Disease & Medical — Warm Brown */
body.disease-glossary-page,
body.medical-glossary-page {
    --card-accent: #9b4d1f;
}

/* Linguistics — Cool Blue */
body.linguistics-glossary-page {
    --card-accent: #3d5a99;
}

/* Olympic & Livestock Disease — Bright Blue */
body.olympic-glossary-page,
body.livestock-disease-glossary-page {
    --card-accent: #0f4cbf;
}

/* Health Check — Teal */
body.health-check-glossary-page {
    --card-accent: #1f6f8f;
}

/* =========================================================
   GRID LAYOUT — Fixed 3 columns for pure-terms glossary pages
   ========================================================= */

.glossary-grid {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 900px) {
    .glossary-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    .glossary-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   SECTION TITLE ACCENT
   ========================================================= */

.glossary-section__title {
    border-bottom-color: var(--card-accent, var(--wood-orange, #e07a00));
}