/* ==================================================================
   Sector pages (includes/sector-page.php)
   Hero → intro → film panel → overview → figures → feature grid.
   The shared sections after them (Why Choose, reports, contact,
   subscribe, FAQ) keep their home-page styles via body.rs-home.

   Type uses the home page's scale, size for size:
   · page title    = home hero heading   (48 / 46 / 28px)
   · main heading  = home section title  (.rs-mr-heading: 42 → 26 / 26 / 22px)
   · sub heading   = home card title     (.rs-wcx-card-title: 20px)
   · paragraph     = home section lead   (.rs-wcx-lead: 16px, 15px on phones)
   · small copy    = home card text      (.rs-wcx-card-text: 14.5px)
   · figures       = home figures strip  (.rs-bk-stats: 32 / 24 / 20px)
   Headings are weight 500 in ink on white, white on photos.
   Every section carries 40px of padding above and below on desktop,
   32px on tablets and 24px on phones (--sx-pad).
   ================================================================== */

body.rs-sector {
    --sx-font: "Helvetica Neue", "Inter", Helvetica, Arial, sans-serif;
    --sx-ink: #0a1230;
    --sx-ink-sub: #14193f;
    --sx-ink-500: #5b6478;
    --sx-brand: #0b2dbe;
    --sx-line: #e3e6ec;
    --sx-pad: 30px;
}

/* ---------- Type scale ---------- */
.rs-sx-hero__title,
.rs-sx-intro__title,
.rs-sx-film__title,
.rs-sx-about__label,
.rs-sx-about__lead,
.rs-sx-feat__title {
    margin: 0;
    font-family: var(--sx-font) !important;
    font-weight: 500;
}

/* page title: home hero heading */
.rs-sx-hero__title {
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #fff;
}

/* main headings: home section title */
.rs-sx-intro__title,
.rs-sx-film__title,
.rs-sx-about__label {
    font-size: clamp(26px, 2.95vw, 42px);
    line-height: 1.2;
    letter-spacing: -.01em;
    color: var(--sx-ink);
}

/* sub headings: home card title */
.rs-sx-about__lead,
.rs-sx-feat__title {
    font-size: 16px;
    line-height: 1.32;
    letter-spacing: -.01em;
    color: var(--sx-ink-sub);
}

/* paragraphs: home section lead */
.rs-sx-intro__text,
.rs-sx-about__text {
    margin: 0;
    font-family: var(--sx-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: var(--sx-ink-500);
}

/* small copy: home card text */
.rs-sx-feat__text,
.rs-sx-stat__label {
    margin: 0;
    font-family: var(--sx-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.68;
    color: var(--sx-ink-500);
}

/* ---------- Hero ---------- */
.rs-sx-hero {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(520px, 86vh, 800px);
    padding: 160px 0 clamp(88px, 10vh, 120px);
    overflow: hidden;
    background: #000;
    isolation: isolate;
}

.rs-sx-hero__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}

/* light black wash only: enough for the navbar and the title to read */
.rs-sx-hero__shade {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .1) 42%, rgba(0, 0, 0, .42) 100%);
}

/* white wedge with a slanted left edge, bottom-right corner */
.rs-sx-hero::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 48%;
    height: clamp(28px, 4vw, 52px);
    background: #fff;
    clip-path: polygon(clamp(18px, 2.4vw, 34px) 0, 100% 0, 100% 100%, 0 100%);
}

.rs-sx-hero__inner {
    position: relative;
}

.rs-sx-crumb ol {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
    font-family: var(--sx-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(255, 255, 255, .8);
}

.rs-sx-crumb li + li::before {
    content: "/";
    margin-right: 10px;
    color: rgba(255, 255, 255, .5);
}

.rs-sx-crumb a {
    color: inherit;
    text-decoration: none;
}

.rs-sx-crumb a:hover {
    color: #fff;
}

.rs-sx-hero__line {
    display: block;
}

/* ---------- Section rhythm ---------- */
.rs-sx-intro,
.rs-sx-film,
.rs-sx-about,
.rs-sx-stats,
.rs-sx-feat {
    padding: var(--sx-pad) 0;
}

/* ---------- Intro ---------- */
.rs-sx-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 24px clamp(40px, 9vw, 140px);
    align-items: center;
}

.rs-sx-intro__title {
    max-width: 640px;
}

.rs-sx-intro__text {
    max-width: 520px;
}

/* ---------- Film panel ---------- */
.rs-sx-film {
    overflow: hidden;
}

/* full-bleed box, clipped in from both sides; the script eases --sx-inset to 0 on scroll */
.rs-sx-film__frame {
    --sx-inset: max(24px, calc((100% - 960px) / 2));
    position: relative;
    height: clamp(320px, 37vw, 560px);
    margin: 0;
    overflow: hidden;
    background: #0a1230;
    clip-path: inset(0 var(--sx-inset));
    will-change: clip-path;
}

.rs-sx-film__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rs-sx-film__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(20deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, 0) 100%);
}

/* the caption tracks the clipped edge so it always sits inside the visible picture */
.rs-sx-film__title {
    position: absolute;
    left: calc(var(--sx-inset) + clamp(24px, 4vw, 56px));
    right: calc(var(--sx-inset) + clamp(24px, 4vw, 56px));
    bottom: clamp(24px, 3.4vw, 48px);
    color: #fff;
}

