/* Relevance-led editorial navigation: intentionally subtle in article copy. */
.sffc-editorial-internal-link {
    color: #1769d1;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(23, 105, 209, .38);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color 150ms ease, text-decoration-color 150ms ease;
}

.sffc-editorial-internal-link:hover,
.sffc-editorial-internal-link:focus-visible {
    color: #0c3978;
    text-decoration-color: currentColor;
}

.sffc-editorial-related {
    margin: 38px 0 0;
    padding: 22px;
    border: 1px solid rgba(21, 79, 145, .22);
    border-radius: 12px;
    background: rgba(244, 248, 255, .82);
}

.sffc-editorial-related__eyebrow {
    margin: 0 0 14px;
    color: #1769d1;
    font-family: inherit;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.sffc-editorial-related__items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
}

.sffc-editorial-related__item {
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 15px;
    border: 1px solid rgba(19, 56, 94, .12);
    border-radius: 9px;
    background: rgba(255, 255, 255, .72);
    color: #101820;
    text-decoration: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.sffc-editorial-related__item:hover,
.sffc-editorial-related__item:focus-visible {
    border-color: rgba(23, 105, 209, .5);
    box-shadow: 0 8px 20px rgba(11, 36, 68, .08);
    transform: translateY(-1px);
}

.sffc-editorial-related__label,
.sffc-editorial-related__cta {
    color: #596677;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 11px;
    font-weight: 650;
    letter-spacing: .02em;
}

.sffc-editorial-related__label { color: #1769d1; }
.sffc-editorial-related__item strong { color: #101820; font-family: Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.18; }
.sffc-editorial-related__cta b { font-size: 14px; }

@media (max-width: 700px) {
    .sffc-editorial-related { margin-top: 30px; padding: 17px; }
    .sffc-editorial-related__items { grid-template-columns: 1fr; }
    .sffc-editorial-related__item { padding: 14px; }
}
