@charset "utf-8";
/* Articles Area CSS Document */

/* CSS Specific to the articles/index.html area to make all the links #702277 in color and underlined and not affet the entire site that uses btn's
2026 10 12 change */
.resources-grid .resource-card a {
    color: #702277;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.resources-grid .resource-card a:hover {
    color: #4d1852;
    text-decoration-thickness: 2px;
}

/* CSS for images on the articles pages 2026 10 12 */
.article-image {
    max-width: 100%;
    height: auto;
}



/* Article paragraph spacing added 2026 10 13 */

.resource-body p.space-1 {
    margin-bottom: 1em;
}

.resource-body p.space-2 {
    margin-bottom: 2em;
}

.resource-body p.space-3 {
    margin-bottom: 3em;
}



/* ===== ARTICLE NAVIGATION BUBBLES for TCM Page 2026 10 13 ===== */

.article-navigation {
    text-align: center;
    padding: 24px;
    margin: 20px 0 35px;
    background: #f5f0f6;
    border-radius: 18px;
}

.article-navigation h2 {
    margin: 0 0 8px;
    color: #702277;
}

.article-navigation p {
    margin-bottom: 20px;
}

.article-nav-bubbles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.article-nav-bubbles a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border: 1px solid #c49a45;
    border-radius: 30px;
    background: #ffffff;
    color: #702277;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    transition: background 0.2s ease, color 0.2s ease;
}

.article-nav-bubbles a:hover,
.article-nav-bubbles a:focus-visible {
    background: #702277;
    color: #ffffff;
}

.resource-body h2[id] {
    scroll-margin-top: 100px;
}