.rs-sx-film__title span {
    display: block;
}

/* ---------- Overview ---------- */
.rs-sx-about__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 24px clamp(40px, 6vw, 96px);
    align-items: start;
}

/* heading wraps into balanced lines (no orphaned "Across"); the sector name is a span,
   not <strong>: bundle.css forces every <strong> to weight 400 */
.rs-sx-about__label {
    max-width: 620px;
    text-wrap: balance;
}

.rs-sx-about__strong {
    display: inline;
}

/* lead paragraph: same rhythm as the text below it */
.rs-sx-about__lead {
    line-height: 1.6;
}

.rs-sx-about__text {
    margin-top: 16px;
    max-width: 640px;
}

/* ---------- Figures over a wide photo ---------- */
.rs-sx-stats__wrap {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 24px;
}

.rs-sx-stats__row {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(12px, 1.6vw, 22px);
    margin: 0 clamp(0px, 3.6%, 48px) -52px;
    padding: 0;
    list-style: none;
}

.rs-sx-stat {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 6px 24px 22px;
    background: #fff;
}

.rs-sx-stat__num {
    font-family: var(--sx-font);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.01em;
    color: var(--sx-brand);
    font-variant-numeric: tabular-nums;
}

.rs-sx-stats__media {
    /* height: clamp(260px, 30vw, 440px); */
    overflow: hidden;
    background: #c9d6ea;
}

.rs-sx-stats__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---------- Feature grid ---------- */
.rs-sx-feat__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(32px, 3.5vw, 32px) clamp(32px, 4.5vw, 72px);
    margin: 0 auto;
    padding: 0;
    list-style: none;
    /* text-align: justify; */
}

.rs-sx-feat__item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 3px;
    align-items: center;
    align-content: start;
}

.rs-sx-feat__icon {
    width: 26px;
    height: 26px;
    color: var(--sx-brand);
}

.rs-sx-feat__text {
    grid-column: 2;
}

/* ---------- Shared sections: the same 40px above and below ---------- */
html body.rs-sector .rs-wcx,
html body.rs-sector .rs-mr-section,
html body.rs-sector .rs-ct + .rs-sub,
html body.rs-sector .rs-faq-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: var(--sx-pad) !important;
    padding-bottom: var(--sx-pad) !important;
}

html body.rs-sector .rs-wcx-band {
    margin-top:0;
}

/* Get in Touch: the white card ends the blue band (as on the home page), so only the top pads */
html body.rs-sector .rs-ct {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: var(--sx-pad) !important;
}

/* small labels above the Why Choose and market report headings (core eyebrow style) */
.rs-wcx-tag,
.rs-mr-tag {
    display: inline-block;
    margin-bottom: 20px;
    font-family: var(--sx-font);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--sx-brand);
}

.rs-wcx-tag {
    padding: 10px 16px;
    border: 1px solid #c9d2ee;
}

.rs-mr-tag {
    display: block;
    margin-bottom: 12px;
}

/* ---------- Phone sliders (feature list, Why Choose rows) ----------
   The script in sector-page.php adds .rs-sx-slider and the .rs-sx-nav
   buttons; both only take effect at 767px and below. */
.rs-sx-nav {
    display: none;
}

@media (max-width: 767px) {
    html body.rs-sector .rs-sx-slider {
        display: flex;
        gap: 12px;
        margin-inline: 0;
        padding: 0;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        background: none;
        -webkit-overflow-scrolling: touch;
    }

    html body.rs-sector .rs-sx-slider::-webkit-scrollbar {
        display: none;
    }

    /* one card and a peek of the next; entrance animations off so off-screen cards are never blank */
    html body.rs-sector .rs-sx-slider > * {
        flex: 0 0 86%;
        scroll-snap-align: start;
        opacity: 1 !important;
        transform: none !important;
        translate: none !important;
    }

    .rs-sx-feat__grid.rs-sx-slider > .rs-sx-feat__item {
        padding: 22px 20px;
        border: 1px solid var(--sx-line);
    }

    html body.rs-sector .rs-wcx-row--light.rs-sx-slider > .rs-wcx-card {
        padding: 24px 20px 26px;
        border: 1px solid #e2e8f0;
    }

    html body.rs-sector .rs-wcx-row--dark.rs-sx-slider {
        padding-top: 28px;
    }

    html body.rs-sector .rs-wcx-row--dark.rs-sx-slider > .rs-wcx-card {
        padding: 26px 20px 28px;
        border: 1px solid rgba(255, 255, 255, .26);
    }

    /* prev / bar / next, as the home Our Services slider */
    .rs-sx-nav {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-top: 18px;
    }

    .rs-wcx-band .rs-sx-nav {
        padding-bottom: 28px;
    }

    .rs-sx-nav__btn {
        flex: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
        border: 1px solid #0b0d12;
        border-radius: 50%;
        background: transparent;
        color: #0b0d12;
        cursor: pointer;
        transition: background-color .3s ease, color .3s ease, border-color .3s ease, opacity .3s ease;
    }

    .rs-sx-nav__btn svg {
        width: 18px;
        height: 18px;
    }

    .rs-sx-nav__btn:hover,
    .rs-sx-nav__btn:focus-visible {
        background: #092db6;
        border-color: #092db6;
        color: #fff;
    }

    .rs-sx-nav__btn:disabled {
        opacity: .35;
        cursor: default;
        background: transparent;
        border-color: #0b0d12;
        color: #0b0d12;
    }

    .rs-sx-nav__bar {
        position: relative;
        flex: 1 1 0;
        height: 2px;
        overflow: hidden;
        background: #d5d8de;
    }

    .rs-sx-nav__fill {
        position: absolute;
        inset: 0 auto 0 0;
        background: #092db6;
        transition: width .45s cubic-bezier(.25, .46, .45, .94);
    }

    /* on the blue band */
    .rs-sx-nav--light .rs-sx-nav__btn,
    .rs-sx-nav--light .rs-sx-nav__btn:disabled {
        border-color: rgba(255, 255, 255, .85);
        color: #fff;
    }

    .rs-sx-nav--light .rs-sx-nav__btn:hover,
    .rs-sx-nav--light .rs-sx-nav__btn:focus-visible {
        background: #fff;
        border-color: #fff;
        color: #0b34cf;
    }

    .rs-sx-nav--light .rs-sx-nav__bar {
        background: rgba(255, 255, 255, .3);
    }

    .rs-sx-nav--light .rs-sx-nav__fill {
        background: #fff;
    }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
    .rs-sx-nav__btn,
    .rs-sx-nav__fill {
        transition: none;
    }
}

