/*
 * Everklin authoritative colour system.
 *
 * This late-loaded layer provides the one Olive + Cream visual language for
 * every page family. It intentionally avoids broad section and descendant
 * selectors so local layouts, approved photography, data views and dark bands
 * retain their semantic structure.
 */
:root {
    /* Locked master palette. */
    --ek-olive: #92A944;
    --ek-olive-deep: #92A944;
    --ek-forest: #17212B;
    --ek-cream: #F3F1EB;
    --ek-soft-cream: #F8F7F2;
    --ek-olive-cream: #D9E2B8;
    --ek-white: #FFFFFF;
    --ek-ink: #17212B;
    --ek-text: #4F584B;
    --ek-muted: #6B7366;
    --ek-border: #B7C48A;

    /* Functional dark-surface tokens. */
    --ek-dark-copy: #4F584B;
    --ek-olive-light: #B8C97A;
    --ek-focus-ring: rgba(138, 166, 58, 0.3);

    /* Compatibility aliases consumed by existing component styles. */
    --ek-ivory: var(--ek-cream);
    --ek-sage: var(--ek-olive-cream);
    --ek-slate: var(--ek-muted);
    --everklin-bg-white: var(--ek-white);
    --everklin-bg-cream: var(--ek-cream);
    --everklin-bg-light-green-1: var(--ek-olive-cream);
    --everklin-bg-light-green-2: var(--ek-olive-cream);
    --everklin-bg-olive: var(--ek-olive);
    --everklin-bg-forest: #1E382A;
    --ink: var(--ek-ink);
    --forest: var(--ek-forest);
    --olive: var(--ek-olive);
    --cream: var(--ek-cream);
    --line: var(--ek-border);
    --ch-olive: var(--ek-olive);
    --ch-olive-deep: var(--ek-olive-deep);
    --ch-forest: var(--ek-forest);
    --ch-cream: var(--ek-cream);
    --ch-ink: var(--ek-ink);
    --ch-muted: var(--ek-text);
    --ch-line: var(--ek-border);

    /* Legacy shared aliases retained for existing templates. They resolve to
       the locked system instead of reintroducing a second palette. */
    --ek-dark: var(--ek-forest);
    --ek-deep: var(--ek-forest);
    --ek-gold: var(--ek-olive);
    --ek-green: var(--ek-olive);
    --ek-olive-dark: var(--ek-olive-deep);
    --ek-beige: var(--ek-olive-cream);
    --dark-green: var(--ek-forest);
    --deep-green: var(--ek-forest);
    --emerald: var(--ek-forest);
    --gold: var(--ek-olive);
    --gold-2: var(--ek-olive);
    --leaf-green: var(--ek-olive-light);
    --icon-green: var(--ek-olive);
    --border-green: var(--ek-border);
    --border-gold: var(--ek-border);
    --green-950: var(--ek-forest);
    --green-900: var(--ek-forest);
    --green-800: var(--ek-forest);
    --green-700: var(--ek-olive-deep);
    --green-500: var(--ek-olive);
    --theme-cream: var(--ek-cream);
    --theme-sage: var(--ek-olive-cream);
    --theme-olive: var(--ek-olive);
    --theme-olive-dark: var(--ek-olive-deep);
    --theme-brown: var(--ek-olive);
    --theme-brown-dark: var(--ek-forest);
    --theme-ink: var(--ek-ink);
    --everklin-cream: var(--ek-cream);
    --everklin-sage: var(--ek-olive-cream);
    --everklin-olive: var(--ek-olive);
    --everklin-light-olive: var(--ek-olive-light);
    --everklin-brown: var(--ek-olive-deep);
    --everklin-ink: var(--ek-ink);
    --ekd-olive-900: var(--ek-forest);
    --ekd-olive-800: var(--ek-forest);
    --ekd-olive-700: var(--ek-olive-deep);
    --ekd-olive-600: var(--ek-olive-deep);
    --ekd-olive-500: var(--ek-olive);
    --ekd-olive-400: var(--ek-olive-light);
    --ekd-olive-300: var(--ek-olive-light);
    --ekd-olive-200: var(--ek-olive-cream);
    --ekd-olive-100: var(--ek-olive-cream);
    --ekd-cream-100: var(--ek-soft-cream);
    --ekd-white: var(--ek-white);
    --ekd-ink: var(--ek-ink);
    --ekd-heading: var(--ek-ink);
    --ekd-text: var(--ek-text);
    --ekd-muted: var(--ek-muted);
    --ekd-line: var(--ek-border);
    --ekd-water: var(--ek-olive);
    --ekd-steam: var(--ek-olive-deep);
}

