/* Six shared card types. Page styles own grids and carousel wrappers only.
   Use rr-card__* for editorial content and rr-profile-card__* for people.
   Purple/navy modifiers work on both news sizes. */
:root {
    --rr-card-ink: #171245;
    --rr-card-paper: #f9f9f9;
    --rr-card-purple: var(--Colour-Purple, #6A59FD);
    --rr-editorial-card-title-size: 28px;
    /* Shared halo settings for all six card types and their colour variants. */
    --rr-card-halo-color: rgba(106,89,253,.14);
    --rr-card-halo-width: 6px;
    --rr-card-halo-blur: 4px;
    --rr-card-shadow-color: rgba(23,18,69,.08);
    --rr-portrait-card-width: 416px;
    --rr-portrait-card-height: 501px;
    --rr-portrait-title-lines: 4;
    --rr-portrait-summary-lines: 2;
}

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) {
    --card-background: var(--rr-card-paper);
    --card-text: var(--rr-card-ink);
    --card-hover-background: var(--rr-card-ink);
    --card-hover-text: var(--rr-card-paper);
    --card-halo: var(--rr-card-halo-color);
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin: 0;
    border: 0;
    border-radius: 20px;
    background: var(--card-background);
    color: var(--card-text);
    font: 400 16px/1.3 var(--uat-body-font, 'Noto Sans', Arial, sans-serif);
    box-shadow: 0 0 0 0 var(--card-halo);
    transition: transform 220ms ease-out, background-color 220ms ease-out, color 220ms ease-out, box-shadow 300ms ease-out;
}

    html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card), html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) * {
        box-sizing: border-box;
    }

        html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card)[hidden] {
            display: none;
        }

html .rr-news-card {
    width: 100%;
    height: 308px;
    min-height: 308px;
    padding: 40px;
    border-radius: var(--20, 20px);
}

html .rr-small-news-card {
    width: 100%;
    height: 308px;
    min-height: 308px;
    padding: 24px;
}

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card).rr-news-card--purple,
html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card).rr-news-card--navy {
    --card-text: #fff;
    --card-hover-background: var(--rr-card-paper);
    --card-hover-text: var(--rr-card-ink);
}

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card).rr-news-card--purple {
    --card-background: var(--rr-card-purple);
}

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card).rr-news-card--navy {
    --card-background: var(--rr-card-ink);
}

html .rr-withImageLandscape-card,
html .rr-withImagePortrait-card {
    --card-background: var(--rr-card-grey, #E8E8E8);
    overflow: hidden;
}

html :is(.rr-withImageLandscape-card, .rr-withImagePortrait-card) .rr-card__body {
    background: var(--rr-card-grey, #E8E8E8);
    transition: background-color 220ms ease-out;
}

html :is(.rr-withImageLandscape-card, .rr-withImagePortrait-card):is(:hover, :focus-within) .rr-card__body {
    background: var(--card-hover-background);
}

html .rr-withImageLandscape-card {
    min-height: 420px;
}

html .rr-withImagePortrait-card {
    flex: 0 0 auto;
    width: var(--rr-portrait-card-width);
    max-width: 100%;
    height: var(--rr-portrait-card-height);
    min-height: var(--rr-portrait-card-height);
}

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__media {
    flex: 0 0 220px;
    height: 220px;
    overflow: hidden;
    background: #d5d5db;
}

    html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__media img,
    html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__image {
        display: block;
        width: 100%;
        height: 220px;
        object-fit: cover;
    }

html :is(.rr-withImageLandscape-card, .rr-withImagePortrait-card) > .rr-card__image {
    position: static;
    flex: 0 0 220px;
}

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    padding: 24px;
}

html .rr-small-news-card .rr-card__body {
    padding: 0;
}

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__title {
    margin: 0;
    color: inherit;
    font: 500 32px/1.05 var(--uat-heading-font, 'Archivo', Arial, sans-serif) !important;
    letter-spacing: -.03em;
    overflow-wrap: anywhere;
}

html .rr-withImageLandscape-card .rr-card__title {
    font-size: var(--rr-editorial-card-title-size) !important;
}

html :is(.rr-news-card, .rr-small-news-card) .rr-card__title {
    font-size: var(--rr-editorial-card-title-size) !important;
    flex-shrink: 0;
    min-height: 3.15em;
    max-height: 3.15em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

html :is(.rr-news-card, .rr-small-news-card) .rr-card__text {
    flex-shrink: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

html :is(.rr-news-card, .rr-small-news-card) .rr-card__footer { flex-shrink: 0; }

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__text,
html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__text p {
    margin: 16px 0 0;
    color: inherit;
    font: inherit;
}

    html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__text p {
        margin: 0;
    }

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 24px;
}

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__date,
html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) time {
    order: -1;
    margin-right: auto;
    color: inherit;
    opacity: .7;
    font-size: 14px;
}

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__link {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    padding: 12px 16px;
    border: 1px solid currentColor;
    border-radius: 10px;
    background: transparent;
    color: inherit !important;
    font: 500 16px/1.05 var(--uat-heading-font, 'Archivo', Arial, sans-serif);
    text-decoration: none;
}

    html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__link::after,
    html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-profile-card__link::after {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 1;
        border-radius: inherit;
    }

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card):is(:hover, :focus-within) {
    z-index: 1;
    background: var(--card-hover-background);
    color: var(--card-hover-text);
    transform: translateY(-4px);
    box-shadow: 0 0 0 var(--rr-card-halo-width) var(--card-halo), 0 0 var(--rr-card-halo-blur) var(--rr-card-halo-width) var(--card-halo), 0 6px 16px var(--rr-card-shadow-color);
}

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card):has(:focus-visible) {
    outline: 3px solid var(--rr-card-purple);
    outline-offset: 4px;
}

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__link:focus-visible {
    outline: none;
}