/* ---------- Large tablets / small laptops ---------- */
@media (max-width: 1199px) {
    .rs-sx-stat__num {
        font-size: 24px;
    }
}

/* ---------- Tablet ---------- */
@media (max-width: 991px) {
    body.rs-sector {
        --sx-pad: 32px;
    }

    .rs-sx-hero__title {
        font-size: 46px;
        line-height: 1.06;
    }

    /* stacked: heading and copy read as one block */
    .rs-sx-intro__grid,
    .rs-sx-about__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .rs-sx-hero::after {
        width: 62%;
    }

    .rs-sx-stats__row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-bottom: 24px;
    }

    .rs-sx-stat {
        padding: 20px;
        border: 1px solid var(--sx-line);
    }

    .rs-sx-feat__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0;
    }
}

/* main headings below the home clamp's floor */
@media (max-width: 767px) {
    .rs-sx-intro__title,
    .rs-sx-film__title,
    .rs-sx-about__label {
        font-size: 26px;
    }
}

/* ---------- Phone: home's phone type, tighter spacing ---------- */
@media (max-width: 575px) {
    body.rs-sector {
        --sx-pad: 24px;
    }

    .rs-sx-hero {
        min-height: 420px;
        padding: 120px 0 64px;
    }

    .rs-sx-hero::after {
        height: 24px;
    }

    .rs-sx-hero__title {
        font-size: 28px;
        line-height: 1.15;
    }

    .rs-sx-crumb ol {
        margin-bottom: 12px;
        font-size: 13px;
    }

    .rs-sx-intro__title,
    .rs-sx-film__title,
    .rs-sx-about__label {
        font-size: 22px;
        line-height: 1.25;
    }

    .rs-sx-about__lead,
    .rs-sx-feat__title {
        font-size: 18px;
        line-height: 1.3;
    }

    .rs-sx-about__lead {
        font-size: 16px;
        line-height: 1.6;
    }

    .rs-sx-intro__text,
    .rs-sx-about__text {
        font-size: 15px;
        line-height: 1.7;
    }

    .rs-sx-about__text {
        margin-top: 10px;
    }

    .rs-sx-feat__text,
    .rs-sx-stat__label {
        font-size: 14px;
        line-height: 1.6;
    }

    /* film panel: shorter, caption closer to the corner */
    .rs-sx-film__frame {
        height: 240px;
    }

    .rs-sx-film__title {
        left: calc(var(--sx-inset) + 20px);
        right: calc(var(--sx-inset) + 20px);
        bottom: 20px;
    }

    /* figures: same 20px gutter as the containers, compact 2 × 2 tiles */
    .rs-sx-stats__wrap {
        padding: 0 20px;
    }

    .rs-sx-stats__row {
        gap: 8px;
        margin-bottom: 12px;
    }

    .rs-sx-stat {
        gap: 6px;
        padding: 14px 12px;
    }

    .rs-sx-stat__num {
        font-size: 20px;
    }

    .rs-sx-stat__label {
        font-size: 13px;
        line-height: 1.45;
    }

    .rs-sx-stats__media {
        height: 200px;
    }

    .rs-sx-feat__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .rs-sx-feat__item {
        grid-template-columns: 24px minmax(0, 1fr);
        column-gap: 12px;
        row-gap: 6px;
    }

    .rs-sx-feat__icon {
        width: 22px;
        height: 22px;
    }

    .rs-wcx-tag,
    .rs-mr-tag {
        margin-bottom: 12px;
    }
}

/* ---------- Figures v2 (2026-11-06): the wide photo with tiles on its edge gives way to a photo of
   moderate height on the left and the four figures on a ruled 2 x 2 grid on mist on the right, bold
   blue numbers over dark labels. Phones: the photo above, the figures two by two. ---------- */
html body .rs-sx-stats.rs-sx-stats--v2 .rs-sx-stats__wrap {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    align-items: stretch;
    gap: 0;
}

