/* ========================================
   HELP PAGE
   ======================================== */
:root {
    --help-page-icon-background: var(--background-accent, #f4f4f4);
    --help-page-icon-color: var(--primary-color, #274F72);
    --help-page-icon-size: 70px;
    --help-page-icon-svg-size: 40px;
}

.help-page {
    padding: 30px 0;
}

.help-tiles-grid {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

/* overrides only for 4 help tiles */
.help-tiles-grid:has(> :nth-child(4):last-child) {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.help-card-icon {
    width: var(--help-page-icon-size);
    height: var(--help-page-icon-size);
    background: var(--help-page-icon-background);
    color: var(--help-page-icon-color);
}

.help-card-icon svg {
    width: var(--help-page-icon-svg-size);
    height: var(--help-page-icon-svg-size);
}

/* ========================================
   CONTACT PAGE
   ======================================== */
.contact-page {
    padding: 30px 0;
}

.contact-cms-container .mobile-content .btn {
    width: 100%;
}

/* ========================================
   CMS PAGE
   ======================================== */
.cms-page {
    padding: 30px 0;
}

/* ========================================
   SITEMAP PAGE
   ======================================== */
.sitemap-page {
    padding: 30px 0;
}