html {
    background: var(--ek-cream);
}

body,
.everklin-transformed {
    background: var(--ek-cream);
    color: var(--ek-text);
}

.everklin-transformed main {
    background: transparent;
}

::selection {
    background: var(--ek-olive);
    color: var(--ek-ink);
}

/* Existing family variables now inherit one shared Everklin brand accent. */
.wsp-page,
.wtfl-page,
.wip-page {
    --wsp-olive: var(--ek-olive);
    --wtfl-olive: var(--ek-olive);
    --wip-olive: var(--ek-olive);
    --wsp-ink: var(--ek-ink);
    --wsp-cream: var(--ek-cream);
}

.brewery-page,
.ft-page,
.fpp-page {
    --brew-olive: var(--ek-olive);
    --ft-olive: var(--ek-olive);
    --fpp-olive: var(--ek-olive);
}

.iic-solution,
.iic-flagship,
.mnc-category-page {
    --iic-olive: var(--ek-olive);
    --iic-accent: var(--ek-olive);
    --iic-ink: var(--ek-ink);
    --iic-muted: var(--ek-text);
    --iic-line: var(--ek-border);
}

/* Route systems continue to own their layouts but inherit the same semantic
   palette across shared controls without touching technical information. */
.shared-solution-page {
    background: var(--ek-cream) !important;
    color: var(--ek-text);
}

.sp-page {
    --sp-forest: var(--ek-forest);
    --sp-ink: var(--ek-ink);
    --sp-muted: var(--ek-text);
    --sp-olive: var(--ek-olive);
    --sp-olive-dark: var(--ek-forest);
    --sp-light: var(--ek-olive-light);
    --sp-cream: var(--ek-cream);
    --sp-water: var(--ek-olive);
    --sp-heat: var(--ek-olive-deep);
    background: var(--ek-cream) !important;
}

.sp-page .sp-hero::after {
    background: radial-gradient(circle at 72% 18%, rgba(163, 188, 87, .24), transparent 30%),
        radial-gradient(circle at 68% 68%, rgba(138, 166, 58, .2), transparent 24%) !important;
}

.sp-page :where(a, button, summary):focus-visible {
    outline-color: var(--ek-olive) !important;
}

.wsp-page {
    --wsp-olive: var(--ek-olive);
    --wsp-deep: var(--ek-forest);
    --wsp-ink: var(--ek-ink);
    --wsp-cream: var(--ek-cream);
    --wsp-line: var(--ek-border);
}

.wsp-gauge--amber > span,
.wsp-gauge--water > span {
    border-left-color: var(--ek-olive) !important;
    border-top-color: var(--ek-olive-light) !important;
}

.wip-page {
    --wip-ink: var(--ek-ink);
    --wip-body: var(--ek-text);
    --wip-olive: var(--ek-olive);
    --wip-olive-dark: var(--ek-olive-deep);
    --wip-mist: var(--ek-olive-cream);
    --wip-line: var(--ek-border);
    background: var(--ek-cream) !important;
}

.wtfl-page {
    --wtfl-white: var(--ek-white);
    --wtfl-cream: var(--ek-cream);
    --wtfl-pale: var(--ek-olive-cream);
    --wtfl-soft: var(--ek-olive-cream);
    --wtfl-olive: var(--ek-olive);
    --wtfl-ink: var(--ek-ink);
    --wtfl-muted: var(--ek-text);
    background: var(--ek-cream) !important;
}

.resources-flagship,
.resource-system {
    --rf-ink: var(--ek-ink);
    --rf-olive: var(--ek-olive);
    --rf-deep: var(--ek-forest);
    --rf-sage: var(--ek-olive-cream);
    --rf-line: var(--ek-border);
    --resource-olive: var(--ek-olive);
    --resource-olive-dark: var(--ek-olive-deep);
    --resource-forest: var(--ek-forest);
    --resource-sage: var(--ek-olive-cream);
    --resource-cream: var(--ek-cream);
    --resource-border: var(--ek-border);
    --resource-text: var(--ek-text);
}