html body .rs-sx-stats--v2 .rs-sx-stats__media {
    position: relative;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    aspect-ratio: auto;
    overflow: hidden;
}

html body .rs-sx-stats--v2 .rs-sx-stats__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html body .rs-sx-stats--v2 .rs-sx-stats__row {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    padding: 0;
    transform: none;
    background: #dfe5f1;
    border: 1px solid #dfe5f1;
    list-style: none;
}

html body .rs-sx-stats--v2 .rs-sx-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    min-height: 168px;
    margin: 0;
    padding: clamp(24px, 2.6vw, 38px);
    border: 0;
    background: #f4f6fb;
    box-shadow: none;
    transition: background-color .3s ease;
}

html body .rs-sx-stats--v2 .rs-sx-stat:hover {
    background: #fff;
}

html body .rs-sx-stats--v2 .rs-sx-stat__num {
    font-size: clamp(30px, 2.8vw, 44px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.03em;
    color: #0b2dbe;
}

html body .rs-sx-stats--v2 .rs-sx-stat__label {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    color: #0a1230;
}

@media (max-width: 991px) {
    html body .rs-sx-stats.rs-sx-stats--v2 .rs-sx-stats__wrap {
        grid-template-columns: minmax(0, 1fr);
    }

    html body .rs-sx-stats--v2 .rs-sx-stats__media {
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 575px) {
    html body .rs-sx-stats--v2 .rs-sx-stat {
        min-height: 0;
        padding: 18px 16px;
    }

    html body .rs-sx-stats--v2 .rs-sx-stat__num {
        font-size: 26px;
    }

    html body .rs-sx-stats--v2 .rs-sx-stat__label {
        font-size: 13.5px;
    }
}

/* ---------- Why Choose, icon grid (2026-11-06; includes/why-choose.php): the eight reasons on one grid
   of hairlines, all on white; each cell a line icon in a fine square, its number, title and text. A
   cell fills deep navy on hover (icon solid white, text white) with a blue line drawing along its foot.
   Phones: one column, the icon beside the copy. ---------- */
html body .rs-wcx .rs-wcx-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin: clamp(24px, 2.6vw, 36px) 0 0;
    padding: 0;
    border: 1px solid #e1e6f0;
    background: #e1e6f0;
    list-style: none;
}

html body .rs-wcx .rs-wcx-cell {
    position: relative;
    overflow: hidden;
    padding: clamp(24px, 2.4vw, 34px) clamp(20px, 2vw, 28px) clamp(26px, 2.6vw, 36px);
    background: #fff;
    transition: background-color .45s cubic-bezier(.22, 1, .36, 1);
}

html body .rs-wcx .rs-wcx-cell::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #3a5fe0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .5s cubic-bezier(.22, 1, .36, 1);
}

html body .rs-wcx .rs-wcx-cell__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

html body .rs-wcx .rs-wcx-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 1px solid #cdd6ea;
    background: #f4f6fb;
    color: #0b2dbe;
    transition: background-color .45s ease, border-color .45s ease, color .45s ease;
}

html body .rs-wcx .rs-wcx-ico svg {
    width: 24px;
    height: 24px;
}

html body .rs-wcx .rs-wcx-cell__num {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .14em;
    color: #9aa6c2;
    transition: color .45s ease;
}

html body .rs-wcx .rs-wcx-cell__title {
    margin: 0 0 10px;
    font-family: inherit;
    font-size: clamp(17px, 1.25vw, 19px);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.01em;
    color: #0a1230;
    transition: color .45s ease;
}

html body .rs-wcx .rs-wcx-cell__text {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #4a5568;
    transition: color .45s ease;
}

html body .rs-wcx .rs-wcx-cell:hover {
    background: #06124a;
}

html body .rs-wcx .rs-wcx-cell:hover::after {
    transform: scaleX(1);
}

html body .rs-wcx .rs-wcx-cell:hover .rs-wcx-ico {
    border-color: #fff;
    background: #fff;
    color: #06124a;
}

html body .rs-wcx .rs-wcx-cell:hover .rs-wcx-cell__num {
    color: rgba(255, 255, 255, .6);
}

html body .rs-wcx .rs-wcx-cell:hover .rs-wcx-cell__title {
    color: #fff;
}

html body .rs-wcx .rs-wcx-cell:hover .rs-wcx-cell__text {
    color: rgba(255, 255, 255, .74);
}

