/* Shared editorial system for every Knowledge Center detail page. */
.resource-article {
    --re-ink: var(--ek-ink, #273329);
    --re-copy: var(--ek-text, #5e6a60);
    --re-olive: var(--ek-olive, #8aa63a);
    --re-cream: var(--ek-cream, #f3f1e8);
    --re-canvas: var(--ek-soft-cream, #faf9f4);
    --re-sage: var(--ek-olive-cream, #f1f4e7);
    --re-line: var(--ek-border, #d8e0cb);
    background: var(--re-canvas);
}

.resource-reading-progress {
    position: fixed;
    inset: var(--header-height, 82px) auto auto 0;
    z-index: 95;
    width: 0;
    height: 3px;
    background: var(--re-olive);
    pointer-events: none;
}

.resource-article .anchor-hero {
    position: relative;
    display: block !important;
    min-height: clamp(720px, calc(100svh - 82px), 860px) !important;
    padding: 0 !important;
    overflow: hidden;
    background: var(--re-canvas) !important;
}

.resource-article .anchor-hero::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block !important;
    content: "";
    background: linear-gradient(
        90deg,
        rgba(250, 249, 244, .99) 0%,
        rgba(250, 249, 244, .97) 37%,
        rgba(250, 249, 244, .78) 54%,
        rgba(250, 249, 244, .18) 76%,
        rgba(250, 249, 244, .03) 100%
    ) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    pointer-events: none;
}

.resource-article .anchor-hero-grid {
    position: static !important;
    z-index: auto;
    display: block !important;
    min-height: clamp(720px, calc(100svh - 82px), 860px) !important;
}

.resource-article .anchor-hero-copy {
    position: relative;
    z-index: 2;
    display: flex;
    width: min(56vw, 760px);
    min-height: 0 !important;
    max-width: 760px !important;
    padding: clamp(112px, 10vw, 148px) 0 clamp(70px, 8vw, 108px) !important;
    justify-content: center;
}

.resource-article .anchor-hero h1 {
    max-width: 12ch;
    margin-top: 16px;
    font-size: clamp(3.2rem, 5.2vw, 5.6rem) !important;
    line-height: .93 !important;
}

.resource-article .anchor-hero h1 em { color: var(--re-olive) !important; font-style: normal; }
.resource-article .anchor-hero p { max-width: 620px; font-size: clamp(1rem, 1.3vw, 1.18rem) !important; }

.resource-article .anchor-hero-media {
    position: absolute !important;
    z-index: 0 !important;
    inset: 0;
    display: block !important;
    width: 100%;
    height: 100%;
    min-height: 100% !important;
    margin: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.resource-article .anchor-hero-media::after { display: none !important; }

.resource-article .anchor-hero-media img {
    position: relative;
    z-index: 0 !important;
    width: 100%;
    min-height: 100% !important;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.88) contrast(1.02);
}

.resource-orientation {
    padding: clamp(54px, 6vw, 82px) 0;
    border-block: 1px solid var(--re-line);
    background: var(--re-cream);
}

.resource-orientation__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(270px, .42fr);
    gap: clamp(36px, 7vw, 100px);
}

.resource-orientation h2 {
    max-width: 16ch;
    margin: 10px 0 24px;
    color: var(--re-ink);
    font-size: clamp(2rem, 3.7vw, 4rem);
    line-height: 1;
}

.resource-orientation ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--re-line);
}

.resource-orientation li {
    min-height: 98px;
    padding: 18px 20px 12px 0;
    border-bottom: 1px solid var(--re-line);
    color: var(--re-copy);
    line-height: 1.5;
}

.resource-on-page {
    align-self: start;
    border-top: 3px solid var(--re-olive);
}

.resource-on-page button {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border: 0;
    background: transparent;
    color: var(--re-ink);
    font: inherit;
    font-weight: 700;
}

.resource-on-page nav { display: grid; padding: 16px 0 10px; }
.resource-on-page nav a { padding: 8px 0; color: var(--re-copy); font-size: .86rem; text-decoration: none; }
.resource-on-page nav a:hover,
.resource-on-page nav a:focus-visible { color: var(--re-olive); text-decoration: underline; text-underline-offset: 4px; }
.resource-on-page > p { margin: 8px 0 0 !important; color: var(--re-copy); font-size: .78rem !important; font-weight: 700; }

.resource-article > .anchor-layout {
    display: block !important;
    max-width: 1040px;
    padding-block: clamp(72px, 8vw, 116px) !important;
}

.resource-article .anchor-content {
    display: grid;
    gap: clamp(32px, 5vw, 62px) !important;
}

.resource-article .anchor-content > .anchor-section {
    padding: clamp(38px, 5vw, 64px) !important;
    border: 1px solid var(--re-line) !important;
    border-radius: 6px !important;
    background: #fff !important;
}

.resource-article .anchor-content > .anchor-section:nth-child(even) { background: var(--re-sage) !important; }
.resource-article .anchor-section::before { display: none !important; }
.resource-article .anchor-section h2 { max-width: 18ch; font-size: clamp(2.15rem, 4vw, 4.5rem) !important; line-height: .98 !important; }
.resource-article .anchor-section > p,
.resource-article .anchor-section > ul,
.resource-article .anchor-section > ol { max-width: 800px; font-size: clamp(1rem, 1.2vw, 1.12rem) !important; line-height: 1.68 !important; }
.resource-article .anchor-section li + li { margin-top: 10px; }

.resource-article .anchor-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: 28px;
    border-top: 1px solid var(--re-line);
    border-left: 1px solid var(--re-line);
}

.resource-article .anchor-card {
    min-height: 190px;
    padding: 25px !important;
    border: 0 !important;
    border-right: 1px solid var(--re-line) !important;
    border-bottom: 1px solid var(--re-line) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.76) !important;
    box-shadow: none !important;
}

.resource-article .anchor-card span { padding: 0 !important; background: transparent !important; color: var(--re-olive) !important; }
.resource-article .anchor-card h3 { color: var(--re-ink) !important; }

.resource-article--industry-insight .anchor-content { counter-reset: resource-insight; }
.resource-article--industry-insight .anchor-content > .anchor-section {
    counter-increment: resource-insight;
    position: relative;
    padding-left: clamp(74px, 9vw, 130px) !important;
}
.resource-article--industry-insight .anchor-content > .anchor-section::after {
    position: absolute;
    top: 38px;
    left: 28px;
    content: counter(resource-insight, decimal-leading-zero);
    color: var(--re-olive);
    font-size: clamp(2rem, 4vw, 4.4rem);
    font-weight: 500;
    line-height: 1;
}

.resource-calculator {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(300px, 1.1fr);
    gap: clamp(26px, 5vw, 64px);
    margin-top: 30px;
    padding: clamp(28px, 4vw, 48px);
    border: 1px solid var(--re-line);
    border-radius: 6px;
    background: var(--re-sage);
}
.resource-calculator__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.resource-calculator label { display: grid; gap: 7px; color: var(--re-ink); font-size: .8rem; font-weight: 700; }
.resource-calculator input,
.resource-calculator select { min-height: 50px; width: 100%; padding: 0 13px; border: 1px solid var(--re-line); background: #fff; color: var(--re-ink); font: inherit; }
.resource-calculator__result { display: grid; align-content: center; gap: 20px; padding: 28px; background: #fff; border: 1px solid var(--re-line); }
.resource-calculator__result div { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-bottom: 14px; border-bottom: 1px solid var(--re-line); }
.resource-calculator__result strong { color: var(--re-olive); font-size: clamp(2rem, 4vw, 4rem); line-height: 1; }
.resource-calculator__result small { color: var(--re-copy); line-height: 1.5; }

.resource-connection { padding: clamp(68px, 8vw, 110px) 0; background: var(--re-cream); }
.resource-programme {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 36px;
    align-items: end;
    padding-bottom: clamp(52px, 6vw, 78px);
    border-bottom: 1px solid var(--re-line);
}
.resource-programme h2 { margin: 8px 0 12px; color: var(--re-ink); font-size: clamp(2.4rem, 5vw, 5rem); line-height: .96; }
.resource-programme p { max-width: 650px; margin: 0; color: var(--re-copy); }
.resource-related { padding-top: clamp(44px, 5vw, 66px); }
.resource-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 18px; border-top: 1px solid var(--re-line); border-left: 1px solid var(--re-line); }
.resource-related article { min-height: 170px; padding: 24px; border-right: 1px solid var(--re-line); border-bottom: 1px solid var(--re-line); background: rgba(255,255,255,.58); }
.resource-related article span { color: var(--re-olive); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.resource-related article h3 { margin: 12px 0 20px; color: var(--re-ink); font-size: 1.24rem; }
.resource-related article a { color: var(--re-ink); font-weight: 700; text-decoration: none; }
.resource-related article a:hover,
.resource-related article a:focus-visible { color: var(--re-olive); }

.resource-article .anchor-final-cta { padding: clamp(54px, 7vw, 84px) 0 !important; }

@media (max-width: 900px) {
    .resource-article .anchor-hero,
    .resource-article .anchor-hero-grid { min-height: 760px !important; }
    .resource-article .anchor-hero::before {
        background: linear-gradient(
            90deg,
            rgba(250, 249, 244, .98) 0%,
            rgba(250, 249, 244, .94) 58%,
            rgba(250, 249, 244, .48) 100%
        ) !important;
    }
    .resource-article .anchor-hero-copy {
        width: min(78vw, 650px);
        padding: 108px 0 72px !important;
    }
    .resource-orientation__grid,
    .resource-programme { grid-template-columns: 1fr; }
    .resource-on-page button { display: flex; }
    .resource-on-page nav { display: none; }
    .resource-on-page.is-open nav { display: grid; }
    .resource-orientation ul { grid-template-columns: 1fr; }
    .resource-article .anchor-card-grid,
    .resource-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 620px) {
    .resource-article .anchor-hero,
    .resource-article .anchor-hero-grid { min-height: 820px !important; }
    .resource-article .anchor-hero::before {
        background: linear-gradient(
            180deg,
            rgba(250, 249, 244, .98) 0%,
            rgba(250, 249, 244, .94) 63%,
            rgba(250, 249, 244, .52) 100%
        ) !important;
    }
    .resource-article .anchor-hero-copy {
        width: 100%;
        max-width: 100% !important;
        padding: 116px 0 76px !important;
    }
    .resource-article .anchor-hero h1 { font-size: clamp(2.7rem, 12vw, 4.1rem) !important; }
    .resource-article .anchor-hero-media img { object-position: 62% center; }
    .resource-article .anchor-content > .anchor-section { padding: 30px 22px !important; }
    .resource-article--industry-insight .anchor-content > .anchor-section { padding-top: 86px !important; padding-left: 22px !important; }
    .resource-article--industry-insight .anchor-content > .anchor-section::after { top: 24px; left: 22px; }
    .resource-article .anchor-card-grid,
    .resource-related__grid,
    .resource-calculator,
    .resource-calculator__form { grid-template-columns: 1fr !important; }
    .resource-programme .page-actions { align-items: stretch; }
    .resource-programme .page-button { width: 100%; }
}

/* Knowledge Center landing: compact editorial navigation, not a resource wall. */
.knowledge-editorial {
    --ke-ink: var(--ek-ink, #273329);
    --ke-copy: var(--ek-text, #5e6a60);
    --ke-olive: var(--ek-olive, #8aa63a);
    --ke-cream: var(--ek-cream, #f3f1e8);
    --ke-canvas: var(--ek-soft-cream, #faf9f4);
    --ke-sage: var(--ek-olive-cream, #f1f4e7);
    --ke-line: var(--ek-border, #d8e0cb);
    background: var(--ke-canvas);
}

.knowledge-editorial .anchor-hero {
    min-height: 0 !important;
    padding: clamp(102px, 9vw, 138px) 0 clamp(62px, 7vw, 90px) !important;
}

.knowledge-editorial .anchor-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(380px, .9fr) !important;
    min-height: clamp(430px, 43vw, 560px) !important;
    gap: clamp(32px, 6vw, 84px) !important;
}

.knowledge-editorial .anchor-hero-copy { min-height: 0 !important; justify-content: center; }
.knowledge-editorial .anchor-hero h1 { max-width: 10ch; font-size: clamp(3.8rem, 7vw, 7.6rem) !important; line-height: .91 !important; }
.knowledge-editorial .anchor-hero-media,
.knowledge-editorial .anchor-hero-media img { min-height: clamp(410px, 41vw, 560px) !important; }

.knowledge-filter {
    padding: clamp(58px, 7vw, 88px) 0;
    border-block: 1px solid var(--ke-line);
    background: var(--ke-cream);
}

.knowledge-filter__inner {
    display: grid;
    grid-template-columns: minmax(250px, .65fr) minmax(340px, 1.35fr);
    gap: 22px clamp(30px, 5vw, 78px);
    align-items: end;
}

.knowledge-filter h2,
.knowledge-section-head h2 {
    margin: 8px 0 0;
    color: var(--ke-ink);
    font-size: clamp(2rem, 4.2vw, 4.6rem);
    line-height: .96;
}

.knowledge-filter__results { margin: 13px 0 0; color: var(--ke-copy); font-size: .82rem; font-weight: 700; }
.knowledge-filter__search { display: block; }
.knowledge-filter__search input {
    width: 100%;
    min-height: 62px;
    padding: 0 20px;
    border: 1px solid var(--ke-line);
    border-radius: 4px;
    background: #fff;
    color: var(--ke-ink);
    font: inherit;
}

.knowledge-filter__drawer { grid-column: 2; }
.knowledge-filter__drawer summary {
    display: none;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    color: var(--ke-ink);
    font-weight: 700;
    cursor: pointer;
}

.knowledge-filter__controls {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.knowledge-filter__controls label { display: grid !important; gap: 7px; margin: 0 !important; }
.knowledge-filter__controls label > span { color: var(--ke-copy); font-size: .7rem; font-weight: 700; text-transform: uppercase; }
.knowledge-filter__controls select {
    width: 100%;
    min-height: 48px;
    padding: 0 34px 0 12px;
    border: 1px solid var(--ke-line);
    border-radius: 4px;
    background-color: #fff;
    color: var(--ke-ink);
    font: inherit;
    font-size: .78rem;
}

.knowledge-featured,
.knowledge-library,
.knowledge-pathways { padding: clamp(72px, 8vw, 116px) 0; }
.knowledge-library { border-block: 1px solid var(--ke-line); background: #fff; }
.knowledge-pathways { background: var(--ke-sage); }

.knowledge-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr);
    gap: 32px;
    align-items: end;
    margin-bottom: clamp(38px, 5vw, 64px);
}
.knowledge-section-head > p { margin: 0; color: var(--ke-copy); line-height: 1.65; }

.knowledge-featured__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
    gap: 0;
    border: 1px solid var(--ke-line);
}
.knowledge-featured__grid a { color: inherit; text-decoration: none; }
.knowledge-featured__primary {
    display: grid;
    min-height: 410px;
    align-content: end;
    padding: clamp(34px, 5vw, 64px);
    border-right: 1px solid var(--ke-line);
    background: linear-gradient(90deg, rgba(250,249,244,.96), rgba(250,249,244,.82)), url('/assets/images/resources/blog1.jpg') center / cover;
}
.knowledge-featured__primary span,
.knowledge-featured__secondary span { color: var(--ke-olive); font-size: .72rem; font-weight: 800; letter-spacing: .09em; }
.knowledge-featured__primary h3 { max-width: 16ch; margin: 12px 0; color: var(--ke-ink); font-size: clamp(2.2rem, 4.2vw, 4.7rem); line-height: .97; }
.knowledge-featured__primary p { max-width: 600px; color: var(--ke-copy); }
.knowledge-featured__grid b { color: var(--ke-ink); font-size: .84rem; }
.knowledge-featured__primary:hover b,
.knowledge-featured__primary:focus-visible b,
.knowledge-featured__secondary a:hover b,
.knowledge-featured__secondary a:focus-visible b { color: var(--ke-olive); }
.knowledge-featured__secondary { display: grid; grid-template-rows: 1fr 1fr; }
.knowledge-featured__secondary a { display: grid; align-content: end; min-height: 205px; padding: clamp(26px, 4vw, 42px); background: #fff; }
.knowledge-featured__secondary a + a { border-top: 1px solid var(--ke-line); background: var(--ke-sage); }
.knowledge-featured__secondary h3 { margin: 10px 0 20px; color: var(--ke-ink); font-size: clamp(1.35rem, 2.3vw, 2.3rem); line-height: 1.05; }

.knowledge-editorial .knowledge-explorer-tabs {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin: 0 0 34px;
    border: 1px solid var(--ke-line);
    border-right: 0;
}
.knowledge-editorial .knowledge-explorer-tabs button {
    min-height: 72px;
    padding: 14px 12px !important;
    border: 0 !important;
    border-right: 1px solid var(--ke-line) !important;
    border-radius: 0 !important;
    background: var(--ke-canvas) !important;
    color: var(--ke-ink) !important;
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
}
.knowledge-editorial .knowledge-explorer-tabs button[aria-selected="true"] { background: var(--ke-olive) !important; color: #fff !important; }
.knowledge-library__panels { min-height: 420px; }
.knowledge-editorial .knowledge-library .anchor-section {
    padding: clamp(28px, 4vw, 48px) !important;
    border: 1px solid var(--ke-line) !important;
    border-radius: 0 !important;
    background: var(--ke-canvas) !important;
}
.knowledge-editorial .knowledge-library .anchor-section-grid { grid-template-columns: minmax(220px, .36fr) minmax(0, 1fr) !important; gap: clamp(30px, 5vw, 70px) !important; }
.knowledge-editorial .knowledge-library .anchor-section h3 { margin: 0 0 12px; color: var(--ke-ink); font-size: clamp(1.8rem, 3vw, 3.2rem); }
.knowledge-editorial .knowledge-library .anchor-section-grid > div:first-child p { color: var(--ke-copy); }
.knowledge-editorial .knowledge-library .anchor-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; border-top: 1px solid var(--ke-line); border-left: 1px solid var(--ke-line); }
.knowledge-editorial .knowledge-library .anchor-card { min-height: 250px; padding: 25px !important; border: 0 !important; border-right: 1px solid var(--ke-line) !important; border-bottom: 1px solid var(--ke-line) !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; }
.knowledge-filter__empty { margin: 0; padding: 24px; border: 1px solid var(--ke-line); color: var(--ke-copy); }

.knowledge-pathways__group {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
    padding: 24px 0;
    border-top: 1px solid var(--ke-line);
}
.knowledge-pathways__group:last-child { border-bottom: 1px solid var(--ke-line); }
.knowledge-pathways__group > strong { color: var(--ke-ink); }
.knowledge-pathways__group nav { display: flex; flex-wrap: wrap; gap: 10px; }
.knowledge-pathways__group a { padding: 8px 12px; border: 1px solid var(--ke-line); background: rgba(255,255,255,.62); color: var(--ke-ink); font-size: .82rem; font-weight: 700; text-decoration: none; }
.knowledge-pathways__group a:hover,
.knowledge-pathways__group a:focus-visible { border-color: var(--ke-olive); color: var(--ke-olive); }

@media (max-width: 1000px) {
    .knowledge-editorial .anchor-hero-grid,
    .knowledge-filter__inner,
    .knowledge-section-head,
    .knowledge-featured__grid,
    .knowledge-editorial .knowledge-library .anchor-section-grid { grid-template-columns: 1fr !important; }
    .knowledge-filter__drawer { grid-column: 1; }
    .knowledge-featured__primary { border-right: 0; border-bottom: 1px solid var(--ke-line); }
    .knowledge-editorial .knowledge-explorer-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .knowledge-editorial .knowledge-library .anchor-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 700px) {
    .knowledge-editorial .anchor-hero h1 { font-size: clamp(3rem, 15vw, 5rem) !important; }
    .knowledge-editorial .anchor-hero-media,
    .knowledge-editorial .anchor-hero-media img { min-height: 320px !important; }
    .knowledge-filter__drawer summary { display: flex; }
    .knowledge-filter__drawer:not([open]) .knowledge-filter__controls { display: none !important; }
    .knowledge-filter__controls,
    .knowledge-editorial .knowledge-explorer-tabs,
    .knowledge-editorial .knowledge-library .anchor-card-grid { grid-template-columns: 1fr !important; }
    .knowledge-featured__secondary { grid-template-rows: auto; }
    .knowledge-pathways__group { grid-template-columns: 1fr; }
    .knowledge-library__panels { min-height: 0; }
}

/* Resources gateway. */
.resource-gateway {
    --rg-ink: var(--ek-ink, #273329);
    --rg-copy: var(--ek-text, #5e6a60);
    --rg-olive: var(--ek-olive, #8aa63a);
    --rg-cream: var(--ek-cream, #f3f1e8);
    --rg-canvas: var(--ek-soft-cream, #faf9f4);
    --rg-sage: var(--ek-olive-cream, #f1f4e7);
    --rg-line: var(--ek-border, #d8e0cb);
    background: var(--rg-canvas);
}
.resource-gateway .anchor-hero { min-height: 0 !important; padding: clamp(102px, 9vw, 138px) 0 clamp(62px, 7vw, 90px) !important; }
.resource-gateway .anchor-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(380px, .9fr) !important; min-height: clamp(430px, 43vw, 560px) !important; gap: clamp(32px, 6vw, 84px) !important; }
.resource-gateway .anchor-hero-copy { min-height: 0 !important; justify-content: center; }
.resource-gateway .anchor-hero h1 { max-width: 11ch; font-size: clamp(3.6rem, 6.5vw, 7rem) !important; line-height: .92 !important; }
.resource-gateway .anchor-hero-media,
.resource-gateway .anchor-hero-media img { min-height: clamp(410px, 41vw, 560px) !important; }
.resource-gateway__paths,
.resource-gateway__search,
.resource-gateway__control { padding: clamp(72px, 8vw, 116px) 0; }
.resource-gateway__search { border-block: 1px solid var(--rg-line); background: var(--rg-sage); }
.resource-gateway__control { background: #fff; }
.resource-gateway__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--rg-line); border-left: 1px solid var(--rg-line); }
.resource-gateway__grid a { display: grid; min-height: 300px; align-content: end; padding: clamp(25px, 3vw, 38px); border-right: 1px solid var(--rg-line); border-bottom: 1px solid var(--rg-line); background: #fff; color: inherit; text-decoration: none; }
.resource-gateway__grid a:nth-child(even) { background: var(--rg-sage); }
.resource-gateway__grid span { color: var(--rg-olive); font-size: .78rem; font-weight: 800; letter-spacing: .1em; }
.resource-gateway__grid h3 { margin: 16px 0 10px; color: var(--rg-ink); font-size: clamp(1.45rem, 2.5vw, 2.4rem); line-height: 1.05; }
.resource-gateway__grid p { color: var(--rg-copy); line-height: 1.6; }
.resource-gateway__grid b { margin-top: 22px; color: var(--rg-ink); font-size: .82rem; }
.resource-gateway__grid a:hover b,
.resource-gateway__grid a:focus-visible b { color: var(--rg-olive); }
.resource-gateway__search-grid { display: grid; grid-template-columns: minmax(0, .7fr) minmax(360px, 1.3fr); gap: clamp(32px, 7vw, 100px); align-items: end; }
.resource-gateway__search h2 { margin: 8px 0 12px; color: var(--rg-ink); font-size: clamp(2rem, 4vw, 4.4rem); line-height: .97; }
.resource-gateway__search p { margin: 0; color: var(--rg-copy); }
.resource-gateway__search form { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.resource-gateway__search input { min-width: 0; min-height: 58px; padding: 0 18px; border: 1px solid var(--rg-line); border-right: 0; border-radius: 4px 0 0 4px; background: #fff; color: var(--rg-ink); font: inherit; }
.resource-gateway__search .page-button { border-radius: 0 4px 4px 0; }
.resource-gateway__control ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 1px solid var(--rg-line); border-left: 1px solid var(--rg-line); list-style: none; }
.resource-gateway__control li { display: grid; grid-template-columns: auto 1fr; gap: 20px; min-height: 170px; padding: 30px; border-right: 1px solid var(--rg-line); border-bottom: 1px solid var(--rg-line); }
.resource-gateway__control li > span { color: var(--rg-olive); font-weight: 800; }
.resource-gateway__control h3 { margin: 0 0 10px; color: var(--rg-ink); font-size: 1.4rem; }
.resource-gateway__control p { margin: 0; color: var(--rg-copy); line-height: 1.6; }

@media (max-width: 1000px) {
    .resource-gateway .anchor-hero-grid,
    .resource-gateway__search-grid { grid-template-columns: 1fr !important; }
    .resource-gateway__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .resource-gateway .anchor-hero h1 { font-size: clamp(3rem, 14vw, 4.8rem) !important; }
    .resource-gateway .anchor-hero-media,
    .resource-gateway .anchor-hero-media img { min-height: 320px !important; }
    .resource-gateway__grid,
    .resource-gateway__control ol { grid-template-columns: 1fr; }
    .resource-gateway__grid a { min-height: 230px; }
    .resource-gateway__search form { grid-template-columns: 1fr; }
    .resource-gateway__search input { border-right: 1px solid var(--rg-line); border-radius: 4px 4px 0 0; }
    .resource-gateway__search .page-button { width: 100%; border-radius: 0 0 4px 4px; }
}
.resource-article__metadata {
    margin: 0 0 14px;
    color: #52604f;
    font-size: .82rem;
    font-weight: 650;
    line-height: 1.5;
}