/*
 * Shared Radiant Perspectives components.
 */


.rp-inner {
    width: min(
        var(--rp-content-width),
        calc(100% - 48px)
    );

    margin-inline: auto;
}


.rp-eyebrow {
    margin: 0 0 16px;

    color: var(--rp-teal);

    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}


.rp-eyebrow--light {
    color: #76bdc2;
}


.rp-text-link {
    display: inline-block;

    color: var(--rp-ink);

    font-weight: 700;
    text-decoration: none;
}


.rp-text-link:hover,
.rp-text-link:focus-visible {
    color: var(--rp-teal);
}


.rp-link-group {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}


.rp-visual-placeholder,
.rp-image-placeholder {
    display: grid;
    place-items: center;

    min-height: 100%;

    border: 1px solid var(--rp-border);

    color: var(--rp-muted);

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}


@media (max-width: 768px) {

    .rp-inner {
        width: min(
            var(--rp-content-width),
            calc(100% - 40px)
        );
    }

}