@media (max-width: 991px) {
    html body .rs-wcx .rs-wcx-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    html body .rs-wcx .rs-wcx-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    html body .rs-wcx .rs-wcx-cell {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        column-gap: 14px;
        padding: 18px 16px;
    }

    html body .rs-wcx .rs-wcx-cell__top {
        grid-row: 1 / 3;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin: 0;
    }

    html body .rs-wcx .rs-wcx-ico {
        width: 44px;
        height: 44px;
    }

    html body .rs-wcx .rs-wcx-cell__title {
        font-size: 16px;
    }

    html body .rs-wcx .rs-wcx-cell__text {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body .rs-wcx .rs-wcx-cell,
    html body .rs-wcx .rs-wcx-cell::after,
    html body .rs-wcx .rs-wcx-ico {
        transition: none;
    }
}

/* Why Choose grid, v2 (2026-11-06): no icon boxes and no dark fill. The icons stand alone, larger and
   finer; pointing at a cell tints it a very light blue, draws a blue line along its top, redraws the
   icon stroke by stroke as it lifts a little, and turns the title blue. */
html body .rs-wcx .rs-wcx-ico {
    width: auto;
    height: auto;
    border: 0;
    background: none;
    color: #0b2dbe;
    transition: transform .5s cubic-bezier(.22, 1, .36, 1);
}

html body .rs-wcx .rs-wcx-ico svg {
    width: 36px;
    height: 36px;
    stroke-width: 1.25;
}

html body .rs-wcx .rs-wcx-cell::after {
    top: 0;
    bottom: auto;
    height: 2px;
    background: #0b2dbe;
}

html body .rs-wcx .rs-wcx-cell:hover {
    background: #f6f8fe;
}

html body .rs-wcx .rs-wcx-cell:hover .rs-wcx-ico {
    border: 0;
    background: none;
    color: #0b2dbe;
    transform: translateY(-3px);
}

html body .rs-wcx .rs-wcx-cell:hover .rs-wcx-ico svg > * {
    animation: rs-wcx-draw 1.1s cubic-bezier(.65, 0, .35, 1) both;
}

@keyframes rs-wcx-draw {
    from {
        stroke-dasharray: 90;
        stroke-dashoffset: 90;
    }

    to {
        stroke-dasharray: 90;
        stroke-dashoffset: 0;
    }
}

html body .rs-wcx .rs-wcx-cell:hover .rs-wcx-cell__num {
    color: #0b2dbe;
}

html body .rs-wcx .rs-wcx-cell:hover .rs-wcx-cell__title {
    color: #0b2dbe;
}

html body .rs-wcx .rs-wcx-cell:hover .rs-wcx-cell__text {
    color: #4a5568;
}

@media (max-width: 575px) {
    html body .rs-wcx .rs-wcx-ico svg {
        width: 30px;
        height: 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body .rs-wcx .rs-wcx-cell:hover .rs-wcx-ico svg > * {
        animation: none;
    }

    html body .rs-wcx .rs-wcx-cell:hover .rs-wcx-ico {
        transform: none;
    }
}

/* intro heading (2026-11-06): the intros are now full sentences, so the heading is set smaller and
   wider, reading as a statement rather than a headline */
.rs-sx-intro__title {
    max-width: 30ch;
    font-size: clamp(22px, 1.9vw, 30px) !important;
    line-height: 1.32 !important;
    letter-spacing: -.012em;
}

@media (max-width: 767px) {
    .rs-sx-intro__title {
        max-width: none;
        font-size: 21px !important;
        line-height: 1.35 !important;
    }
}

/* ==========================================================================
   Sector body, v5 (2026-11-06): one grid, one rhythm, less copy.
   · Every heading row splits into two equal halves with the same gap
     (--sx-gap), so the intro text, the overview statement and the Why
     Choose lead all start on the same line, and the figures band, the
     cards and the reasons share the container's edges.
   · Sections breathe evenly (--sx-pad: 52px, 40px tablets, 32px phones);
     the services sit on a mist band so no two blocks run together.
   · Services: a heading and six white cards (icon, title, one line).
   · Why Choose: heading and lead, eight reasons on a ruled 4 x 2 grid
     (number, title, one line), then the accreditation marks and the
     Book a Valuation button.
   ========================================================================== */
body.rs-sector {
    --sx-pad: 52px;
    --sx-gap: clamp(32px, 4vw, 64px);
    --sx-h2: clamp(24px, 1.9vw, 30px);
}

/* the shared heading size for every section on the page */
html body.rs-sector .rs-sx-intro__title,
html body.rs-sector .rs-sx-about__label,
html body.rs-sector .rs-sx-head__title,
html body.rs-sector .rs-wcx .rs-wcx5__head .rs-wcx-title {
    margin: 0;
    font-family: var(--sx-font);
    font-size: var(--sx-h2) !important;
    font-weight: 500;
    line-height: 1.24;
    letter-spacing: -.015em;
    color: var(--sx-ink);
    text-wrap: balance;
}

/* heading rows: two equal halves, one gap */
html body.rs-sector .rs-sx-intro__grid,
html body.rs-sector .rs-sx-about__grid,
html body.rs-sector .rs-wcx5__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: var(--sx-gap);
    row-gap: 18px;
    align-items: start;
}

html body.rs-sector .rs-sx-intro__title,
html body.rs-sector .rs-sx-about__label {
    max-width: 30ch;
}

html body.rs-sector .rs-sx-intro__text,
html body.rs-sector .rs-sx-about__lead,
html body.rs-sector .rs-wcx5__lead {
    max-width: 600px;
    margin: 0;
    font-size: 16px;
    line-height: 1.68;
    color: var(--sx-ink-500);
}

/* ---- overview and figures: one block ---- */
html body.rs-sector .rs-sx-about--v5 {
    padding-bottom: calc(var(--sx-pad) * .7);
}

html body.rs-sector .rs-sx-about--v5 .rs-sx-about__strong {
    font-weight: inherit;
    color: inherit;
}

html body.rs-sector .rs-sx-stats--v5 {
    padding-top: 0;
}

html body .rs-sx-stats.rs-sx-stats--v5 .rs-sx-stats__wrap {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    max-width: none;
    margin: 0;
    padding: 0;
}

html body .rs-sx-stats--v5 .rs-sx-stat {
    min-height: 150px;
    padding: 28px 28px 28px calc(var(--sx-gap) / 2);
}

/* ---- services ---- */
html body.rs-sector .rs-sx-feat--v5 {
    background: #f5f7fb;
}

.rs-sx-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px 24px;
    margin-bottom: clamp(26px, 2.4vw, 36px);
}