.sustainability-flagship,
.sustainability-nova {
    --sf-ink: var(--ek-ink);
    --sf-olive: var(--ek-olive);
    --sf-deep-olive: var(--ek-forest);
    --sf-sage: var(--ek-olive-cream);
    --sf-cream: var(--ek-cream);
    --sf-line: var(--ek-border);
    --sn-ink: var(--ek-ink);
    --sn-olive: var(--ek-olive);
    --sn-olive-dark: var(--ek-forest);
    --sn-sage: var(--ek-olive-cream);
    --sn-cream: var(--ek-cream);
    --sn-line: var(--ek-border);
}

.company-information-flagship,
.contact-information-flagship {
    --ci-ink: var(--ek-ink);
    --ci-olive: var(--ek-olive);
    --ci-deep: var(--ek-forest);
    --ci-line: var(--ek-border);
}

.contact-ultra {
    --contact-ink: var(--ek-ink);
    --contact-copy: var(--ek-text);
    --contact-olive: var(--ek-olive);
    --contact-olive-dark: var(--ek-forest);
    --contact-pale: var(--ek-olive-cream);
    --contact-cream: var(--ek-cream);
    --contact-line: var(--ek-border);
    background: var(--ek-cream) !important;
}

.industry-detail-page,
.enterprise-hub-page {
    --industry-ink: var(--ek-ink);
    --industry-copy: var(--ek-text);
    --industry-olive: var(--ek-olive);
    --industry-olive-dark: var(--ek-olive-deep);
    --industry-mist: var(--ek-olive-cream);
    --industry-cream: var(--ek-cream);
    --industry-border: var(--ek-border);
}

.iic-reference-page {
    --iic-ref-ink: var(--ek-ink);
    --iic-ref-olive: var(--ek-olive);
    --iic-ref-olive-deep: var(--ek-olive-deep);
    --iic-ref-mist: var(--ek-olive-cream);
    --iic-ref-cream: var(--ek-cream);
    --iic-ref-line: var(--ek-border);
    --iic-ref-white: var(--ek-white);
}

.iic-flagship,
.iic-solution,
.mnc-category-page {
    --iic-ink: var(--ek-ink);
    --iic-olive: var(--ek-olive);
    --iic-soft: var(--ek-olive-cream);
    --iic-cream: var(--ek-cream);
    --iic-line: var(--ek-border);
    --iic-mist: var(--ek-olive-cream);
}

.industrial-institutional-flagship {
    --ii-ink: var(--ek-ink);
    --ii-olive: var(--ek-olive);
    --ii-olive-deep: var(--ek-olive-deep);
    --ii-cream: var(--ek-cream);
    --ii-line: var(--ek-border);
}

.room-care-flagship,
.room-hub {
    --room-forest: var(--ek-forest);
    --room-olive: var(--ek-olive);
    --room-olive-soft: var(--ek-olive-cream);
    --room-cream: var(--ek-cream);
    --room-warm: var(--ek-soft-cream);
    --room-line: var(--ek-border);
    --room-ink: var(--ek-ink);
    --room-muted: var(--ek-text);
    --room-copper: var(--ek-olive-deep);
}

.approval-sample {
    --sample-ink: var(--ek-ink);
    --sample-copy: var(--ek-text);
    --sample-accent: var(--ek-olive);
    --sample-accent-deep: var(--ek-olive-deep);
    --sample-line: var(--ek-border);
    --sample-cream: var(--ek-cream);
    --sample-pale: var(--ek-olive-cream);
    --sample-white: var(--ek-white);
}

.th-home {
    --th-ink: var(--ek-ink);
    --th-forest: var(--ek-forest);
    --th-olive: var(--ek-olive);
    --th-olive-light: var(--ek-olive-light);
    --th-cream: var(--ek-cream);
    --th-stone: var(--ek-olive-cream);
    --th-line: var(--ek-border);
}

/* Flagship process templates power Water, Food and Solar. Their process
   diagrams stay functional, while the surrounding interface is one neutral
   Everklin system. */