html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card):is(:hover, :focus-within) .rr-card__link {
    background: var(--rr-card-paper);
    color: var(--rr-card-ink) !important;
    border-color: var(--card-hover-text);
}
/* Profiles share the same portrait, information panel and contact actions. */
html .rr-profile-card {
    --article-cyan: #28ffff;
    width: 100%;
    height: 581px;
    min-height: 581px;
    overflow: hidden;
}

    html .rr-profile-card .rr-profile-card__media {
        position: static;
        display: block;
        flex: 0 0 360px;
        height: 360px;
        overflow: hidden;
        background: #d8d8d8;
    }

        html .rr-profile-card .rr-profile-card__media img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center top;
        }

    html .rr-profile-card .rr-profile-card__body {
        display: flex;
        flex: 1;
        flex-direction: column;
        min-width: 0;
        min-height: 0;
        padding: 20px;
        gap: 4px;
    }

    html .rr-profile-card .rr-profile-card__identity {
        display: flex;
        flex: 1;
        flex-direction: column;
        min-height: 0;
        overflow: hidden;
    }

    html .rr-profile-card :is(h3, h4) {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 0;
        color: inherit;
        font: 500 32px/1.05 var(--uat-heading-font, 'Archivo', Arial, sans-serif) !important;
        letter-spacing: -.03em;
    }

    html .rr-profile-card a,
    html .rr-profile-card a:is(:hover, :focus, :visited) {
        color: inherit !important;
        text-decoration: none;
    }

    html .rr-profile-card :is(h3, h4) a {
        font: inherit !important;
    }

    html .rr-profile-card .rr-profile-card__position {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        flex-shrink: 1;
        min-height: 0;
        overflow: hidden;
        margin: 4px 0 0;
        color: inherit;
        font: inherit;
        font-size: 14px;
        line-height: 1.15;
    }

    html .rr-profile-card .rr-profile-card__divider {
        display: none;
    }

    html .rr-profile-card .rr-profile-card__footer {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 16px 16px 36px;
        align-items: center;
        flex: 0 0 85px;
        height: 85px;
        gap: 8px;
        margin-top: auto;
        padding-top: 8px;
        border-top: 1px solid #e8e8e8;
        font-size: 14px;
        line-height: 17px;
    }

    html .rr-profile-card .rr-profile-card__contact {
        display: contents;
    }

    html .rr-profile-card .rr-profile-card__footer :is(p, .rr-profile-card__meta) {
        display: grid;
        grid-template-columns: 16px minmax(0, 1fr);
        align-items: start;
        min-width: 0;
        gap: 8px;
        margin: 0;
        color: inherit;
        font: inherit;
        overflow-wrap: anywhere;
    }

    html .rr-profile-card .rr-profile-card__location {
        grid-column: 1;
        grid-row: 1;
    }

    html .rr-profile-card .rr-profile-card__phone {
        grid-column: 1;
        grid-row: 2;
    }

    html .rr-profile-card .rr-profile-card__footer .rr-profile-card__meta > :last-child {
        display: block;
        overflow: hidden;
        min-width: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    html .rr-profile-card .rr-profile-card__footer a {
        position: relative;
        z-index: 2;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    html .rr-profile-card .rr-profile-card__footer > a:hover {
        text-decoration: underline;
    }

    html .rr-profile-card .rr-profile-card__footer :is(svg, i, .rr-profile-card__icon) {
        display: block;
        flex: 0 0 16px;
        width: 16px;
        height: 16px;
        margin: 0;
        font-size: 16px;
    }

    html .rr-profile-card .rr-profile-card__actions {
        display: flex;
        grid-column: 1;
        grid-row: 3;
        align-items: center;
        gap: 12px;
    }

        html .rr-profile-card .rr-profile-card__actions a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 36px;
            width: 36px;
            height: 36px;
            padding: 0;
            border-radius: 50%;
            background: #e8e8e8;
            color: var(--rr-card-ink) !important;
        }

    html .rr-profile-card .rr-profile-card__actions a:is(:hover, :focus-visible) {
        background: var(--article-cyan);
        color: var(--rr-card-ink) !important;
    }

    html .rr-profile-card .rr-profile-card__actions .rr-profile-card__icon {
        filter: none;
    }

    html .rr-profile-card .rr-profile-card__actions svg [stroke] {
        stroke: var(--rr-card-ink);
    }

    html .rr-profile-card .rr-profile-card__actions svg [fill]:not([fill="none"]) {
        fill: var(--rr-card-ink);
    }

    html .rr-profile-card:is(:hover, :focus-within) .rr-profile-card__footer > a .rr-profile-card__icon,
    html .rr-profile-card:is(:hover, :focus-within) .rr-profile-card__meta .rr-profile-card__icon {
        filter: brightness(0) invert(1);
    }

    html .rr-profile-card:is(:hover, :focus-within) .rr-profile-card__meta svg [stroke] {
        stroke: var(--card-hover-text);
    }

html .rr-profile-card__more-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    border: 1px solid #171245;
    border-radius: 10px;
    background: transparent;
    color: #171245;
    font: 500 16px/1.05 var(--uat-heading-font, 'Archivo', Arial, sans-serif);
    letter-spacing: -.015em;
    cursor: pointer;
    transition: background-color .2s, color .2s;
}

    html .rr-profile-card__more-button:is(:hover, :focus-visible) {
        background: #171245;
        color: #f9f9f9;
    }

    html .rr-profile-card__more-button:focus-visible {
        outline: 3px solid #6a59fd;
        outline-offset: 4px;
    }