.rs-sx-head__link {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid currentColor;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: var(--sx-brand);
    text-decoration: none;
}

.rs-sx-head__link svg {
    width: 16px;
    height: 16px;
    transition: transform .3s ease;
}

.rs-sx-head__link:hover,
.rs-sx-head__link:focus-visible {
    color: #0a27a3;
}

.rs-sx-head__link:hover svg {
    transform: translateX(3px);
}

.rs-sx-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rs-sx-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 208px;
    padding: 28px 28px 30px;
    border: 1px solid #e3e8f2;
    background: #fff;
    transition: border-color .3s ease, box-shadow .4s ease;
}

.rs-sx-card::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 2px;
    background: var(--sx-brand);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .5s cubic-bezier(.22, 1, .36, 1);
}

.rs-sx-card:hover {
    border-color: #d3dbeb;
    box-shadow: 0 22px 44px -34px rgba(10, 18, 48, .4);
}

.rs-sx-card:hover::before {
    transform: scaleX(1);
}

.rs-sx-card__icon {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    color: var(--sx-brand);
}

.rs-sx-card__title {
    margin: auto 0 8px;
    padding-top: 30px;
    font-family: var(--sx-font) !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -.01em;
    color: var(--sx-ink);
}

.rs-sx-card__text {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--sx-ink-500);
}

/* ---- Why Choose ---- */
html body.rs-sector .rs-wcx {
    background: #fff;
}

html body.rs-sector .rs-wcx5__head {
    align-items: end;
    margin-bottom: clamp(26px, 2.4vw, 36px);
}

html body.rs-sector .rs-wcx5__head .rs-wcx-title span {
    display: inline;
    color: inherit;
}

.rs-wcx5 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--sx-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.rs-wcx5__item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 24px 0 28px;
    border-top: 1px solid #dfe5f0;
}

.rs-wcx5__item::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--sx-brand);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .5s cubic-bezier(.22, 1, .36, 1);
}

.rs-wcx5__item:hover::before {
    transform: scaleX(1);
}

.rs-wcx5__num {
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .04em;
    color: var(--sx-brand);
    font-variant-numeric: tabular-nums;
}

.rs-wcx5__title {
    margin: 14px 0 8px;
    font-family: var(--sx-font) !important;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -.01em;
    color: var(--sx-ink);
}

.rs-wcx5__text {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--sx-ink-500);
}

.rs-wcx5__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    margin-top: 30px;
}

.rs-wcx5__marks {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rs-wcx5__marks li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 108px;
    height: 54px;
    padding: 6px 10px;
    border: 1px solid #e1e6f0;
    background: #fff;
}

.rs-wcx5__marks li:nth-child(2) {
    width: 140px;
}

.rs-wcx5__marks img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 34px;
    object-fit: contain;
}

.rs-wcx5__marks li:last-child img {
    max-height: 44px;
}

.rs-wcx5__cta {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    height: 54px;
    padding: 0 24px;
    background: var(--sx-brand);
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    transition: background-color .25s ease;
}

.rs-wcx5__cta svg {
    width: 18px;
    height: 18px;
    transition: transform .3s ease;
}

.rs-wcx5__cta:hover,
.rs-wcx5__cta:focus-visible {
    background: #0a27a3;
    color: #fff;
}

.rs-wcx5__cta:hover svg {
    transform: translateX(4px);
}

