/* Match the home page's purple-color text links without recoloring buttons. */
.article-content a[href]:not(.btn):not([class*="video-popup"]) {
    color: #6a26da;
}

/* All text links within the page content */
.tp-resource-content a:not(.btn):not(.button) {
    color: #50359a;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.tp-resource-content a:not(.btn):not(.button):hover {
    color: #35216e;
    text-decoration-thickness: 2px;
}

.tp-resource-content a:not(.btn):not(.button):focus-visible {
    outline: 2px solid #50359a;
    outline-offset: 5px;
    border-radius: 2px;
}

/* Groups of links: one link per row */
.tp-resource-content .tp-link-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 24px;
}

.tp-resource-content .tp-link-list > a {
    display: block;
    max-width: 100%;
    padding-block: 8px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

/* Optional compact layout: two columns on larger screens */
@media (min-width: 768px) {
    .tp-resource-content .tp-link-list--columns {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        gap: 8px 32px;
    }
}