html .rr-profile-card :is(h3, h4) {
    flex-shrink: 0;
}

@media (max-width: 1024px) {
    html .rr-news-card {
        padding: 28px;
    }

    html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__title,
    html .rr-profile-card :is(h3, h4) {
        font-size: 24px !important;
    }

}

@media (max-width: 767px) {
    html .rr-news-card {
        padding: 24px;
    }

    html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) .rr-card__title,
    html .rr-profile-card :is(h3, h4) {
        font-size: 20px !important;
    }

}
/* Profile reference sizes: all portraits remain 360px high. */
@media (min-width: 1025px) and (max-width: 1279px) {
    html .rr-profile-card {
        max-width: 460px;
        height: 549px;
        min-height: 549px;
        justify-self: center;
    }

        html .rr-profile-card .rr-profile-card__position {
            font-size: 12px;
        }

        html .rr-profile-card :is(h3, h4) {
            font-size: 24px !important;
        }

        html .rr-profile-card .rr-profile-card__position {
            -webkit-line-clamp: 2;
        }
}

@media (min-width: 768px) and (max-width: 1024px) {
    html .rr-profile-card {
        height: 572px;
        min-height: 572px;
    }

        html .rr-profile-card .rr-profile-card__position {
            font-size: 12px;
        }

    html .rr-main .rr-country-team__grid {
        column-gap: 32px;
    }
}