/* ---- tablets ---- */
@media (max-width: 1199px) {
    .rs-wcx5 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rs-sx-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    body.rs-sector {
        --sx-pad: 40px;
    }

    html body.rs-sector .rs-sx-intro__grid,
    html body.rs-sector .rs-sx-about__grid,
    html body.rs-sector .rs-wcx5__head {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    html body .rs-sx-stats.rs-sx-stats--v5 .rs-sx-stats__wrap {
        grid-template-columns: minmax(0, 1fr);
    }

    html body .rs-sx-stats--v5 .rs-sx-stat {
        padding: 22px 20px;
    }
}

/* ---- phones: compact rows ---- */
@media (max-width: 575px) {
    body.rs-sector {
        --sx-pad: 32px;
        --sx-h2: 23px;
    }

    html body.rs-sector .rs-sx-intro__text,
    html body.rs-sector .rs-sx-about__lead,
    html body.rs-sector .rs-wcx5__lead {
        font-size: 15px;
        line-height: 1.62;
    }

    .rs-sx-head {
        flex-direction: column;
        align-items: flex-start;
    }

    html body .rs-sx-stats--v5 .rs-sx-stat {
        min-height: 0;
        padding: 18px 16px;
    }

    html body .rs-sx-stats--v5 .rs-sx-stat__num {
        font-size: 26px;
    }

    html body .rs-sx-stats--v5 .rs-sx-stats__media {
        aspect-ratio: 16 / 8;
    }

    .rs-sx-cards {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .rs-sx-card {
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr);
        column-gap: 16px;
        align-items: start;
        min-height: 0;
        padding: 18px 18px 20px;
    }

    .rs-sx-card__icon {
        grid-row: 1 / span 2;
        width: 24px;
        height: 24px;
        margin-top: 1px;
    }

    .rs-sx-card__title {
        margin: 0 0 4px;
        padding-top: 0;
        font-size: 16.5px;
    }

    .rs-sx-card__text {
        font-size: 14px;
    }

    .rs-wcx5 {
        grid-template-columns: minmax(0, 1fr);
    }

    .rs-wcx5__item {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        align-items: baseline;
        padding: 16px 0 18px;
    }

    .rs-wcx5__num {
        grid-row: 1 / span 2;
    }

    .rs-wcx5__title {
        margin: 0 0 4px;
        font-size: 16px;
    }

    .rs-wcx5__text {
        grid-column: 2;
        font-size: 14px;
    }

    .rs-wcx5__foot {
        margin-top: 22px;
    }

    .rs-wcx5__marks li {
        width: 96px;
        height: 50px;
    }

    .rs-wcx5__marks li:nth-child(2) {
        width: 124px;
    }

    .rs-wcx5__cta {
        width: 100%;
        justify-content: space-between;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rs-sx-card,
    .rs-sx-card::before,
    .rs-wcx5__item::before,
    .rs-wcx5__cta svg {
        transition: none;
    }
}

/* ==========================================================================
   Richer blocks (2026-11-10, first used by Plant & Machinery; includes/sector-page.php):
   · the service pages' "When is it needed?" checklist, process timeline and case studies
     (.rs-sx-frv wraps them in .frv-page for their tokens) on this page's rhythm and heading size;
   · "What Drives Value, Sector by Sector" (.rs-sx-cover): the heading row in two equal halves, then a
     ruled ledger on the same halves (sector and assignment | value drivers), see below.
   ========================================================================== */
html body.rs-sector .rs-sx-frv {
    background: transparent;
    color: var(--sx-ink);
}

html body.rs-sector .rs-sx-frv .frv-section {
    padding-block: var(--sx-pad);
}

html body.rs-sector .rs-sx-frv .frv-mist {
    background: #f5f7fb;
}

html body.rs-sector .rs-sx-frv .frv-display-md,
html body.rs-sector .rs-sx-frv .vpa-csx__title {
    font-family: var(--sx-font) !important;
    font-size: var(--sx-h2) !important;
    font-weight: 500;
    line-height: 1.24;
    letter-spacing: -.015em;
}

html body.rs-sector .rs-sx-frv .frv-when__lead,
html body.rs-sector .rs-sx-frv .frv-why__p,
html body.rs-sector .rs-sx-frv .vpa-csx__lead {
    font-size: 16px;
    line-height: 1.68;
}

/* sector ledger (2026-11-10): a dark top rule, then one row per sector on the page's two halves; the
   sector name in a light large weight with the assignment under it in blue, the value drivers in the
   right half on the line of the leads above. Hover draws a blue rule across the row's top and turns
   the name blue, as on the matrix below. */
.rs-sx-cover {
    padding: var(--sx-pad) 0;
    background: #fff;
}

html body.rs-sector .rs-sx-cover__head,
.rs-sx-cover__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: var(--sx-gap);
}

html body.rs-sector .rs-sx-cover__head {
    row-gap: 14px;
    align-items: start;
    margin-bottom: clamp(30px, 2.8vw, 44px);
}

.rs-sx-cover__lead {
    max-width: 600px;
    margin: 0;
    font-size: 16px;
    line-height: 1.68;
    color: var(--sx-ink-500);
}

.rs-sx-cover__rows {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--sx-ink);
}

.rs-sx-cover__row {
    position: relative;
    row-gap: 8px;
    align-items: start;
    padding: 24px 0 26px;
    border-bottom: 1px solid #dde2ec;
}

.rs-sx-cover__row::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--sx-brand);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .5s cubic-bezier(.22, 1, .36, 1);
}

.rs-sx-cover__row:hover::before {
    transform: scaleX(1);
}

html body.rs-sector .rs-sx-cover__name {
    margin: 0;
    font-family: var(--sx-font) !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -.015em;
    color: var(--sx-ink);
    transition: color .3s ease;
}

.rs-sx-cover__row:hover .rs-sx-cover__name {
    color: var(--sx-brand);
}

.rs-sx-cover__ref {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--sx-brand);
}

.rs-sx-cover__text {
    max-width: 560px;
    margin: 3px 0 0;
    font-size: 16px;
    line-height: 1.6;
    color: var(--sx-ink-500);
}

@media (max-width: 991px) {
    html body.rs-sector .rs-sx-cover__head,
    .rs-sx-cover__row {
        grid-template-columns: minmax(0, 1fr);
    }

    .rs-sx-cover__text {
        margin-top: 4px;
    }
}