.fpp-page {
    --fpp-ink: var(--ek-ink);
    --fpp-muted: var(--ek-text);
    --fpp-olive: var(--ek-olive);
    --fpp-pale: var(--ek-olive-cream);
    --fpp-pale-soft: var(--ek-soft-cream);
    --fpp-cream: var(--ek-cream);
    --fpp-line: var(--ek-border);
    background: var(--ek-white);
    color: var(--ek-ink);
}

.fpp-page :where(.fpp-hero__media img, .fpp-page--food-beverage .fpp-hero__media img, .fpp-page--solar .fpp-hero__media img) {
    filter: none !important;
}

.fpp-page .page-button {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

.fpp-page .page-button:is(:hover, :focus-visible) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

.fpp-page .page-button-secondary {
    background: var(--ek-white) !important;
    border-color: var(--ek-olive-deep) !important;
    color: var(--ek-forest) !important;
}

.fpp-page :where(.fpp-tabs, .fpp-tabs button, .fpp-panel, .fpp-system-navigation, .fpp-diagram--image) {
    border-color: var(--ek-border);
}

.fpp-page :where(.fpp-tabs button, .fpp-panel, .fpp-system-navigation, .fpp-diagram--image) {
    background-color: var(--ek-white);
}

.fpp-page .fpp-tabs button:is(:hover, :focus-visible, .is-active) {
    background: var(--ek-olive-cream) !important;
    border-bottom-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

.fpp-page .fpp-tabs button span,
.fpp-page :where(.fpp-stage__marker, .fpp-system-card__order, .fpp-system-card__label) {
    color: var(--ek-forest) !important;
}

.fpp-page .fpp-cta__inner {
    background: var(--ek-olive-cream) !important;
    border-color: var(--ek-border) !important;
}

.fpp-page .fpp-cta .fpp-eyebrow {
    color: var(--ek-olive-light) !important;
}

/* Product hubs keep their existing content and tabs, with the same neutral
   card and active-state palette used across the rest of the website. */
.fph-category-tabs,
.fph-detail-shell,
.fph-selector,
.fph-table-wrap {
    border-color: var(--ek-border) !important;
}

.fph-category-tabs,
.fph-detail-shell,
.fph-selector,
.fph-table-wrap,
.fph-product-card,
.fph-product-summary__top figure,
.fph-documents a {
    background: var(--ek-white) !important;
}

.fph-category-tabs button:is(:hover, :focus-visible, .is-active, [aria-selected="true"]),
.fph-product-card:is(:hover, :focus-visible, .is-active),
.fph-documents a:is(:hover, :focus-visible) {
    background: var(--ek-olive-cream) !important;
}

.fph-category-tabs button[aria-selected="true"] {
    box-shadow: inset 0 -3px 0 var(--ek-olive) !important;
}

/* Shared form system. Scope stays inside content forms so header and search
   controls preserve their component-specific size and interaction patterns. */
main form :where(
    input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    select,
    textarea
) {
    background: var(--ek-white) !important;
    border-color: var(--ek-border) !important;
    color: var(--ek-ink) !important;
}

main form :where(label, legend) {
    color: var(--ek-ink) !important;
}

main form :where(input, select, textarea):focus-visible {
    border-color: var(--ek-olive) !important;
    box-shadow: 0 0 0 3px var(--ek-focus-ring) !important;
    outline: 0;
}

main form :where(input, textarea)::placeholder {
    color: var(--ek-muted) !important;
    opacity: 1;
}

main form :where(input[type="checkbox"], input[type="radio"]) {
    accent-color: var(--ek-olive);
}

/* Neutral, high-readability specification and comparison data. */
main table {
    border-color: var(--ek-border);
    color: var(--ek-text);
}

main :where(th, thead td) {
    background: var(--ek-olive-cream);
    color: var(--ek-ink);
    border-color: var(--ek-border);
}

main :where(td, tbody th) {
    background: var(--ek-white);
    border-color: var(--ek-border);
}

main tbody tr:nth-child(even) td {
    background: var(--ek-soft-cream);
}

/* Global CTA language: Forest keeps compact white-label actions AA-readable;
   Everklin Olive is the high-contrast hover and supporting action accent. */
:where(
    .corp-btn--olive,
    .footer-support__primary,
    .solutions-button--olive,
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .brewery-button--primary,
    .wsp-hero .page-button--primary,
    .fpp-page .page-button--primary
) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

:where(
    .corp-btn--olive,
    .footer-support__primary,
    .solutions-button--olive,
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .brewery-button--primary,
    .wsp-hero .page-button--primary,
    .fpp-page .page-button--primary
):is(:hover, :focus-visible) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

:where(.corp-btn--outline, .page-button--outline, .page-button--secondary) {
    border-color: var(--ek-olive-deep) !important;
    color: var(--ek-forest) !important;
}

:where(.corp-btn--outline, .page-button--outline, .page-button--secondary):is(:hover, :focus-visible) {
    background: var(--ek-olive-cream) !important;
    border-color: var(--ek-olive-deep) !important;
    color: var(--ek-forest) !important;
}

/* Component-specific CTA rules match the global action language even where a
   legacy page family supplied a more specific local button declaration. */
:is(
    .resources-flagship,
    .sustainability-flagship,
    .company-information-flagship,
    .contact-information-flagship,
    .universal-product-page,
    .product-page
) .page-button:not(.page-button-secondary):not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
.contact-button--primary,
.iic-button:not(.iic-button--outline),
.sn-button:not(.sn-button--quiet):not(.sn-button--light):not(.sn-button--line),
.th-button--primary {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

:is(
    .resources-flagship,
    .sustainability-flagship,
    .company-information-flagship,
    .contact-information-flagship,
    .universal-product-page,
    .product-page
) .page-button:not(.page-button-secondary):not(.page-button--secondary):not(.page-button--outline):not(.page-button--light):is(:hover, :focus-visible),
.contact-button--primary:is(:hover, :focus-visible),
.iic-button:not(.iic-button--outline):is(:hover, :focus-visible),
.sn-button:not(.sn-button--quiet):not(.sn-button--light):not(.sn-button--line):is(:hover, :focus-visible),
.th-button--primary:is(:hover, :focus-visible) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

/* A dark image/CTA surface needs a light-background action or an olive action
   with dark copy; Forest-on-Forest is intentionally never used. */
:is(.sp-hero, .th-hero, .th-final-cta, .sn-final) :is(.sp-button:not(.sp-button--ghost):not(.sp-button--light), .sp-text-link, .th-button--primary, .sn-button:not(.sn-button--light):not(.sn-button--line)) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

:is(.sp-hero, .th-hero, .th-final-cta, .sn-final) :is(.sp-button:not(.sp-button--ghost):not(.sp-button--light), .sp-text-link, .th-button--primary, .sn-button:not(.sn-button--light):not(.sn-button--line)):is(:hover, :focus-visible) {
    background: var(--ek-olive-light) !important;
    border-color: var(--ek-olive-light) !important;
    color: var(--ek-forest) !important;
}

:is(.iic-solution .iic-close, .iic-room-close) .iic-button:not(.iic-button--outline) {
    background: var(--ek-white) !important;
    border-color: var(--ek-white) !important;
    color: var(--ek-forest) !important;
}

:is(.iic-solution .iic-close, .iic-room-close) .iic-button:not(.iic-button--outline):is(:hover, :focus-visible) {
    background: var(--ek-olive-cream) !important;
    border-color: var(--ek-olive-cream) !important;
    color: var(--ek-forest) !important;
}

/* I&I's existing rich process surfaces use the same Forest treatment as other
   dark brand sections; cards and imagery remain unchanged. */
.iic-flagship :is(.iic-environments, .iic-product-review) {
    background: var(--ek-olive-cream) !important;
    color: var(--ek-ink) !important;
}

.iic-flagship :is(.iic-environments, .iic-product-review) :where(h1, h2, h3, h4, strong) {
    color: var(--ek-ink) !important;
}

.iic-flagship :is(.iic-environments, .iic-product-review) :where(p, li, small) {
    color: var(--ek-text) !important;
}

.iic-flagship :is(.iic-environments, .iic-product-review) .iic-kicker,
.iic-flagship :is(.iic-environments, .iic-product-review) :where(.iic-environments__list span, .iic-environments__list b) {
    color: var(--ek-olive-light) !important;
}

/* The oldest shared utilities used a gold/brown naming scheme. They remain
   present for backwards compatibility but now render with the one olive-led
   system wherever those components are still used. */
:where(
    .hero .eyebrow,
    .solutions-promo-card h3 span,
    .trust-icon.gold,
    .everklin-trust .trust-icon.gold,
    .compliance-grid .strip-item:nth-child(3) .line-icon,
    .strip-item:nth-child(even) .line-icon,
    .stat-item:nth-child(even) .line-icon,
    .solution-mini-card > span:not(.solution-line-icon),
    .solutions-sub-list a.is-active,
    .mega-product-item b,
    .solutions-main-link b,
    .solutions-sub-list a b
) {
    color: var(--ek-olive) !important;
}

:where(.hero .btn-gold, .solutions-promo-card > a) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

:where(.hero .btn-gold, .solutions-promo-card > a):is(:hover, :focus-visible) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

.site-header .nav-link.active,
.site-header .menu-item.active > a {
    color: var(--ek-forest) !important;
}

/* Neutral page rhythm. The selectors name existing bands only; no universal
   section background is used because image-led and dark sections are semantic. */
:where(
    .company-page,
    .resources-page,
    .contact-page,
    .sustainability-page,
    .solutions-flagship,
    .industry-flagship,
    .corp-purpose,
    .corp-impact,
    .iic-solution .iic-category-map,
    .wsp-architecture,
    .th-intro,
    .th-sustainability,
    .th-knowledge,
    .flagship-journey .anchor-section,
    .iic-room-portfolio,
    .iic-room-facility
) {
    background-color: var(--ek-cream);
}

:where(
    .iic-programme-intro,
    .iic-method,
    .iic-area-selector,
    .iic-solution .iic-environments,
    .corp-businesses,
    .corp-innovation,
    .corp-trust,
    .th-industries,
    .th-trust,
    .wsp-explorer,
    .wsp-control,
    .brewery-close,
    .flagship-journey .anchor-section:nth-child(even),
    .sustainability-page .section-soft,
    .resource-library,
    .download-request-page,
    .iic-room-tasks
) {
    background-color: var(--ek-olive-cream);
}

/* Homepage business identity comes from photography and content. Each card
   shares the single Everklin olive rule rather than a rainbow category theme. */
.corp-business {
    box-shadow: inset 3px 0 0 var(--ek-olive);
}

.corp-business::after,
.solutions-hero::after,
.solutions-family-card__veil,
.corp-impact__tiles a::after,
.sn-theme__visual::after {
    background: linear-gradient(180deg, rgba(238, 241, 222, 0.04) 0%, rgba(238, 241, 222, 0.88) 100%) !important;
}

.corp-business__metrics {
    background: rgba(238, 241, 222, 0.94) !important;
}

/* Homepage commitment keeps its own dark corporate surface. Content controls height. */
.everklin-transformed .corp-home > .corp-commitment {
    background: var(--everklin-bg-forest) !important;
    background-image: none !important;
    color: #fff !important;
    height: auto !important;
    min-height: 0 !important;
}

.everklin-transformed .corp-home > .corp-commitment :where(h1, h2, h3, h4, strong) {
    color: #fff !important;
}

.everklin-transformed .corp-home > .corp-commitment :where(p, li) {
    color: rgba(255, 255, 255, .86) !important;
}

.everklin-transformed .corp-home > .corp-commitment :where(.corp-kicker, .corp-commitment__grid > article > span) {
    color: var(--ek-olive-light) !important;
}

.everklin-transformed .corp-home > .corp-commitment .corp-commitment__grid {
    border-color: rgba(255, 255, 255, .42) !important;
}

.everklin-transformed .corp-home > .corp-commitment .corp-commitment__grid > article {
    border-color: rgba(255, 255, 255, .42) !important;
    background: transparent !important;
}

/* Named credibility, process and closing bands share the light olive surface. */
:where(
    .site-footer,
    .footer-cta,
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review
) {
    background-color: var(--ek-olive-cream) !important;
    color: var(--ek-ink) !important;
}

:where(
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review
) :where(h1, h2, h3, h4, h5, h6, strong, dt) {
    color: var(--ek-white) !important;
}

:where(
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review
) :where(p, li, small, dd) {
    color: var(--ek-dark-copy) !important;
}

:where(
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review
) :where(.corp-kicker, .section-kicker, .inner-kicker, .sn-kicker, .iic-kicker, .eyebrow, .kicker) {
    color: var(--ek-olive-light) !important;
}

@media (max-width: 720px) {
    .corp-commitment {
        min-height: 0 !important;
    }
}