@media (max-width: 767px) {
    html .rr-profile-card {
        max-width: 342px;
        height: 566px;
        min-height: 566px;
        justify-self: center;
    }

        html .rr-profile-card .rr-profile-card__position {
            font-size: 12px;
        }
}

@media (prefers-reduced-motion: reduce) {
    html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card) {
        transition: none !important;
    }

        html :is(.rr-news-card, .rr-small-news-card, .rr-withImageLandscape-card, .rr-withImagePortrait-card, .rr-profile-card, .rr-office-card):is(:hover, :focus-within) {
            transform: none;
        }
}


/* Shared portrait layouts: grid (3 columns), grid--two-column, or carousel.
   Layout modifiers configure dimensions; the card's visual rules stay shared. */
html .rr-portrait-grid {
    --rr-portrait-grid-columns: 3;
    display: grid;
    grid-template-columns: repeat(var(--rr-portrait-grid-columns), minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    max-width: calc(var(--rr-portrait-card-width) * var(--rr-portrait-grid-columns) + 24px * (var(--rr-portrait-grid-columns) - 1));
    margin-inline: auto;
}
html .rr-portrait-grid--two-column {
    --rr-portrait-grid-columns: 2;
    --rr-portrait-card-width: 636px;
    --rr-portrait-card-height: 425px;
    --rr-portrait-title-lines: 2;
    --rr-portrait-summary-lines: 2;
}
html .rr-portrait-grid > .rr-withImagePortrait-card { width: 100%; max-width: none; }
html .rr-withImagePortrait-card > .rr-card__image,
html .rr-withImagePortrait-card .rr-card__media {
    flex: 0 0 200px;
    height: 200px;
}
html .rr-withImagePortrait-card .rr-card__media img { height: 100%; }
html .rr-withImagePortrait-card .rr-card__body {
    min-height: 0;
    padding: 24px;
    justify-content: space-between;
    gap: 16px;
}
html .rr-withImagePortrait-card .rr-card__content { flex: 0 0 auto; min-width: 0; }
html .rr-withImagePortrait-card .rr-card__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--rr-portrait-title-lines);
    overflow: hidden;
    font-size: var(--rr-editorial-card-title-size) !important;
    line-height: 1.05 !important;
}
html .rr-withImagePortrait-card .rr-card__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--rr-portrait-summary-lines);
    /* Padding or an inherited height can expose text below the clamp ellipsis. */
    padding: 0;
    height: auto;
    min-height: 0;
    max-height: calc(var(--rr-portrait-summary-lines) * 1.15em);
    overflow: hidden;
    margin: 16px 0 0;
    font-size: 16px;
    line-height: 1.15;
}
html .rr-withImagePortrait-card .rr-card__text p { line-height: inherit; }
html .rr-withImagePortrait-card .rr-card__footer {
    flex: 0 0 41px;
    height: 41px;
    min-height: 41px;
    flex-wrap: nowrap;
    margin-top: auto;
    padding-top: 0;
}
html .rr-withImagePortrait-card .rr-card__link { height: 41px; padding: 0 16px; }
@media (min-width: 1025px) and (max-width: 1439px) {
    :root {
        --rr-portrait-card-width: 298px;
        --rr-portrait-card-height: 615px;
        --rr-portrait-title-lines: 6;
        --rr-portrait-summary-lines: 4;
    }
    html .rr-portrait-grid--two-column {
        --rr-portrait-card-width: 461px;
        --rr-portrait-card-height: 467px;
        --rr-portrait-title-lines: 3;
        --rr-portrait-summary-lines: 2;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    :root {
        --rr-portrait-card-width: 629px;
        --rr-portrait-card-height: 450px;
        --rr-portrait-title-lines: 2;
        --rr-portrait-summary-lines: 2;
    }
    html .rr-portrait-grid {
        --rr-portrait-grid-columns: 2;
        --rr-portrait-card-width: 352px;
        --rr-portrait-card-height: 450px;
        --rr-portrait-title-lines: 2;
        --rr-portrait-summary-lines: 3;
    }
    html .rr-withImagePortrait-card .rr-card__title { font-size: 24px !important; }
}
@media (max-width: 767px) {
    :root {
        --rr-portrait-card-width: 310px;
        --rr-portrait-card-height: 450px;
        --rr-portrait-title-lines: 3;
        --rr-portrait-summary-lines: 3;
    }
    html .rr-portrait-grid {
        --rr-portrait-grid-columns: 1;
        --rr-portrait-card-width: 342px;
        --rr-portrait-card-height: auto;
        --rr-portrait-title-lines: 3;
        --rr-portrait-summary-lines: 3;
    }
    html .rr-portrait-grid .rr-withImagePortrait-card .rr-card__body {
        flex: 1 0 auto;
        min-height: 213px;
    }
    html .rr-withImagePortrait-card .rr-card__title { font-size: 18px !important; }
}

html .rr-portrait-carousel {
    width: 100%;
    max-width: calc(var(--rr-portrait-card-width) * 3 + 48px);
    margin-inline: auto;
}
/* About groups include outer paint room for the shared hover halo. */
html .rr-about__slide.rr-portrait-grid {
    max-width: calc(var(--rr-portrait-card-width) * var(--rr-portrait-grid-columns) + 24px * (var(--rr-portrait-grid-columns) - 1) + var(--about-card-room) * 2);
}
@media (max-width: 1024px) {
    html .rr-portrait-carousel { max-width: 100%; }
    html .rr-portrait-carousel .slick-list { margin-right: 0; }
}

/* Offices: reusable address cards with independent phone and email links. */
html .rr-office-card { gap:28px; padding:32px; border-radius:16px; font-size:16px; line-height:1.15; letter-spacing:0; }
html .rr-office-card:has(:focus-visible) { outline:2px solid #28ffff; outline-offset:0; }
html .rr-office-card:is(:hover, :focus-within) .rr-office-card__divider { background:rgba(249,249,249,.25); }
html .rr-office-card:is(:hover, :focus-within) .rr-office-card__actions a:is(:hover, :focus-visible) { background:var(--rr-card-purple); }
.rr-office-card__address { display:flex; flex-direction:column; gap:28px; }
html .rr-office-card .rr-office-card__name { margin:0; color:inherit; font:500 32px/1.05 var(--uat-heading-font, 'Archivo', Arial, sans-serif); letter-spacing:0; overflow-wrap:anywhere; }
.rr-office-card__rte > * { margin:0 0 6px; color:inherit; font:400 16px/1.15 var(--uat-body-font, 'Noto Sans', Arial, sans-serif); }
.rr-office-card__rte > :last-child { margin-bottom:0; }
.rr-office-card__rte a { color:inherit; }
.rr-office-card__footer { display:flex; flex-direction:column; gap:24px; margin-top:auto; }
.rr-office-card__divider { height:1px; background:#e8e8e8; }
.rr-office-card__contact { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.rr-office-card__phone { display:flex; align-items:center; gap:8px; margin:0; font:500 14px/1.05 var(--uat-body-font, 'Noto Sans', Arial, sans-serif); letter-spacing:-.03em; }
.rr-office-card__phone svg { flex:0 0 16px; }
.rr-office-card__phone svg path { stroke:currentColor; }
.rr-office-card__phone a { color:inherit!important; text-decoration:none; }
.rr-office-card__phone a:hover, .rr-office-card__phone a:focus-visible { text-decoration:underline; }
.rr-office-card__actions { display:flex; gap:10px; }
.rr-office-card__actions a { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:#e8e8e8; transition:background-color .2s ease, box-shadow .2s ease; }
.rr-office-card__actions a:is(:hover, :focus-visible) { background:var(--rr-card-ink); }
.rr-office-card__actions a:is(:hover, :focus-visible) svg path { stroke:var(--rr-card-paper); }
.rr-office-card__actions a:focus { outline:none; }
.rr-office-card__actions a:focus-visible { box-shadow:inset 0 0 0 1px #28ffff; }

@media (min-width:1025px) and (max-width:1439px) {
html .rr-office-card .rr-office-card__name { font-size:28px; }
}