@media (max-width: 575px) {
    .rs-sx-cover__lead {
        font-size: 15px;
        line-height: 1.62;
    }

    .rs-sx-cover__row {
        row-gap: 6px;
        padding: 18px 0 20px;
    }

    html body.rs-sector .rs-sx-cover__name {
        font-size: 18.5px;
    }

    .rs-sx-cover__ref {
        margin-top: 5px;
        font-size: 13px;
    }

    .rs-sx-cover__text {
        font-size: 14.5px;
        line-height: 1.55;
    }
}

/* the richer blocks on this page's grid: heading rows and the checklist split into two equal
   halves with the page gap (so their right halves start on the same line as the intro and overview),
   square photo and button corners like the rest of the page, and the timeline on white so it
   stands apart from the mist band of the services above it */
html body.rs-sector .rs-sx-frv .frv-sechead {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: var(--sx-gap);
    row-gap: 18px;
}

html body.rs-sector .rs-sx-frv .frv-sechead > * {
    grid-column: auto;
}

html body.rs-sector .rs-sx-frv .vpa-wfx {
    background: #fff;
}

html body.rs-sector .rs-sx-frv .frv-when__media {
    border-radius: 0;
}

html body.rs-sector .rs-sx-frv .frv-btn {
    height: 54px;
    padding: 0 24px;
    border-radius: 0;
    font-size: 15px;
    gap: 14px;
}

@media (min-width: 1024px) {
    html body.rs-sector .rs-sx-frv .frv-when__grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: var(--sx-gap);
    }
}

@media (max-width: 991px) {
    html body.rs-sector .rs-sx-frv .frv-sechead {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575px) {
    html body.rs-sector .rs-sx-frv .frv-btn {
        width: 100%;
        justify-content: space-between;
    }
}

html body.rs-sector .rs-sx-frv .frv-btn svg {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
}

/* ==========================================================================
   Features as a ruled matrix (.rs-sx-feat--mx, 2026-11-10; $sector['features_style'] = 'matrix',
   first on Plant & Machinery). The service pages' matrix vocabulary (.vpa-mx): one hairline frame
   whose cells share their rules, no gaps, boxes or shadows. Each cell: line icon, title, one line,
   then a reference on a hairline at its foot, so every row of cells ends on one line. Hover: a blue
   rule draws across the top and the title turns blue. With features_lead the heading row splits
   into the page's two halves (heading | lead with the All Services link under it).
   ========================================================================== */
html body.rs-sector .rs-sx-head--split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: var(--sx-gap);
    row-gap: 18px;
    align-items: start;
}

.rs-sx-head__side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}

html body.rs-sector .rs-sx-head__lead {
    max-width: 600px;
    margin: 0;
    font-size: 16px;
    line-height: 1.68;
    color: var(--sx-ink-500);
}

html body .rs-sx-feat--mx .rs-sx-cards {
    gap: 0;
    border-top: 1px solid #dce2ed;
    border-left: 1px solid #dce2ed;
}

html body .rs-sx-feat--mx .rs-sx-card {
    min-height: 0;
    padding: 38px 40px 0;
    border: 0;
    border-right: 1px solid #dce2ed;
    border-bottom: 1px solid #dce2ed;
    background: #fff;
    box-shadow: none;
}

html body .rs-sx-feat--mx .rs-sx-card::before {
    top: 0;
    left: 0;
    right: 0;
}

html body .rs-sx-feat--mx .rs-sx-card:hover {
    border-color: #dce2ed;
    box-shadow: none;
}

html body .rs-sx-feat--mx .rs-sx-card__icon {
    width: 30px;
    height: 30px;
}

html body .rs-sx-feat--mx .rs-sx-card__title {
    margin: 0 0 10px;
    padding-top: 30px;
    font-size: 20px;
    line-height: 1.28;
    transition: color .3s ease;
}

html body .rs-sx-feat--mx .rs-sx-card:hover .rs-sx-card__title {
    color: var(--sx-brand);
}

html body .rs-sx-feat--mx .rs-sx-card__text {
    max-width: 36ch;
    margin: 0 0 32px;
    font-size: 15px;
    line-height: 1.6;
}

.rs-sx-card__ref {
    margin: auto 0 0;
    padding: 17px 0 19px;
    border-top: 1px solid #e6eaf2;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: .005em;
    color: #2a3350;
}

@media (max-width: 991px) {
    html body.rs-sector .rs-sx-head--split {
        grid-template-columns: minmax(0, 1fr);
    }

    html body .rs-sx-feat--mx .rs-sx-card {
        padding: 30px 28px 0;
    }
}

@media (max-width: 575px) {
    html body.rs-sector .rs-sx-head__lead {
        font-size: 15px;
        line-height: 1.62;
    }

    .rs-sx-head__side {
        gap: 14px;
    }

    html body .rs-sx-feat--mx .rs-sx-card {
        padding: 20px 18px 0;
    }

    html body .rs-sx-feat--mx .rs-sx-card__icon {
        width: 24px;
        height: 24px;
    }

    html body .rs-sx-feat--mx .rs-sx-card__title {
        margin: 0 0 4px;
        padding-top: 0;
        font-size: 16.5px;
    }

    html body .rs-sx-feat--mx .rs-sx-card__text {
        margin-bottom: 14px;
        font-size: 14px;
    }

    .rs-sx-feat--mx .rs-sx-card__ref {
        grid-column: 2;
        padding: 11px 0 15px;
        font-size: 13px;
    }
}