/* ==========================================================================
   Insure With Sajad — Premium Brand Stylesheet
   Phase 1: Homepage foundation. Future Phase 2: CMS-driven page variants.
   ========================================================================== */

/* --------------------------------------------------------------------------
   CSS Variables
   -------------------------------------------------------------------------- */
:root {
    /* Colors */
    --color-navy-900: #071525;
    --color-navy-800: #0c2340;
    --color-navy-700: #143660;
    --color-navy-600: #1e4976;
    --color-navy-500: #2a5f96;

    --color-gold-500: #c9a227;
    --color-gold-400: #d4b44a;
    --color-gold-300: #e8cc7a;
    --color-gold-glow: rgba(201, 162, 39, 0.25);

    --color-white: #ffffff;
    --color-grey-50: #f7f9fc;
    --color-grey-100: #eef2f7;
    --color-grey-200: #dde4ed;
    --color-grey-300: #c5ced9;
    /* grey-500 darkened for supporting text ≥ ~4.5:1 on white (FULL-A11Y-CONTRAST-S1) */
    --color-grey-500: #556677;
    --color-grey-600: #4f6073;
    --color-grey-700: #3d4f63;
    --color-grey-900: #1a2636;

    /* Section surface rhythm (navy / gold system — subtle only) */
    --surface-page: var(--color-white);
    --surface-muted: #f4f6f8;
    --surface-warm: #f8f5ec;
    --surface-navy-soft: #eef2f7;
    --surface-muted-wash: linear-gradient(180deg, var(--surface-muted) 0%, rgba(255, 255, 255, 0.88) 100%);
    --surface-warm-wash: linear-gradient(180deg, #f9f6ee 0%, var(--surface-warm) 55%, #f7f4eb 100%);
    --surface-navy-wash: linear-gradient(180deg, #f0f4f9 0%, var(--surface-navy-soft) 100%);

    /* Typography */
    --font-heading: 'Plus Jakarta Sans', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;

    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --space-4xl: 6rem;

    /* Layout */
    --container-max: 1200px;
    --header-height: 84px;
    --announcement-height: 40px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 28px;

    /* Effects */
    --shadow-sm: 0 2px 8px rgba(7, 21, 37, 0.06);
    --shadow-md: 0 8px 30px rgba(7, 21, 37, 0.08);
    --shadow-lg: 0 20px 60px rgba(7, 21, 37, 0.12);
    --shadow-gold: 0 8px 32px rgba(201, 162, 39, 0.2);
    --shadow-premium: 0 4px 24px rgba(7, 21, 37, 0.06), 0 12px 48px rgba(7, 21, 37, 0.08);
    --shadow-card-hover: 0 8px 32px rgba(7, 21, 37, 0.1), 0 20px 56px rgba(7, 21, 37, 0.08);

    --gradient-navy: linear-gradient(135deg, var(--color-navy-900) 0%, var(--color-navy-700) 50%, var(--color-navy-600) 100%);
    --gradient-hero: linear-gradient(145deg, #05101c 0%, #0c2340 35%, #143660 70%, #1a4a7a 100%);
    --gradient-gold: linear-gradient(135deg, var(--color-gold-500) 0%, var(--color-gold-400) 100%);
    --gradient-light: linear-gradient(180deg, var(--color-grey-50) 0%, var(--color-white) 100%);
    --gradient-insight-1: linear-gradient(135deg, #0c2340 0%, #1e4976 55%, #2a5f96 100%);
    --gradient-insight-2: linear-gradient(135deg, #071525 0%, #143660 50%, #1e4976 100%);
    --gradient-insight-3: linear-gradient(135deg, #143660 0%, #0c2340 40%, #1a4a7a 100%);

    --transition: 0.25s ease;
}

/* --------------------------------------------------------------------------
   Reset & Base
   -------------------------------------------------------------------------- */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    overflow-x: clip;
}

body {
    font-family: var(--font-body);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--color-grey-700);
    background-color: var(--surface-page);
    -webkit-font-smoothing: antialiased;
    overflow-x: clip;
    min-width: 0;
}

body.nav-open {
    overflow: hidden;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: var(--color-navy-600);
    text-decoration: none;
    transition: color var(--transition);
}

a:hover {
    color: var(--color-gold-500);
}

ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--color-navy-900);
    line-height: 1.25;
    font-weight: 700;
}

h1, h2 {
    text-wrap: balance;
}

h1 { font-size: clamp(2rem, 4.5vw, 3.25rem); }
h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); }
h3 { font-size: clamp(1.125rem, 2vw, 1.375rem); }

p { margin-bottom: var(--space-md); }
p:last-child { margin-bottom: 0; }

/* --------------------------------------------------------------------------
   Layout Utilities
   -------------------------------------------------------------------------- */
.container {
    width: 100%;
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: var(--space-lg);
    min-width: 0;
}

.section {
    padding-block: var(--space-4xl);
    background: var(--surface-page);
}

.section--compact-top {
    padding-top: 0;
}

.section--grey,
.section--alt {
    background: var(--surface-muted);
}

.section--warm {
    background: var(--surface-warm-wash);
}

.section--navy-soft {
    background: var(--surface-navy-wash);
}

.section--navy {
    background: var(--gradient-navy);
    color: var(--color-white);
}

.section--navy h2,
.section--navy h3 {
    color: var(--color-white);
}

.section__header {
    text-align: center;
    max-width: none;
    margin-inline: auto;
    margin-bottom: var(--space-3xl);
}

.section__label {
    display: inline-block;
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-gold-500);
    margin-bottom: var(--space-sm);
}

.section__title {
    margin-bottom: var(--space-md);
}

.section__subtitle {
    font-size: 1.0625rem;
    color: var(--color-grey-600);
    max-width: 640px;
    margin-inline: auto;
    line-height: 1.75;
}

.section--navy .section__subtitle {
    color: rgba(255, 255, 255, 0.75);
}

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1;
    padding: 0.875rem 1.75rem;
    border-radius: var(--radius-sm);
    border: 2px solid transparent;
    cursor: pointer;
    transition:
        background-color var(--transition),
        color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
    white-space: nowrap;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.btn--sm {
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
}

.btn--lg {
    padding: 1rem 2rem;
    font-size: 1rem;
}

.btn--primary {
    background: var(--gradient-gold);
    color: var(--color-navy-900);
    border-color: var(--color-gold-500);
    box-shadow: var(--shadow-gold);
}

.btn--primary:hover {
    background: var(--color-gold-400);
    color: var(--color-navy-900);
    transform: translateY(-2px);
    box-shadow: 0 12px 36px rgba(201, 162, 39, 0.35);
}

.btn--outline {
    background: transparent;
    color: var(--color-white);
    border-color: rgba(255, 255, 255, 0.4);
}

.btn--outline:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--color-white);
    color: var(--color-white);
}

.btn--outline-dark {
    background: transparent;
    color: var(--color-navy-700);
    border-color: var(--color-grey-200);
}

.btn--outline-dark:hover {
    border-color: var(--color-navy-600);
    color: var(--color-navy-600);
    background: var(--color-grey-50);
}

.btn--gold {
    background: var(--gradient-gold);
    color: var(--color-navy-900);
}

.btn--gold:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-gold);
    color: var(--color-navy-900);
}

.btn--whatsapp {
    background: #25d366;
    color: var(--color-white);
    border-color: #25d366;
}

.btn--whatsapp:hover {
    background: #1ebe57;
    color: var(--color-white);
    transform: translateY(-2px);
}

.btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
}

/* --------------------------------------------------------------------------
   Cards
   -------------------------------------------------------------------------- */
.card {
    background: var(--color-white);
    border-radius: var(--radius-lg);
    padding: var(--space-xl);
    box-shadow: var(--shadow-md);
    border: 1px solid var(--color-grey-100);
    transition: transform var(--transition), box-shadow var(--transition);
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

/* Decorative / non-interactive: no lift affordance (experience, quiet panels) */
.card.card--quiet {
    box-shadow: none;
    border-color: var(--color-grey-100);
    transition: border-color var(--transition), background-color var(--transition);
}

.card.card--quiet:hover {
    transform: none;
    box-shadow: none;
    border-color: rgba(12, 35, 64, 0.12);
}

/* Non-link tiles: light accent only — no lift (reserve lift for <a class="card">) */
.tile--static {
    transition:
        border-color var(--transition),
        background-color var(--transition),
        color var(--transition);
}

.tile--static:hover {
    transform: none;
    box-shadow: none;
}

.card.card--quiet::before {
    height: 2px;
    opacity: 0.4;
}

/* Dense linked grids: soft rest, clear but lighter hover (6-up hubs) */
.card.card--soft {
    box-shadow: none;
    border-color: var(--color-grey-100);
}

.card.card--soft:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.card.card--soft::before {
    height: 2px;
    opacity: 0.55;
}

.card.card--soft::after {
    opacity: 0.55;
}

.card__icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, rgba(20, 54, 96, 0.08) 0%, rgba(201, 162, 39, 0.12) 100%);
    color: var(--color-navy-700);
    font-size: 1.5rem;
    margin-bottom: var(--space-lg);
}

.card__title {
    margin-bottom: var(--space-sm);
}

.card__text {
    font-size: 0.96875rem;
    color: var(--color-grey-500);
    margin-bottom: var(--space-md);
    line-height: 1.7;
}

.card__link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--color-navy-600);
    padding: 0.35rem 0;
    border-bottom: 1px solid transparent;
    transition: color var(--transition), border-color var(--transition), gap var(--transition);
}

.card__link:hover {
    color: var(--color-gold-500);
    border-bottom-color: rgba(201, 162, 39, 0.35);
    gap: 0.5rem;
}

.card__link i {
    transition: transform var(--transition);
}

.card__link:hover i {
    transform: translateX(4px);
}

.hero-card__image-wrap > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/* Square brand portrait — avoid cropping side icons (source is 1:1) */
.hero-card__image-wrap--photo {
    aspect-ratio: 1 / 1;
    background: #0a1628;
}

.hero__visual--photo .hero-float {
    display: none;
}

.about-preview__image--photo > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center 22%;
}

/* --------------------------------------------------------------------------
   Skip link
   -------------------------------------------------------------------------- */
.skip-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    padding: 0.75rem 1.25rem;
    background: var(--color-navy-900);
    color: var(--color-white);
    font-family: var(--font-heading);
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 0 0 var(--radius-sm) 0;
    transform: translateY(-120%);
    transition: transform var(--transition), color var(--transition);
}

.skip-link:focus,
.skip-link:focus-visible {
    transform: translateY(0);
    color: var(--color-white);
    outline: 2px solid var(--color-gold-500);
    outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   Page preloader (public pages)
   -------------------------------------------------------------------------- */
body.is-loading {
    overflow: hidden;
}

.page-preloader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fefefe;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 0.42s ease, visibility 0.42s ease;
}

.page-preloader.is-done {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.page-preloader.is-done .page-preloader__inner {
    animation: page-preloader-exit 0.4s ease forwards;
}

.page-preloader__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.35rem;
    padding: var(--space-xl);
    opacity: 0;
    /* Sit the lockup + bar as one unit, slightly above geometric centre */
    animation: page-preloader-enter 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.page-preloader__logo {
    display: block;
    width: min(264px, 68vw);
    height: auto;
    object-fit: contain;
}

.page-preloader__progress {
    display: block;
    width: 4.75rem;
    height: 2px;
    overflow: hidden;
    background: rgba(12, 35, 64, 0.1);
    border-radius: 999px;
}

.page-preloader__bar {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--color-gold-400) 0%, var(--color-gold-500) 100%);
    animation: page-preloader-bar 1.15s cubic-bezier(0.45, 0, 0.2, 1) 0.2s infinite;
}

@keyframes page-preloader-enter {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(-4%);
    }
}

@keyframes page-preloader-exit {
    from {
        opacity: 1;
        transform: translateY(-4%);
    }
    to {
        opacity: 0;
        transform: translateY(-12px);
    }
}

@keyframes page-preloader-bar {
    0% {
        transform: translateX(-130%);
    }
    100% {
        transform: translateX(280%);
    }
}

@media (max-width: 480px) {
    .page-preloader__inner {
        gap: 1.15rem;
    }

    .page-preloader__logo {
        width: min(228px, 78vw);
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-preloader__inner,
    .page-preloader.is-done .page-preloader__inner,
    .page-preloader__bar {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .page-preloader {
        transition-duration: 0.01ms;
    }
}

/* --------------------------------------------------------------------------
   Announcement Strip
   -------------------------------------------------------------------------- */
.announcement-strip {
    background: var(--color-navy-900);
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.8125rem;
    font-weight: 500;
    min-height: var(--announcement-height);
    display: flex;
    align-items: center;
    padding-block: max(0.35rem, env(safe-area-inset-top, 0px)) 0.35rem;
    padding-inline: env(safe-area-inset-left, 0px) env(safe-area-inset-right, 0px);
}

.announcement-strip__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    text-align: center;
}

.announcement-strip i {
    color: var(--color-gold-400);
    font-size: 1rem;
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.97);
    border-bottom: 1px solid var(--color-grey-100);
    transition: box-shadow var(--transition);
    padding-inline: env(safe-area-inset-left, 0px) env(safe-area-inset-right, 0px);
}

/* Keep blur off the header element so the mobile drawer stays viewport-fixed. */
.site-header::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.site-header.is-scrolled {
    box-shadow: var(--shadow-md);
}

.site-header__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    height: var(--header-height);
    gap: 0.75rem;
    min-width: 0;
}

.site-logo {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 0;
    color: var(--color-navy-900);
}

.site-logo:hover {
    color: var(--color-navy-900);
    opacity: 0.94;
}

.site-logo__image {
    display: block;
    height: 76px;
    width: auto;
    max-width: min(248px, 58vw);
    object-fit: contain;
    object-position: left center;
}

.site-logo__image--footer {
    height: 58px;
    max-width: min(196px, 100%);
}

.site-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 auto;
    min-width: 0;
    margin-left: auto;
}

.site-nav__list {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.125rem;
}

.site-nav__item {
    flex-shrink: 0;
}

.site-nav__item--has-menu {
    position: relative;
}

.site-nav__link {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.4rem 0.55rem;
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    color: var(--color-grey-700);
    border-radius: var(--radius-sm);
    transition:
        color var(--transition),
        background-color var(--transition);
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.site-nav__caret {
    font-size: 0.625rem;
    line-height: 1;
    opacity: 0.62;
}

.site-nav__submenu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 17.75rem;
    margin: 0;
    padding: 0.45rem 0;
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.35rem);
    pointer-events: none;
    z-index: 20;
    transition:
        opacity 0.16s ease,
        transform 0.16s ease,
        visibility 0.16s ease;
}

@media (min-width: 1100px) {
    .site-nav__item--has-menu:hover .site-nav__submenu,
    .site-nav__item--has-menu:focus-within .site-nav__submenu {
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
    }
}

.site-nav__sublink {
    display: block;
    padding: 0.5rem 0.95rem;
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--color-grey-700);
    white-space: normal;
    transition:
        color var(--transition),
        background-color var(--transition);
    touch-action: manipulation;
}

.site-nav__sublink:hover,
.site-nav__sublink.is-active {
    color: var(--color-navy-900);
    background: var(--color-grey-50);
}

.site-nav__link:hover,
.site-nav__link.is-active {
    color: var(--color-navy-700);
    background: var(--color-grey-50);
}

.site-nav__link.is-active {
    color: var(--color-navy-900);
}

.site-nav__drawer-cta {
    display: none;
}

.site-header__actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 0.5rem;
    margin-left: 0.15rem;
}

.site-header__cta {
    display: inline-flex;
    white-space: nowrap;
    max-width: 100%;
}

.site-header__cta-label--short {
    display: none;
}

/* Mobile nav toggle */
.nav-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.nav-toggle__bar {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--color-navy-900);
    border-radius: 2px;
    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}

.nav-toggle.is-active .nav-toggle__bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.nav-toggle.is-active .nav-toggle__bar:nth-child(2) {
    opacity: 0;
}

.nav-toggle.is-active .nav-toggle__bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* --------------------------------------------------------------------------
   Hero Section
   -------------------------------------------------------------------------- */
.hero {
    position: relative;
    background: var(--gradient-hero);
    padding-block: clamp(3.5rem, 8vw, 6rem);
    overflow: hidden;
}

.hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 55% 45% at 85% 15%, rgba(201, 162, 39, 0.14) 0%, transparent 55%),
        radial-gradient(ellipse 45% 40% at 8% 85%, rgba(42, 95, 150, 0.18) 0%, transparent 55%);
    pointer-events: none;
}

.hero__pattern {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(ellipse 70% 60% at 70% 40%, black 20%, transparent 75%);
    pointer-events: none;
}

.hero__grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: clamp(2rem, 5vw, 4rem);
    align-items: center;
    position: relative;
    z-index: 1;
}

.hero__content {
    color: var(--color-white);
    max-width: 640px;
}

.hero__badge {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(201, 162, 39, 0.25);
    border-radius: 100px;
    padding: 0.45rem 1.1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-gold-300);
    margin-bottom: var(--space-lg);
    backdrop-filter: blur(8px);
}

.hero__title {
    color: var(--color-white);
    margin-bottom: var(--space-lg);
    letter-spacing: -0.025em;
    line-height: 1.15;
    max-width: 14em;
    font-size: clamp(1.875rem, 3.6vw, 2.75rem);
    text-wrap: balance;
}

.hero__title span {
    background: var(--gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero__text {
    font-size: clamp(1rem, 1.8vw, 1.125rem);
    color: rgba(255, 255, 255, 0.82);
    margin-bottom: var(--space-xl);
    max-width: 520px;
    line-height: 1.75;
}

.hero__actions {
    margin-bottom: var(--space-2xl);
}

.hero__actions.btn-group {
    justify-content: flex-start;
}

.hero__trust-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-sm);
    max-width: 520px;
}

.hero__trust-item {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-sm);
    padding: 0.65rem 0.85rem;
    backdrop-filter: blur(6px);
}

.hero__trust-item i {
    color: var(--color-gold-400);
    font-size: 1.05rem;
    flex-shrink: 0;
}

/* Hero visual card */
.hero__visual {
    position: relative;
    padding: var(--space-md) 0;
}

.hero-float {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: var(--radius-md);
    padding: 0.55rem 0.9rem;
    box-shadow: 0 8px 24px rgba(7, 21, 37, 0.12);
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--color-navy-800);
    opacity: 0.72;
    animation: heroFloat 6s ease-in-out infinite;
}

.hero-float i {
    color: var(--color-gold-500);
    font-size: 1rem;
}

.hero-float--1 {
    top: 0.35rem;
    left: -8px;
    animation-delay: 0s;
}

.hero-float--2 {
    display: none;
}

@keyframes heroFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.hero-card {
    position: relative;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-xl);
    padding: 0;
    overflow: hidden;
    backdrop-filter: blur(24px);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.hero-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 3px;
    background: var(--gradient-gold);
    border-radius: 0 0 4px 4px;
    opacity: 0.85;
    z-index: 1;
}

.hero-card__image-wrap {
    position: relative;
    border-radius: 0;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    background: linear-gradient(160deg, var(--color-navy-700) 0%, var(--color-navy-900) 100%);
    margin-bottom: 0;
}

.hero-card__image-wrap--brand {
    background:
        radial-gradient(ellipse 70% 55% at 50% 35%, rgba(201, 162, 39, 0.16) 0%, transparent 60%),
        linear-gradient(165deg, var(--color-navy-600) 0%, var(--color-navy-800) 45%, var(--color-navy-900) 100%);
}

.hero-card__placeholder {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1.25rem, 4vw, 2rem);
    overflow: hidden;
}

.hero-card__panel-bg,
.about-preview__panel-bg,
.inner-hero__profile-panel-bg,
.insight-featured__panel-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: 0;
    pointer-events: none;
}

.hero-card__placeholder .brand-logo-panel,
.about-preview__image--placeholder .brand-logo-panel {
    position: relative;
    z-index: 1;
}

.hero-card__placeholder::after,
.about-preview__image--placeholder::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(165deg, rgba(12, 35, 64, 0.55) 0%, rgba(7, 21, 37, 0.72) 100%);
    z-index: 0;
    pointer-events: none;
}

.inner-hero__profile-card--brand {
    position: relative;
    overflow: hidden;
}

.inner-hero__profile-card--brand .inner-hero__profile-panel-bg {
    opacity: 0.55;
}

.inner-hero__profile-card--brand .inner-hero__profile-pattern,
.inner-hero__profile-card--brand .brand-logo-panel,
.inner-hero__profile-card--brand .inner-hero__profile-tags {
    position: relative;
    z-index: 1;
}

.insight-featured__media--brand-panel {
    position: relative;
    overflow: hidden;
}

.insight-featured__media--brand-panel .insight-featured__panel-bg {
    opacity: 0.5;
}

.insight-featured__media--brand-panel .insight-featured__media-inner {
    z-index: 1;
}

/* Shared intentional brand empty state (hero / about / profile — not a portrait) */
.brand-logo-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-sm);
    max-width: 18rem;
    z-index: 1;
    position: relative;
}

.brand-logo-panel__plate {
    width: 8.25rem;
    height: 4.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.22);
    margin-bottom: 0.35rem;
    padding: 0.35rem 0.5rem;
}

.brand-logo-panel__logo {
    width: 100%;
    height: 100%;
    max-width: 7.5rem;
    max-height: 4rem;
    object-fit: contain;
}

.brand-logo-panel__name {
    font-family: var(--font-heading);
    font-size: clamp(1.15rem, 2.2vw, 1.35rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--color-white);
    line-height: 1.25;
    margin: 0;
}

.brand-logo-panel__tag {
    font-size: 0.8125rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.72);
    font-weight: 500;
    max-width: 16rem;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.brand-logo-panel--profile {
    max-width: 100%;
    margin-bottom: var(--space-lg);
}

.brand-logo-panel--profile .brand-logo-panel__name {
    font-size: clamp(1.2rem, 2vw, 1.35rem);
    font-weight: 800;
}

/* Legacy aliases (kept if residual markup references them) */
.hero-card__brand-panel,
.about-preview__brand-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-sm);
    max-width: 18rem;
    z-index: 1;
}

.hero-card__brand-plate,
.about-preview__brand-plate {
    width: 5.25rem;
    height: 5.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.22);
    margin-bottom: 0.35rem;
}

.hero-card__brand-logo,
.about-preview__brand-logo {
    width: 3.5rem;
    height: 3.5rem;
    object-fit: contain;
}

.hero-card__brand-name,
.about-preview__brand-name {
    font-family: var(--font-heading);
    font-size: clamp(1.15rem, 2.2vw, 1.35rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--color-white);
    line-height: 1.25;
    margin: 0;
}

.hero-card__brand-tag,
.about-preview__brand-tag {
    font-size: 0.8125rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.72);
    font-weight: 500;
    max-width: 16rem;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Legacy layer styles retained for any residual markup */
.hero-card__layers {
    display: none;
}

.hero-layer,
.hero-card__placeholder-core {
    display: none;
}

/* Abstract shapes */
.hero__shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.hero__shape--1 {
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(201, 162, 39, 0.1) 0%, transparent 70%);
    top: -80px;
    right: -60px;
}

.hero__shape--2 {
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(42, 95, 150, 0.16) 0%, transparent 70%);
    bottom: -40px;
    left: -40px;
}

/* --------------------------------------------------------------------------
   Trust Stats
   -------------------------------------------------------------------------- */
.trust-stats {
    padding-top: 0;
    padding-bottom: var(--space-3xl);
}

.trust-stats__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-lg);
    list-style: none;
    margin: calc(var(--space-3xl) * -1.25) 0 0;
    padding: 0;
    position: relative;
    z-index: 2;
}

.trust-stats--soft {
    padding-top: clamp(1.75rem, 3.5vw, 2.5rem);
    padding-bottom: clamp(2rem, 4vw, 3rem);
    background: var(--surface-muted-wash);
    border-block: 1px solid var(--color-grey-100);
    position: relative;
}

.trust-stats--soft::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: min(7.5rem, 28vw);
    height: 2px;
    border-radius: 999px;
    background: var(--gradient-gold);
}

.trust-stats--soft .trust-stats__grid {
    margin: 0;
    gap: 0;
    align-items: stretch;
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 1px 0 rgba(7, 21, 37, 0.03);
}

.trust-stats--soft .trust-stat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: clamp(1.35rem, 2.8vw, 1.85rem) clamp(1rem, 2vw, 1.5rem);
    text-align: center;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    cursor: default;
    pointer-events: none;
}

.trust-stats--soft .trust-stat-card:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 18%;
    bottom: 18%;
    right: 0;
    width: 1px;
    background: linear-gradient(
        180deg,
        transparent 0%,
        var(--color-grey-200) 18%,
        rgba(201, 162, 39, 0.45) 50%,
        var(--color-grey-200) 82%,
        transparent 100%
    );
}

.trust-stats--soft .trust-stat-card:hover {
    transform: none;
    box-shadow: none;
    border-color: transparent;
    background: transparent;
}

.trust-stats--soft .trust-stat-card__icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0;
    font-size: 1.05rem;
    border-radius: 999px;
    background: linear-gradient(145deg, rgba(20, 54, 96, 0.06) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    color: var(--color-navy-700);
    box-shadow: none;
}

.trust-stats--soft .trust-stat-card:hover .trust-stat-card__icon {
    color: var(--color-navy-700);
    border-color: rgba(201, 162, 39, 0.22);
    background: linear-gradient(145deg, rgba(20, 54, 96, 0.06) 0%, rgba(201, 162, 39, 0.14) 100%);
}

.trust-stats--soft .trust-stat-card__body {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
}

.trust-stats--soft .trust-stat-card__value {
    font-size: clamp(1.05rem, 1.15vw + 0.7rem, 1.3rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin-bottom: 0;
    color: var(--color-navy-900);
}

.trust-stats--soft .trust-stat-card__label {
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.4;
    color: var(--color-grey-500);
}

.trust-stats--soft .trust-stat-card {
    animation: trustStatIn 0.55s ease both;
}

.trust-stats--soft .trust-stat-card:nth-child(1) { animation-delay: 0.04s; }
.trust-stats--soft .trust-stat-card:nth-child(2) { animation-delay: 0.1s; }
.trust-stats--soft .trust-stat-card:nth-child(3) { animation-delay: 0.16s; }
.trust-stats--soft .trust-stat-card:nth-child(4) { animation-delay: 0.22s; }

@keyframes trustStatIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.trust-stat-card {
    background: var(--color-white);
    border-radius: var(--radius-lg);
    padding: var(--space-xl) var(--space-lg);
    text-align: center;
    box-shadow: var(--shadow-premium);
    border: 1px solid var(--color-grey-100);
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.trust-stat-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-card-hover);
    border-color: rgba(201, 162, 39, 0.2);
}

.trust-stat-card__icon {
    width: 52px;
    height: 52px;
    margin-inline: auto;
    margin-bottom: var(--space-md);
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, rgba(20, 54, 96, 0.08) 0%, rgba(201, 162, 39, 0.18) 100%);
    color: var(--color-navy-800);
    border-radius: var(--radius-md);
    font-size: 1.35rem;
    border: 1px solid rgba(201, 162, 39, 0.15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.trust-stat-card__value {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--color-navy-900);
    margin-bottom: var(--space-xs);
    line-height: 1.2;
}

.trust-stat-card__label {
    font-size: 0.875rem;
    color: var(--color-grey-500);
    font-weight: 500;
    line-height: 1.5;
}

/* --------------------------------------------------------------------------
   Who Sajad Helps
   -------------------------------------------------------------------------- */
.audience-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--space-lg);
}

.audience-card {
    position: relative;
    text-align: left;
    padding: var(--space-xl) var(--space-lg);
    border: 1px solid var(--color-grey-100);
    background: var(--color-white);
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition), background-color var(--transition);
}

a.audience-card--link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    touch-action: manipulation;
}

a.audience-card--link:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
    z-index: 1;
}

a.audience-card--link .card__link {
    pointer-events: none;
}

.audience-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-card-hover);
    border-color: rgba(201, 162, 39, 0.22);
}

.audience-card.card--quiet:hover {
    transform: none;
    box-shadow: none;
    border-color: rgba(12, 35, 64, 0.12);
}

.audience-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
    min-height: 2.75rem;
}

.audience-card .card__icon,
.audience-card__icon {
    margin: 0;
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.2rem;
    border-radius: var(--radius-md);
    color: var(--color-navy-700);
    background: linear-gradient(145deg, rgba(20, 54, 96, 0.07) 0%, rgba(201, 162, 39, 0.16) 100%);
    border: 1px solid rgba(201, 162, 39, 0.2);
    transition: border-color var(--transition), background var(--transition), color var(--transition);
}

.audience-card:hover .card__icon,
.audience-card:hover .audience-card__icon,
.audience-card:focus-within .card__icon,
.audience-card:focus-within .audience-card__icon {
    border-color: rgba(201, 162, 39, 0.42);
    background: linear-gradient(145deg, rgba(20, 54, 96, 0.1) 0%, rgba(201, 162, 39, 0.22) 100%);
    color: var(--color-navy-800);
}

.audience-card .card__title,
.audience-card__title {
    margin-top: 0;
    margin-bottom: 0.55rem;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: -0.015em;
    color: var(--color-navy-900);
}

.audience-card .card__text,
.audience-card__text {
    font-size: 0.9rem;
    line-height: 1.65;
    margin-bottom: var(--space-md);
    color: var(--color-grey-600);
}

.audience-card__index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    height: 1.5rem;
    padding: 0 0.4rem;
    font-family: var(--font-heading);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--color-navy-600);
    line-height: 1;
    border-radius: 999px;
    border: 1px solid rgba(12, 35, 64, 0.1);
    background: rgba(12, 35, 64, 0.035);
    transition: color var(--transition), border-color var(--transition), background-color var(--transition);
}

.audience-card__link {
    margin-top: auto;
}

/* --------------------------------------------------------------------------
   Services / Guidance Areas
   -------------------------------------------------------------------------- */
.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1rem, 2.5vw, 1.5rem);
}

.service-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: calc(var(--space-xl) + 4px);
    touch-action: manipulation;
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--gradient-gold);
    opacity: 0.85;
}

.service-card .card__icon {
    width: 58px;
    height: 58px;
    font-size: 1.55rem;
    background: linear-gradient(145deg, rgba(20, 54, 96, 0.06) 0%, rgba(201, 162, 39, 0.12) 100%);
    border: 1px solid rgba(201, 162, 39, 0.1);
}

.service-card .card__text {
    flex: 1;
    font-size: 0.96875rem;
}

.service-card .card__link {
    margin-top: auto;
    padding-top: var(--space-sm);
    touch-action: manipulation;
}

.audience-card--link,
.insight-card a,
.card__link,
.guide-further-reading a {
    touch-action: manipulation;
}

.site-nav__label--drawer {
    display: none;
}

/* --------------------------------------------------------------------------
   About Preview
   -------------------------------------------------------------------------- */
.about-preview__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: clamp(2.25rem, 5.5vw, 4.5rem);
    align-items: stretch;
}

.about-preview__visual {
    position: relative;
    max-width: 28rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

.about-preview__visual--photo {
    margin-inline: auto 0;
}

.about-preview__frame {
    position: relative;
    border-radius: var(--radius-xl);
    padding: 6px;
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.42) 0%, rgba(20, 54, 96, 0.18) 48%, rgba(201, 162, 39, 0.28) 100%);
    box-shadow: var(--shadow-premium);
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.about-preview__frame--photo {
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.5) 0%, rgba(12, 35, 64, 0.22) 45%, rgba(201, 162, 39, 0.32) 100%);
}

.about-preview__image {
    border-radius: calc(var(--radius-xl) - 4px);
    overflow: hidden;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    background: var(--gradient-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.about-preview__image--photo {
    background: #0a1628;
}

.about-preview__image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-preview__image--placeholder {
    position: relative;
    background:
        radial-gradient(ellipse 70% 55% at 50% 38%, rgba(201, 162, 39, 0.16) 0%, transparent 58%),
        linear-gradient(165deg, var(--color-navy-600) 0%, var(--color-navy-800) 45%, var(--color-navy-900) 100%);
    padding: clamp(1.25rem, 4vw, 2rem);
    overflow: hidden;
}

.about-preview__frame--brand {
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.28) 0%, rgba(20, 54, 96, 0.18) 50%, rgba(201, 162, 39, 0.18) 100%);
}

.about-preview__image--placeholder .brand-logo-panel {
    max-width: 16rem;
}

/* Legacy empty-portrait layers / old floating chips (no longer rendered) */
.about-preview__pattern,
.about-preview__portrait,
.about-preview__portrait-ring,
.about-preview__credential,
.about-preview__badge {
    display: none;
}

.about-preview__content {
    max-width: 36rem;
}

.about-preview__content .section__label {
    display: inline-block;
    text-align: left;
    margin-bottom: 0.65rem;
}

.about-preview__content h2 {
    text-align: left;
    margin-bottom: var(--space-md);
    max-width: 20ch;
    letter-spacing: -0.02em;
}

.about-preview__content p.about-preview__lead,
.about-preview__content p {
    font-size: 1.0625rem;
    line-height: 1.7;
    color: var(--color-grey-600);
    margin-bottom: 1.35rem;
}

.about-preview__helps {
    margin: 0 0 1.25rem;
    padding-top: 1.1rem;
    border-top: 1px solid rgba(20, 54, 96, 0.1);
}

.about-preview__helps-heading {
    font-family: var(--font-heading);
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--color-navy-900);
    margin: 0 0 0.85rem;
    letter-spacing: -0.01em;
}

.about-preview__helps-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.35rem;
}

.about-preview__helps-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.45;
    color: var(--color-navy-800);
    font-weight: 500;
    padding: 0.55rem 0.15rem;
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(20, 54, 96, 0.07);
    transition: color var(--transition);
}

.about-preview__helps-list li:last-child {
    border-bottom: 0;
}

.about-preview__helps-icon {
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.2) 0%, rgba(201, 162, 39, 0.08) 100%);
    border: 1px solid rgba(201, 162, 39, 0.38);
    color: var(--color-gold-500);
    margin-top: 0.05rem;
}

.about-preview__helps-list li i {
    font-size: 0.875rem;
    line-height: 1;
}

.about-preview__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

/* --------------------------------------------------------------------------
   CTA Blocks
   -------------------------------------------------------------------------- */
.cta-block {
    border-radius: var(--radius-xl);
    padding: clamp(2rem, 5vw, 3rem);
    position: relative;
    overflow: hidden;
}

.cta-block--business {
    background: var(--gradient-navy);
    color: var(--color-white);
    box-shadow: var(--shadow-premium);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.cta-block--business h2 {
    color: var(--color-white);
    font-size: clamp(1.5rem, 3vw, 2rem);
    margin-bottom: var(--space-md);
}

.cta-block--business p {
    color: rgba(255, 255, 255, 0.82);
    max-width: 640px;
    font-size: 1.0625rem;
    line-height: 1.75;
}

.cta-block--individual {
    background: linear-gradient(135deg, #f7f9fc 0%, #ffffff 45%, #f0f4fa 100%);
    border: 1px solid var(--color-grey-200);
    box-shadow: var(--shadow-sm);
}

.cta-block--individual h2 {
    font-size: clamp(1.375rem, 2.8vw, 1.875rem);
    margin-bottom: var(--space-md);
}

.cta-block--individual p {
    color: var(--color-grey-500);
    max-width: 640px;
    font-size: 1.0625rem;
    line-height: 1.75;
}

.cta-block__pattern {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle at 90% 20%, rgba(201, 162, 39, 0.08) 0%, transparent 40%),
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: auto, 40px 40px, 40px 40px;
    pointer-events: none;
}

.cta-block__pattern--dark {
    background-image:
        radial-gradient(circle at 85% 25%, rgba(201, 162, 39, 0.1) 0%, transparent 45%),
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: auto, 36px 36px, 36px 36px;
}

.cta-block__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2xl);
    position: relative;
    z-index: 1;
}

.cta-block__content {
    flex: 1;
}

.cta-block__action {
    flex-shrink: 0;
}

.cta-block__deco {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: clamp(5rem, 12vw, 8rem);
    color: rgba(255, 255, 255, 0.05);
    pointer-events: none;
    z-index: 0;
}

.cta-block__deco--soft {
    color: rgba(20, 54, 96, 0.04);
    right: -10px;
}

.cta-block--business .btn--primary {
    box-shadow: 0 8px 28px rgba(201, 162, 39, 0.35);
}

.cta-block--individual .btn--outline-dark {
    border-color: var(--color-navy-600);
    color: var(--color-navy-700);
    background: var(--color-white);
}

.cta-block--individual .btn--outline-dark:hover {
    background: var(--color-navy-900);
    border-color: var(--color-navy-900);
    color: var(--color-white);
}

/* --------------------------------------------------------------------------
   Insights / Blog Preview
   -------------------------------------------------------------------------- */
.insights-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1rem, 2.5vw, 1.75rem);
}

.insight-card {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-lg);
    background: var(--color-white);
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.insight-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-card-hover);
    border-color: rgba(201, 162, 39, 0.22);
}

.insight-card__media-link {
    display: block;
    text-decoration: none;
}

.insight-card__image {
    aspect-ratio: 16 / 10;
    background: var(--gradient-insight-1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.insight-card__image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(7, 21, 37, 0.2) 100%);
    pointer-events: none;
    z-index: 1;
}

.insight-card__image--variant-1 { background: var(--gradient-insight-1); }
.insight-card__image--variant-2 { background: var(--gradient-insight-2); }
.insight-card__image--variant-3 { background: var(--gradient-insight-3); }
.insight-card__image--variant-4 {
    background: linear-gradient(135deg, #0c2340 0%, #2a5f96 45%, #1e4976 100%);
}
.insight-card__image--variant-5 {
    background: linear-gradient(135deg, #143660 0%, #0c2340 35%, #2a5f96 100%);
}
.insight-card__image--variant-6 {
    background: linear-gradient(135deg, #071525 0%, #1a4a7a 50%, #143660 100%);
}

.insight-card__fallback {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.insight-card__fallback-pattern {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 22%, rgba(201, 162, 39, 0.18) 0%, transparent 42%),
        radial-gradient(circle at 82% 78%, rgba(255, 255, 255, 0.08) 0%, transparent 48%),
        linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.04) 50%, transparent 100%);
    pointer-events: none;
}

.insight-card__fallback-icon {
    position: relative;
    z-index: 1;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--radius-lg);
    font-size: 1.75rem;
    color: var(--color-gold-400);
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

/* Category tone accents on empty card media (icons carry differentiation; keep variant gradients) */
.insight-card__image.insight-tone--health .insight-card__fallback-pattern {
    background:
        radial-gradient(circle at 18% 22%, rgba(201, 162, 39, 0.22) 0%, transparent 42%),
        radial-gradient(circle at 82% 78%, rgba(42, 95, 150, 0.16) 0%, transparent 48%);
}
.insight-card__image.insight-tone--benefits .insight-card__fallback-pattern {
    background:
        radial-gradient(circle at 70% 20%, rgba(201, 162, 39, 0.16) 0%, transparent 45%),
        radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.08) 0%, transparent 50%);
}
.insight-card__image.insight-tone--group .insight-card__fallback-pattern {
    background:
        radial-gradient(circle at 25% 70%, rgba(42, 95, 150, 0.22) 0%, transparent 48%),
        radial-gradient(circle at 80% 25%, rgba(201, 162, 39, 0.14) 0%, transparent 45%);
}
.insight-card__image.insight-tone--claims .insight-card__fallback-pattern {
    background:
        radial-gradient(circle at 75% 30%, rgba(201, 162, 39, 0.2) 0%, transparent 45%),
        radial-gradient(circle at 20% 75%, rgba(255, 255, 255, 0.06) 0%, transparent 50%);
}
.insight-card__image.insight-tone--renewal .insight-card__fallback-pattern {
    background:
        radial-gradient(circle at 40% 20%, rgba(212, 180, 74, 0.18) 0%, transparent 45%),
        radial-gradient(circle at 70% 80%, rgba(42, 95, 150, 0.14) 0%, transparent 50%);
}
.insight-card__image.insight-tone--business .insight-card__fallback-pattern {
    background:
        radial-gradient(circle at 65% 75%, rgba(42, 95, 150, 0.2) 0%, transparent 48%),
        radial-gradient(circle at 25% 25%, rgba(201, 162, 39, 0.12) 0%, transparent 45%);
}

.insight-card__body {
    padding: var(--space-xl);
    display: flex;
    flex-direction: column;
    flex: 1;
}

.insight-card__category {
    display: inline-block;
    align-self: flex-start;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-navy-700);
    background: rgba(201, 162, 39, 0.12);
    border: 1px solid rgba(201, 162, 39, 0.2);
    border-radius: 100px;
    padding: 0.32rem 0.75rem;
    margin-bottom: var(--space-sm);
}

.insight-card__category--overlay {
    position: absolute;
    top: var(--space-md);
    left: var(--space-md);
    z-index: 2;
    margin: 0;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(6px);
}

.insight-card__category--featured {
    font-size: 0.75rem;
    padding: 0.38rem 0.85rem;
}

.insight-card__title {
    margin-bottom: var(--space-sm);
    font-size: 1.125rem;
    line-height: 1.4;
}

.insight-card__title a {
    color: var(--color-navy-900);
    text-decoration: none;
    transition: color var(--transition);
}

.insight-card__title a:hover {
    color: var(--color-navy-600);
}

.insight-card__excerpt {
    font-size: 0.9375rem;
    color: var(--color-grey-600);
    margin-bottom: var(--space-md);
    line-height: 1.68;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.insight-card .card__link,
.insight-card__read {
    margin-top: auto;
    align-self: flex-start;
}

.insight-card__read {
    font-weight: 700;
    gap: 0.35rem;
}

.insight-card__read i {
    transition: transform var(--transition);
}

.insight-card:hover .insight-card__read i {
    transform: translateX(3px);
}

.insight-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    font-size: 0.8125rem;
    color: var(--color-grey-500);
    margin-bottom: var(--space-md);
    padding-top: var(--space-xs);
    border-top: 1px solid var(--color-grey-100);
}

.insight-card__meta--featured {
    border-top: none;
    padding-top: 0;
    margin-bottom: var(--space-lg);
    font-size: 0.875rem;
}

.insight-card__meta i {
    color: var(--color-gold-500);
    margin-right: 0.25rem;
}

.insight-card__image--photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.insight-card:hover .insight-card__image--photo img {
    transform: scale(1.04);
}

.insight-card__image--photo {
    background: var(--color-navy-800);
}

/* Insights listing page */
.insight-featured-section {
    padding-bottom: clamp(2rem, 4vw, 3rem);
}

.insight-featured {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 0;
    align-items: stretch;
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-premium);
    transition: box-shadow var(--transition), border-color var(--transition);
}

.insight-featured:hover {
    box-shadow: var(--shadow-card-hover);
    border-color: rgba(201, 162, 39, 0.2);
}

.insight-featured__media {
    position: relative;
    min-height: 320px;
    overflow: hidden;
}

.insight-featured__media--photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    min-height: 320px;
}

.insight-featured__media--gradient {
    background:
        radial-gradient(ellipse 70% 55% at 28% 30%, rgba(201, 162, 39, 0.2) 0%, transparent 55%),
        radial-gradient(ellipse 55% 45% at 78% 72%, rgba(42, 95, 150, 0.35) 0%, transparent 60%),
        linear-gradient(155deg, var(--color-navy-900) 0%, var(--color-navy-800) 38%, var(--color-navy-700) 72%, #1e4976 100%);
}

.insight-featured__media--gradient.insight-tone--health {
    background:
        radial-gradient(ellipse 65% 50% at 30% 28%, rgba(201, 162, 39, 0.22) 0%, transparent 55%),
        linear-gradient(155deg, #071525 0%, #0c2340 40%, #1e4976 100%);
}
.insight-featured__media--gradient.insight-tone--benefits {
    background:
        radial-gradient(ellipse 60% 50% at 70% 25%, rgba(201, 162, 39, 0.16) 0%, transparent 50%),
        linear-gradient(160deg, #071525 0%, #143660 45%, #1e4976 100%);
}
.insight-featured__media--gradient.insight-tone--group {
    background:
        radial-gradient(ellipse 55% 45% at 20% 70%, rgba(42, 95, 150, 0.4) 0%, transparent 55%),
        linear-gradient(150deg, #0c2340 0%, #143660 50%, #2a5f96 100%);
}
.insight-featured__media--gradient.insight-tone--claims {
    background:
        radial-gradient(ellipse 50% 40% at 75% 30%, rgba(201, 162, 39, 0.18) 0%, transparent 50%),
        linear-gradient(155deg, #071525 0%, #0c2340 50%, #1a3f6a 100%);
}
.insight-featured__media--gradient.insight-tone--renewal {
    background:
        radial-gradient(ellipse 60% 50% at 40% 20%, rgba(212, 180, 74, 0.16) 0%, transparent 55%),
        linear-gradient(165deg, #071525 0%, #1e4976 55%, #143660 100%);
}
.insight-featured__media--gradient.insight-tone--business {
    background:
        radial-gradient(ellipse 55% 45% at 65% 75%, rgba(42, 95, 150, 0.28) 0%, transparent 55%),
        linear-gradient(155deg, #071525 0%, #0c2340 45%, #143660 100%);
}

.insight-featured__media-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 320px;
    padding: var(--space-2xl);
    overflow: hidden;
}

.insight-featured__media-pattern {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(125deg, transparent 0%, rgba(255, 255, 255, 0.03) 42%, transparent 70%),
        radial-gradient(circle at 20% 25%, rgba(201, 162, 39, 0.14) 0%, transparent 45%),
        radial-gradient(circle at 80% 75%, rgba(42, 95, 150, 0.22) 0%, transparent 50%);
    pointer-events: none;
}

.insight-featured__media-sheen {
    position: absolute;
    inset: -20% -10%;
    background: linear-gradient(
        115deg,
        transparent 35%,
        rgba(255, 255, 255, 0.05) 48%,
        rgba(201, 162, 39, 0.08) 52%,
        transparent 65%
    );
    transform: rotate(-8deg);
    pointer-events: none;
}

.insight-featured__media-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.insight-featured__media-orb--a {
    width: 180px;
    height: 180px;
    top: -40px;
    right: -30px;
    background: radial-gradient(circle at 40% 40%, rgba(201, 162, 39, 0.14) 0%, transparent 70%);
}

.insight-featured__media-orb--b {
    width: 140px;
    height: 140px;
    bottom: -28px;
    left: -20px;
    background: radial-gradient(circle at 60% 40%, rgba(42, 95, 150, 0.25) 0%, transparent 70%);
}

.insight-featured__media-frame {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-md);
    padding: clamp(1.25rem, 3vw, 1.75rem) clamp(1.25rem, 3vw, 2rem);
    max-width: 18rem;
    border-radius: var(--radius-xl);
    background: rgba(7, 21, 37, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow:
        0 16px 40px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}

.insight-featured__media-category {
    position: relative;
    z-index: 1;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-gold-300);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 100px;
    padding: 0.4rem 0.9rem;
    margin-bottom: 0;
}

.insight-featured__media-icon {
    position: relative;
    z-index: 1;
    width: 96px;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: var(--color-gold-400);
    background:
        radial-gradient(circle at 50% 35%, rgba(201, 162, 39, 0.18) 0%, transparent 65%),
        rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(201, 162, 39, 0.35);
    border-radius: 22px;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.insight-featured__media-label {
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.72);
}

.insight-featured__body {
    padding: clamp(1.75rem, 4vw, 2.5rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.insight-featured__title {
    font-size: clamp(1.375rem, 2.5vw, 1.875rem);
    line-height: 1.3;
    margin-bottom: var(--space-md);
}

.insight-featured__title a {
    color: var(--color-navy-900);
    text-decoration: none;
    transition: color var(--transition);
}

.insight-featured__title a:hover {
    color: var(--color-navy-600);
}

.insight-featured__excerpt {
    color: var(--color-grey-600);
    margin-bottom: var(--space-md);
    font-size: 1rem;
    line-height: 1.72;
}

.insight-featured__cta {
    align-self: flex-start;
    box-shadow: 0 8px 24px rgba(201, 162, 39, 0.28);
}

.insight-listing {
    background: linear-gradient(180deg, var(--color-grey-50) 0%, var(--color-white) 100%);
}

.insight-toolbar {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-xl);
    padding: clamp(1.25rem, 3vw, 1.75rem);
    box-shadow: var(--shadow-sm);
    margin-bottom: clamp(2rem, 4vw, 2.75rem);
}

.insight-toolbar .insight-search {
    margin-bottom: var(--space-lg);
    max-width: none;
}

.insight-toolbar .insight-filters {
    margin-bottom: 0;
}

.section__header--left {
    text-align: left;
    margin-inline: 0;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.section__header--left .section__subtitle {
    margin-inline: 0;
}

.insight-filters {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    margin-bottom: var(--space-xl);
}

.insight-filters__link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0.55rem 1.1rem;
    border-radius: 100px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-navy-700);
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    text-decoration: none;
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition), background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
    touch-action: manipulation;
    white-space: nowrap;
    flex-shrink: 0;
}

.insight-filters__link:hover {
    border-color: rgba(201, 162, 39, 0.35);
    color: var(--color-navy-900);
    transform: translateY(-1px);
}

.insight-filters__link.is-active {
    background: var(--color-navy-900);
    border-color: var(--color-navy-900);
    color: var(--color-white);
    box-shadow: 0 4px 16px rgba(7, 21, 37, 0.2);
}

/* Mobile: single-row horizontal scroll instead of multi-row pill wrap (UX-INS-FILT-S1) */
@media (max-width: 768px) {
    .insight-filters {
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        padding-block: 0.15rem 0.35rem;
        margin-inline: -0.35rem;
        padding-inline: 0.35rem;
        mask-image: linear-gradient(
            90deg,
            #000 0%,
            #000 calc(100% - 1.75rem),
            transparent 100%
        );
        -webkit-mask-image: linear-gradient(
            90deg,
            #000 0%,
            #000 calc(100% - 1.75rem),
            transparent 100%
        );
    }

    .insight-filters::-webkit-scrollbar {
        display: none;
    }

    .insight-filters__link:hover {
        transform: none;
    }
}

.insight-empty-state {
    text-align: center;
    padding: clamp(2.5rem, 5vw, 4rem) var(--space-lg);
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    max-width: 560px;
    margin-inline: auto;
}

.insight-empty-state__icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--space-lg);
    font-size: 1.75rem;
    color: var(--color-gold-500);
    background: rgba(201, 162, 39, 0.12);
    border-radius: 50%;
}

.insight-empty-state__title {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    color: var(--color-navy-900);
    margin-bottom: var(--space-sm);
}

.insight-empty-state__text {
    color: var(--color-grey-600);
    line-height: 1.65;
    margin: 0 0 var(--space-lg);
}

.insight-empty-state__actions {
    justify-content: center;
}

.inner-empty-state {
    text-align: center;
    padding: var(--space-3xl) var(--space-lg);
    color: var(--color-grey-600);
}

.inner-empty-state .btn {
    margin-top: var(--space-lg);
}

.insight-search {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    margin-bottom: var(--space-xl);
    max-width: 720px;
}

.insight-search__field {
    flex: 1;
    min-width: min(100%, 240px);
    position: relative;
    display: flex;
    align-items: center;
}

.insight-search__icon {
    position: absolute;
    left: 1rem;
    color: var(--color-grey-400);
    font-size: 1rem;
    pointer-events: none;
}

.insight-search__input {
    width: 100%;
    padding: 0.85rem 1rem 0.85rem 2.75rem;
    border: 1px solid var(--color-grey-200);
    border-radius: var(--radius-md);
    font-size: 0.9375rem;
    background: var(--color-white);
    box-shadow: var(--shadow-sm);
    transition: border-color var(--transition), box-shadow var(--transition);
}

.insight-search__input:focus {
    outline: none;
    border-color: rgba(201, 162, 39, 0.45);
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.12);
}

.insight-search__btn {
    flex-shrink: 0;
    box-shadow: 0 4px 16px rgba(201, 162, 39, 0.25);
}

.insight-search__btn,
.insight-search__clear {
    flex-shrink: 0;
}

.insight-results-count {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-grey-500);
    margin-bottom: var(--space-lg);
}

.insight-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    margin-top: var(--space-2xl);
    padding-top: var(--space-xl);
    border-top: 1px solid var(--color-grey-100);
}

.insight-pagination__link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-navy-700);
    text-decoration: none;
    padding: 0.5rem 0.85rem;
    border-radius: var(--radius-md);
    transition: background var(--transition), color var(--transition);
}

.insight-pagination__link:hover {
    color: var(--color-navy-900);
    background: var(--color-grey-50);
}

.insight-pagination__pages {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.insight-pagination__page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.55rem;
    border-radius: var(--radius-md);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-navy-700);
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    text-decoration: none;
    box-shadow: var(--shadow-sm);
    transition: background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);
}

.insight-pagination__page.is-active,
.insight-pagination__page:hover {
    background: var(--color-navy-900);
    border-color: var(--color-navy-900);
    color: var(--color-white);
    transform: translateY(-1px);
}

.page-breadcrumb {
    margin-bottom: var(--space-md);
}

.page-insights .page-breadcrumb {
    color: rgba(255, 255, 255, 0.65);
}

.page-insights .page-breadcrumb a {
    color: rgba(255, 255, 255, 0.88);
}

.page-insights .page-breadcrumb a:hover {
    color: var(--color-gold-300);
}

.page-insights .page-breadcrumb span[aria-current="page"] {
    color: rgba(255, 255, 255, 0.75);
}

.page-insights .page-breadcrumb span[aria-hidden="true"] {
    color: rgba(255, 255, 255, 0.4);
}

@media (max-width: 992px) {
    .insight-featured {
        grid-template-columns: 1fr;
    }

    .insight-featured__media--photo img,
    .insight-featured__media-inner {
        min-height: 240px;
    }

    .insights-grid--related {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .insights-grid--related {
        grid-template-columns: 1fr;
    }
}
.insight-article__header {
    background: linear-gradient(180deg, var(--color-grey-50) 0%, var(--color-white) 100%);
    padding: var(--space-3xl) 0 var(--space-xl);
}

.insight-article__header-inner {
    max-width: 820px;
    text-align: center;
}

.insight-article__header-inner .insight-breadcrumb,
.insight-article__header-inner .insight-article__meta {
    justify-content: center;
}

.insight-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8125rem;
    margin-bottom: var(--space-md);
    color: var(--color-grey-500);
}

.insight-breadcrumb a {
    color: var(--color-navy-700);
    text-decoration: none;
}

.insight-breadcrumb a:hover {
    color: var(--color-gold-600);
}

.insight-article__title {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.2;
    margin-bottom: var(--space-md);
}

.insight-article__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-lg);
    font-size: 0.875rem;
    color: var(--color-grey-600);
    margin-bottom: var(--space-xl);
}

.insight-article__meta i {
    color: var(--color-gold-500);
    margin-right: 0.35rem;
}

.insight-article__figure {
    margin: 0;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-card);
}

.insight-article__figure img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* Intentional category brand band when no featured photo (bridges listing → article) */
.insight-article__figure--brand {
    aspect-ratio: 21 / 9;
    min-height: 140px;
    background:
        radial-gradient(ellipse 70% 80% at 50% 40%, rgba(201, 162, 39, 0.14) 0%, transparent 55%),
        linear-gradient(135deg, var(--color-navy-800) 0%, var(--color-navy-700) 45%, var(--color-navy-900) 100%);
    box-shadow: none;
    border: 1px solid rgba(20, 54, 96, 0.12);
}

.insight-article__figure--brand.insight-tone--health {
    background:
        radial-gradient(ellipse 70% 80% at 30% 40%, rgba(201, 162, 39, 0.18) 0%, transparent 50%),
        linear-gradient(135deg, #0c2340 0%, #1e4976 50%, #0c2340 100%);
}

.insight-article__figure--brand.insight-tone--benefits {
    background:
        radial-gradient(ellipse 60% 70% at 70% 30%, rgba(201, 162, 39, 0.14) 0%, transparent 50%),
        linear-gradient(135deg, #143660 0%, #0c2340 50%, #2a5f96 100%);
}

.insight-article__figure--brand.insight-tone--group {
    background:
        radial-gradient(ellipse 60% 70% at 25% 70%, rgba(42, 95, 150, 0.28) 0%, transparent 50%),
        linear-gradient(135deg, #071525 0%, #1a4a7a 55%, #143660 100%);
}

.insight-article__figure--brand.insight-tone--claims {
    background:
        radial-gradient(ellipse 60% 70% at 75% 35%, rgba(201, 162, 39, 0.16) 0%, transparent 50%),
        linear-gradient(135deg, #0c2340 0%, #1e4976 45%, #071525 100%);
}

.insight-article__figure--brand.insight-tone--renewal {
    background:
        radial-gradient(ellipse 60% 70% at 40% 25%, rgba(212, 180, 74, 0.16) 0%, transparent 50%),
        linear-gradient(135deg, #143660 0%, #0c2340 40%, #2a5f96 100%);
}

.insight-article__figure--brand.insight-tone--business {
    background:
        radial-gradient(ellipse 60% 70% at 65% 70%, rgba(42, 95, 150, 0.22) 0%, transparent 50%),
        linear-gradient(135deg, #071525 0%, #143660 50%, #0c2340 100%);
}

.insight-article__brand-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    width: 100%;
    height: 100%;
    min-height: inherit;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.insight-article__brand-pattern {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 22%, rgba(201, 162, 39, 0.16) 0%, transparent 42%),
        radial-gradient(circle at 82% 78%, rgba(255, 255, 255, 0.06) 0%, transparent 48%);
    pointer-events: none;
}

.insight-article__brand-icon {
    position: relative;
    z-index: 1;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--radius-lg);
    font-size: 1.5rem;
    color: var(--color-gold-400);
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.insight-article__brand-label {
    position: relative;
    z-index: 1;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.78);
}

.insight-article__layout {
    max-width: 820px;
    margin-inline: auto;
}

.insight-article__content {
    position: relative;
    overflow-wrap: break-word;
    word-wrap: break-word;
    width: 100%;
    font-size: 1.0625rem;
    line-height: 1.8;
    color: var(--color-grey-700);
}

.insight-article__content > *:first-child {
    margin-top: 0;
}

.insight-article__content > p:first-of-type {
    font-size: 1.125rem;
    line-height: 1.75;
    color: var(--color-grey-600);
}

.insight-article__content p {
    margin-bottom: 1.25rem;
}

.insight-article__content.inner-content__body p,
.insight-article__content.inner-content__body li {
    text-align: justify;
}

.insight-article__content p:last-child {
    margin-bottom: 0;
}

.insight-article__content h2 {
    font-family: var(--font-heading);
    color: var(--color-navy-900);
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-md);
    padding-bottom: 0.55rem;
    font-size: clamp(1.25rem, 2.4vw, 1.5rem);
    line-height: 1.3;
    border-bottom: 2px solid rgba(201, 162, 39, 0.35);
}

.insight-article__content h2:first-child {
    margin-top: 0;
}

.insight-article__content h3 {
    font-family: var(--font-heading);
    color: var(--color-navy-800);
    margin-top: var(--space-xl);
    margin-bottom: var(--space-sm);
    font-size: clamp(1.0625rem, 2vw, 1.1875rem);
    line-height: 1.35;
}

.insight-article__content a {
    color: var(--color-navy-700);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(201, 162, 39, 0.45);
    text-underline-offset: 0.18em;
}

.insight-article__content a:hover {
    color: var(--color-navy-900);
    text-decoration-color: var(--color-gold-500);
}

/* Higher specificity than shared .inner-content__body list rules */
.insight-article__content.inner-content__body ul,
.insight-article__content.inner-content__body ol {
    margin: var(--space-md) 0 var(--space-lg);
    padding-left: 0;
    list-style: none;
}

.insight-article__content.inner-content__body li {
    position: relative;
    padding-left: 1.4rem;
    margin-bottom: 0.7rem;
    line-height: 1.7;
}

.insight-article__content.inner-content__body li:last-child {
    margin-bottom: 0;
}

.insight-article__content.inner-content__body ul > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.62em;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: var(--color-gold-500);
}

.insight-article__content.inner-content__body ol {
    counter-reset: insight-ol;
}

.insight-article__content.inner-content__body ol > li {
    counter-increment: insight-ol;
    padding-left: 1.75rem;
}

.insight-article__content.inner-content__body ol > li::before {
    content: counter(insight-ol) ".";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--font-heading);
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-navy-700);
    line-height: 1.7;
}

.insight-article__content strong {
    color: var(--color-navy-900);
    font-weight: 700;
}

.insight-article__content blockquote {
    margin: var(--space-xl) 0;
    padding: var(--space-md) var(--space-lg);
    border-left: 3px solid var(--color-gold-500);
    background: var(--color-grey-50);
    color: var(--color-grey-600);
    font-style: italic;
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.insight-article__content blockquote p:last-child {
    margin-bottom: 0;
}

.insight-article__content figure {
    margin: var(--space-xl) 0;
}

.insight-article__content figure img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--radius-md);
}

.insight-article__content figcaption {
    margin-top: var(--space-sm);
    font-size: 0.875rem;
    color: var(--color-grey-500);
    line-height: 1.5;
}

.insight-article__content table {
    width: 100%;
    margin: var(--space-xl) 0;
    border-collapse: collapse;
    font-size: 0.96875rem;
}

.insight-article__content th,
.insight-article__content td {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--color-grey-200);
    vertical-align: top;
}

.insight-article__content th {
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--color-navy-900);
    background: var(--color-grey-50);
    border-bottom-color: var(--color-grey-300);
}

.insight-article__content hr {
    margin: var(--space-2xl) 0;
    border: 0;
    border-top: 1px solid var(--color-grey-200);
}

.insight-article__content > p:last-of-type strong:first-child {
    color: var(--color-navy-800);
}

.insight-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-sm);
    margin-top: var(--space-2xl);
    padding-top: var(--space-xl);
    border-top: 1px solid var(--color-grey-200);
}

.insight-tags__label {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-grey-500);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.insight-tags__item {
    font-size: 0.8125rem;
    padding: 0.25rem 0.75rem;
    border-radius: var(--radius-full);
    background: var(--color-grey-100);
    color: var(--color-navy-700);
}

.insight-faq-list {
    max-width: 820px;
    margin-inline: 0;
}

.insight-faq .section__header--left {
    margin-bottom: var(--space-xl);
}

.insight-article-cta {
    padding-top: clamp(2rem, 4vw, 3rem);
    padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.cta-block--insight .cta-block__action.btn-group {
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.cta-block--insight .btn--whatsapp {
    box-shadow: 0 8px 26px rgba(37, 211, 102, 0.35);
}

/* Quiet channels under the article band copy, so the two buttons stay the primary
   and secondary action (GAP-18). */
.cta-block__alt {
    margin-top: var(--space-sm);
    margin-bottom: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.72);
}

.cta-block__alt a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.cta-block__alt a:hover,
.cta-block__alt a:focus-visible {
    color: var(--color-white);
}

.insights-grid--related {
    grid-template-columns: repeat(3, 1fr);
}

/* --------------------------------------------------------------------------
   FAQ (shared button accordion — home, hubs, insight articles)
   -------------------------------------------------------------------------- */
.faq-list {
    max-width: 860px;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.faq-item {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: border-color var(--transition), box-shadow var(--transition);
}

.faq-item:hover {
    border-color: rgba(201, 162, 39, 0.25);
}

.faq-item.is-open {
    border-color: rgba(201, 162, 39, 0.35);
    box-shadow: var(--shadow-md);
}

.faq-item__question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    padding: var(--space-lg) var(--space-xl);
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: var(--font-heading);
    font-size: clamp(1.03125rem, 2.2vw, 1.125rem);
    font-weight: 600;
    color: var(--color-navy-900);
    touch-action: manipulation;
    transition: color var(--transition), background var(--transition), padding-left var(--transition);
}

.faq-item__question:hover {
    color: var(--color-navy-600);
    background: var(--color-grey-50);
}

.faq-item__question:focus {
    outline: none;
}

.faq-item__question:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: -2px;
    background: var(--color-grey-50);
}

.faq-item.is-open .faq-item__question {
    color: var(--color-navy-800);
    border-left: 3px solid var(--color-gold-500);
    padding-left: calc(var(--space-xl) - 3px);
    background: linear-gradient(90deg, rgba(201, 162, 39, 0.05) 0%, transparent 100%);
}

.faq-item__question i {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--color-gold-500);
    background: rgba(201, 162, 39, 0.1);
    border-radius: 50%;
    transition: transform var(--transition), background var(--transition), color var(--transition);
    flex-shrink: 0;
}

.faq-item.is-open .faq-item__question i {
    transform: rotate(45deg);
    background: var(--gradient-gold);
    color: var(--color-navy-900);
}

.faq-item__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
}

.faq-item.is-open .faq-item__answer {
    max-height: 2000px;
    padding: 0 var(--space-xl) var(--space-lg);
}

.faq-item__answer p,
.faq-item__answer li {
    font-size: 0.96875rem;
    color: var(--color-grey-500);
    line-height: 1.75;
}

.faq-item__answer p {
    padding-top: 0.25rem;
}

.faq-item__answer p + p,
.faq-item__answer ul,
.faq-item__answer ol {
    margin-top: 0.75rem;
}

.faq-item__answer ul,
.faq-item__answer ol {
    padding-left: 1.25rem;
}

/* --------------------------------------------------------------------------
   Final CTA
   -------------------------------------------------------------------------- */
.final-cta {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.final-cta .section__header {
    text-align: center;
    max-width: 720px;
    margin-inline: auto;
    margin-bottom: var(--space-2xl);
}

.final-cta .section__subtitle {
    margin-inline: auto;
    margin-bottom: 0;
    font-size: 1.0625rem;
    line-height: 1.75;
}

.final-cta__pattern {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle at 15% 50%, rgba(201, 162, 39, 0.12) 0%, transparent 45%),
        radial-gradient(circle at 85% 30%, rgba(42, 95, 150, 0.15) 0%, transparent 40%),
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: auto, auto, 48px 48px, 48px 48px;
    pointer-events: none;
}

.final-cta__glow {
    position: absolute;
    top: -40%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 80%;
    background: radial-gradient(ellipse, rgba(201, 162, 39, 0.08) 0%, transparent 65%);
    pointer-events: none;
}

.final-cta__inner {
    position: relative;
    z-index: 1;
}

.final-cta .section__title {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    max-width: 720px;
    margin-inline: auto;
}

.final-cta .btn-group {
    justify-content: center;
    gap: var(--space-md);
}

/* --------------------------------------------------------------------------
   Page Hero (placeholder pages)
   -------------------------------------------------------------------------- */
.page-hero {
    background: var(--gradient-navy);
    padding-block: var(--space-3xl);
    text-align: center;
}

.page-hero h1 {
    color: var(--color-white);
    margin-bottom: var(--space-md);
}

.page-hero p {
    color: rgba(255, 255, 255, 0.75);
    max-width: 600px;
    margin-inline: auto;
    font-size: 1.0625rem;
}

.page-content {
    padding-block: var(--space-3xl);
}

.page-content__inner {
    max-width: 720px;
    margin-inline: auto;
}

.btn-group--mt {
    margin-top: var(--space-lg);
}

.coming-soon-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    background: var(--color-grey-100);
    color: var(--color-grey-700);
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 100px;
    margin-top: var(--space-lg);
}

/* --------------------------------------------------------------------------
   Inner Pages (Phase 2C) — Enhanced polish
   -------------------------------------------------------------------------- */
.inner-hero {
    position: relative;
    background: var(--gradient-hero);
    padding-block: clamp(3rem, 7vw, 5.5rem);
    color: var(--color-white);
    overflow: hidden;
}

.inner-hero__pattern {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(ellipse 75% 65% at 65% 35%, black 15%, transparent 70%);
    pointer-events: none;
}

.inner-hero__grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: center;
    position: relative;
    z-index: 1;
}

.inner-hero__grid--solo {
    grid-template-columns: 1fr;
    max-width: 760px;
}

.inner-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-gold-300);
    margin-bottom: var(--space-md);
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 100px;
    padding: 0.4rem 1rem;
}

.inner-hero__title {
    color: var(--color-white);
    margin-bottom: var(--space-md);
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.inner-hero__lead {
    font-size: clamp(1.0625rem, 2vw, 1.1875rem);
    color: rgba(255, 255, 255, 0.88);
    margin-bottom: var(--space-md);
    line-height: 1.65;
}

.inner-hero__intro {
    font-size: 0.96875rem;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: var(--space-lg);
    line-height: 1.75;
}

.inner-hero__intro p { margin-bottom: var(--space-sm); }

.inner-hero__actions {
    margin-top: var(--space-lg);
}

.inner-hero__actions.btn-group {
    justify-content: flex-start;
}

.inner-hero__visual {
    position: relative;
}

.inner-hero__profile-frame {
    border-radius: var(--radius-xl);
    overflow: hidden;
    padding: 5px;
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.45), rgba(255, 255, 255, 0.15));
    box-shadow: var(--shadow-premium);
}

.inner-hero__profile-frame img,
.inner-hero__visual > img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    border-radius: calc(var(--radius-xl) - 4px);
}

.inner-hero__profile-card {
    position: relative;
    background:
        radial-gradient(ellipse 70% 55% at 50% 28%, rgba(201, 162, 39, 0.14) 0%, transparent 55%),
        linear-gradient(165deg, rgba(20, 54, 96, 0.55) 0%, rgba(8, 24, 52, 0.72) 100%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-xl);
    padding: clamp(1.5rem, 3vw, 2rem);
    text-align: center;
    backdrop-filter: blur(20px);
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.22);
    overflow: hidden;
}

.inner-hero__profile-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 15%;
    right: 15%;
    height: 3px;
    background: var(--gradient-gold);
    border-radius: 0 0 4px 4px;
}

.inner-hero__profile-pattern {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 20%, rgba(201, 162, 39, 0.12) 0%, transparent 45%),
        radial-gradient(circle at 80% 80%, rgba(42, 95, 150, 0.15) 0%, transparent 50%);
    pointer-events: none;
}

.inner-hero__profile-card--brand .brand-logo-panel {
    margin-inline: auto;
}

/* Legacy avatar (person icon) — superseded by brand-logo-panel */
.inner-hero__profile-avatar {
    display: none;
}

.inner-hero__profile-name {
    position: relative;
    z-index: 1;
    font-family: var(--font-heading);
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--color-white);
    margin-bottom: 0.35rem;
}

.inner-hero__profile-location {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: var(--space-lg);
}

.inner-hero__profile-tags {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    text-align: left;
}

.inner-hero__profile-tags li {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-sm);
    padding: 0.65rem 0.85rem;
}

.inner-hero__profile-tags i {
    color: var(--color-gold-400);
    font-size: 1rem;
    flex-shrink: 0;
}

.inner-content__wrap {
    max-width: 800px;
    margin-inline: auto;
}

.inner-content__title { margin-bottom: var(--space-md); }

.inner-content__subtitle {
    font-size: 1.0625rem;
    color: var(--color-grey-500);
    margin-bottom: var(--space-lg);
    line-height: 1.7;
}

.inner-content__body {
    font-size: 1.03125rem;
    color: var(--color-grey-700);
    line-height: 1.75;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.inner-content__body ul,
.inner-content__body ol {
    margin: var(--space-md) 0 var(--space-md) var(--space-lg);
}

.inner-content__body li { margin-bottom: var(--space-sm); }

/* Profile split section */
.inner-split--profile {
    background: linear-gradient(180deg, var(--color-grey-50) 0%, var(--color-white) 100%);
}

.inner-split__header {
    max-width: 720px;
    margin-bottom: var(--space-2xl);
}

.inner-split__title {
    margin-bottom: var(--space-sm);
}

.inner-split__lead {
    font-size: 1.0625rem;
    color: var(--color-grey-500);
    line-height: 1.7;
    margin: 0;
}

.inner-split__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3xl);
    align-items: center;
}

.inner-split__grid--profile {
    grid-template-columns: 1.35fr 0.75fr;
    align-items: start;
    gap: clamp(1.5rem, 3vw, 2.5rem);
}

.inner-split__content--profile .split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.25rem, 3vw, 2rem);
}

.inner-split__content--profile .split > div {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-lg);
    padding: var(--space-xl);
    box-shadow: var(--shadow-sm);
}

.inner-split__content--profile .split h3 {
    font-size: 1.0625rem;
    color: var(--color-navy-900);
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 2px solid rgba(201, 162, 39, 0.35);
}

.inner-split__content--profile .split p {
    font-size: 0.96875rem;
    color: var(--color-grey-500);
    line-height: 1.7;
    margin-bottom: var(--space-sm);
}

.inner-split__visual img {
    width: 100%;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-premium);
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.profile-trust-card {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-xl);
    padding: var(--space-xl);
    box-shadow: var(--shadow-premium);
    position: sticky;
    top: calc(var(--header-height) + var(--announcement-height) + 1rem);
}

.profile-trust-card__header {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--color-grey-100);
}

.profile-trust-card__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gradient-gold);
    color: var(--color-navy-900);
    border-radius: var(--radius-sm);
    font-size: 1.125rem;
}

.profile-trust-card__label {
    font-family: var(--font-heading);
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-navy-900);
}

.profile-trust-card__list {
    list-style: none;
    margin: 0 0 var(--space-lg);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.profile-trust-card__list li {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    font-size: 0.9375rem;
    color: var(--color-grey-700);
    line-height: 1.55;
}

.profile-trust-card__marker {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(201, 162, 39, 0.12);
    color: var(--color-gold-500);
    border-radius: 50%;
    font-size: 0.75rem;
    margin-top: 2px;
}

.profile-trust-card__footer {
    display: flex;
    align-items: flex-start;
    gap: var(--space-xs);
    font-size: 0.8125rem;
    color: var(--color-grey-500);
    line-height: 1.5;
    margin: 0;
    padding-top: var(--space-md);
    border-top: 1px solid var(--color-grey-100);
}

.profile-trust-card__footer i {
    color: var(--color-gold-500);
    margin-top: 2px;
}

/* Experience cards */
.inner-cards__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-lg);
}

.inner-cards__grid--experience {
    grid-template-columns: repeat(4, 1fr);
}

.inner-card--experience {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--color-grey-100);
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.inner-card--experience.card--quiet {
    cursor: default;
}

.inner-card--experience:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-card-hover);
    border-color: rgba(201, 162, 39, 0.22);
}

.inner-card--experience.card--quiet:hover {
    transform: none;
    box-shadow: none;
    border-color: rgba(12, 35, 64, 0.12);
}

.inner-card--experience .card__icon {
    width: 58px;
    height: 58px;
    font-size: 1.5rem;
    background: linear-gradient(145deg, rgba(20, 54, 96, 0.07) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.12);
}

.inner-card--experience .card__text {
    flex: 1;
    font-size: 0.96875rem;
    line-height: 1.7;
}

.inner-card__subtitle {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-gold-500);
    margin-bottom: var(--space-sm);
}

/* Principles / Values — premium 2-column tiles */
.inner-content--principles {
    background: var(--surface-navy-wash);
    position: relative;
    overflow: hidden;
}

.inner-content--principles::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 55% 40% at 8% 20%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 45% 35% at 92% 80%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.inner-principles {
    position: relative;
    z-index: 1;
}

.inner-principles__header {
    max-width: 40rem;
    margin-inline: 0;
    margin-bottom: clamp(1.75rem, 3.5vw, 2.5rem);
    text-align: left;
}

.inner-principles__header .section__subtitle {
    max-width: 34rem;
    margin-inline: 0;
}

.inner-principles__pathway {
    max-width: none;
    margin-inline: 0;
}

.inner-principles__pathway ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(0.85rem, 1.8vw, 1.15rem);
    counter-reset: principle;
}

.inner-principles__pathway ul::before {
    display: none;
}

.inner-principles__pathway li {
    counter-increment: principle;
    position: relative;
    margin: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-height: 100%;
    padding: 1.35rem 1.35rem 1.35rem 4.15rem;
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-radius: var(--radius-lg);
    background: var(--color-white);
    box-shadow: none;
    font-size: 0.96875rem;
    line-height: 1.65;
    color: var(--color-grey-700);
    overflow: hidden;
    transition:
        border-color var(--transition),
        background-color var(--transition);
}

.inner-principles__pathway li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--gradient-gold);
    opacity: 0.45;
    transition: opacity var(--transition);
}

.inner-principles__pathway li:hover {
    border-color: rgba(201, 162, 39, 0.35);
    background: var(--color-white);
}

.inner-principles__pathway li:hover::after {
    opacity: 0.9;
}

.inner-principles__pathway li::before {
    content: counter(principle, decimal-leading-zero);
    position: absolute;
    left: 1.1rem;
    top: 1.3rem;
    z-index: 1;
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--color-navy-900);
    background: linear-gradient(145deg, #fffdf6 0%, var(--color-white) 100%);
    border: 1.5px solid rgba(201, 162, 39, 0.55);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(201, 162, 39, 0.12);
    transition:
        border-color var(--transition),
        color var(--transition),
        box-shadow var(--transition),
        background-color var(--transition);
}

.inner-principles__pathway li:hover::before {
    color: var(--color-navy-900);
    border-color: var(--color-gold-500);
    background: linear-gradient(145deg, #fff8e6 0%, #fffdf6 100%);
    box-shadow: 0 4px 14px rgba(201, 162, 39, 0.22);
}

.inner-principles__pathway li strong {
    display: block;
    color: var(--color-navy-900);
    font-family: var(--font-heading);
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
    letter-spacing: -0.015em;
    transition: color var(--transition);
}

.inner-principles__pathway li:hover strong {
    color: var(--color-navy-800);
}

@media (max-width: 768px) {
    .inner-principles__pathway ul {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .inner-principles__pathway li {
        padding: 1.05rem 1rem 1.05rem 3.5rem;
        min-height: 0;
    }

    .inner-principles__pathway li::before {
        left: 0.85rem;
        top: 1rem;
        width: 2.1rem;
        height: 2.1rem;
    }
}

/* Why ask highlight section */
.inner-highlight__grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: start;
}

.inner-highlight__quote {
    font-family: var(--font-heading);
    font-size: clamp(1.125rem, 2.2vw, 1.375rem);
    font-weight: 600;
    color: var(--color-navy-800);
    line-height: 1.45;
    margin-bottom: var(--space-lg);
    padding-left: var(--space-md);
    border-left: 3px solid var(--color-gold-500);
}

.inner-highlight__card {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-xl);
    padding: var(--space-xl);
    box-shadow: var(--shadow-premium);
}

.inner-highlight__card-label {
    display: block;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-gold-500);
    margin-bottom: var(--space-sm);
}

.inner-highlight__card-title {
    font-size: 1.125rem;
    margin-bottom: var(--space-lg);
    color: var(--color-navy-900);
}

.inner-highlight__card-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.inner-highlight__card-list li {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    font-size: 0.9375rem;
    color: var(--color-grey-600);
    line-height: 1.55;
}

.inner-highlight__card-list i {
    color: var(--color-gold-500);
    margin-top: 3px;
    flex-shrink: 0;
}

/* Inner CTA band */
.inner-cta-band .cta-block__action {
    flex-wrap: wrap;
}

.inner-cta-band .btn--whatsapp {
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.35);
}

/* Inner FAQ */
.inner-faq {
    background: var(--color-white);
}

.inner-faq .faq-list {
    max-width: 860px;
}

.insight-faq {
    background: linear-gradient(180deg, var(--color-grey-50) 0%, var(--color-white) 100%);
}

.inner-process__steps {
    max-width: 720px;
    margin-inline: auto;
}

.inner-process__steps ol {
    margin-left: var(--space-lg);
}

.inner-process__steps li {
    margin-bottom: var(--space-md);
    padding-left: var(--space-sm);
}

/* Process pathway (Insurance Guidance hub) */
@keyframes processPathwayIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-insurance-guidance .inner-process--pathway {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse 70% 55% at 50% 0%, rgba(20, 54, 96, 0.06) 0%, transparent 65%),
        linear-gradient(180deg, var(--color-grey-50) 0%, var(--color-white) 72%);
}

.page-insurance-guidance .inner-process--pathway .inner-process__header {
    margin-bottom: clamp(2.25rem, 4.5vw, 3.25rem);
}

.page-insurance-guidance .inner-process--pathway .section__subtitle {
    max-width: 560px;
    margin-inline: auto;
    line-height: 1.72;
}

.page-insurance-guidance .inner-process__steps--pathway {
    max-width: 1080px;
    margin-inline: auto;
}

.page-insurance-guidance .inner-process__steps--pathway ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-lg);
    counter-reset: process-step;
    position: relative;
}

.page-insurance-guidance .inner-process__steps--pathway ol::before {
    content: '';
    position: absolute;
    top: 1.5rem;
    left: calc(12.5% + 0.5rem);
    right: calc(12.5% + 0.5rem);
    height: 2px;
    background: linear-gradient(
        90deg,
        rgba(201, 162, 39, 0.15) 0%,
        var(--color-gold-500) 18%,
        var(--color-gold-400) 50%,
        var(--color-gold-500) 82%,
        rgba(201, 162, 39, 0.15) 100%
    );
    pointer-events: none;
    z-index: 0;
}

.page-insurance-guidance .inner-process__steps--pathway li {
    counter-increment: process-step;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0.9375rem;
    color: var(--color-grey-500);
    line-height: 1.65;
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    animation: processPathwayIn 0.55s ease both;
}

.page-insurance-guidance .inner-process__steps--pathway li:nth-child(1) { animation-delay: 0.04s; }
.page-insurance-guidance .inner-process__steps--pathway li:nth-child(2) { animation-delay: 0.12s; }
.page-insurance-guidance .inner-process__steps--pathway li:nth-child(3) { animation-delay: 0.2s; }
.page-insurance-guidance .inner-process__steps--pathway li:nth-child(4) { animation-delay: 0.28s; }

.page-insurance-guidance .inner-process__steps--pathway li::before {
    content: counter(process-step, decimal-leading-zero);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    margin: 0 auto var(--space-lg);
    font-family: var(--font-heading);
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: var(--color-gold-300);
    background: var(--color-navy-900);
    border: 1px solid rgba(201, 162, 39, 0.55);
    border-radius: 50%;
    box-shadow:
        0 0 0 6px var(--color-grey-50),
        0 10px 28px rgba(7, 21, 37, 0.18);
    /* Static marker — steps are not links (UX-GUIDE-PROC-S1) */
    transition: none;
}

.page-insurance-guidance .inner-process__steps--pathway li strong {
    display: block;
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    color: var(--color-navy-900);
    margin-bottom: var(--space-sm);
    line-height: 1.35;
}

.inner-contact__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-lg);
}

.inner-contact-card {
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: var(--radius-lg);
    padding: var(--space-xl);
    text-align: center;
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition), box-shadow var(--transition);
}

.inner-contact-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.inner-contact-card__icon {
    width: 56px;
    height: 56px;
    margin-inline: auto;
    margin-bottom: var(--space-md);
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(20, 54, 96, 0.08), rgba(201, 162, 39, 0.12));
    border-radius: var(--radius-md);
    color: var(--color-navy-700);
    font-size: 1.5rem;
}

.inner-contact-card__title {
    margin-bottom: var(--space-sm);
}

.inner-contact-card p {
    font-size: 0.9375rem;
    color: var(--color-grey-500);
    margin-bottom: var(--space-lg);
}

.inner-contact__form-note {
    text-align: center;
    margin-top: var(--space-xl);
    padding: var(--space-md);
    background: var(--color-grey-100);
    border-radius: var(--radius-md);
    font-size: 0.875rem;
    color: var(--color-grey-500);
}

.inner-contact__form-wrap {
    margin-top: var(--space-3xl);
    padding-top: var(--space-3xl);
    border-top: 1px solid var(--color-grey-200);
}

.inner-contact__form-header {
    max-width: none;
    margin-bottom: var(--space-lg);
}

.inner-contact__form-title {
    font-size: clamp(1.375rem, 2.5vw, 1.75rem);
    margin-bottom: var(--space-sm);
}

.inner-contact__form-intro {
    color: var(--color-grey-600);
    font-size: 1rem;
    line-height: 1.68;
}

.contact-form__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-lg);
}

.contact-form__group {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.contact-form__group--full {
    grid-column: 1 / -1;
}

.contact-form__group label {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-navy-800);
}

.contact-form__group .required {
    color: var(--color-gold-600);
    font-weight: 700;
}

.contact-form__group input,
.contact-form__group select,
.contact-form__group textarea {
    width: 100%;
    padding: 0.85rem 1rem;
    border: 1px solid var(--color-grey-200);
    border-radius: var(--radius-md);
    font: inherit;
    background: var(--color-white);
    box-shadow: var(--shadow-sm);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.contact-form__group input:focus,
.contact-form__group select:focus,
.contact-form__group textarea:focus {
    outline: none;
    border-color: var(--color-gold-500);
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.14);
}

.contact-form__group.has-error input,
.contact-form__group.has-error select,
.contact-form__group.has-error textarea {
    border-color: #c0392b;
    box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.1);
}

.contact-form__error {
    font-size: 0.8125rem;
    color: #c0392b;
    font-weight: 500;
}

.contact-form__honeypot {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.contact-form__actions {
    margin-top: var(--space-xl);
}

.contact-form__submit {
    gap: 0.4rem;
    box-shadow: 0 8px 24px rgba(201, 162, 39, 0.28);
}

.contact-form__disclaimer {
    margin-top: var(--space-lg);
    font-size: 0.8125rem;
    color: var(--color-grey-500);
    line-height: 1.65;
    max-width: none;
    padding: var(--space-md);
    background: var(--color-grey-50);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-grey-100);
}

.contact-form-alert {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    padding: var(--space-lg);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-xl);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.contact-form-alert__icon {
    flex-shrink: 0;
    font-size: 1.35rem;
    margin-top: 2px;
}

.contact-form-alert__body {
    flex: 1;
}

.contact-form-alert__title {
    display: block;
    font-family: var(--font-heading);
    font-size: 1rem;
    margin-bottom: 0.25rem;
}

.contact-form-alert__body p {
    margin: 0;
}

.contact-form-alert__list {
    margin: 0.35rem 0 0;
    padding-left: 1.15rem;
}

.contact-form-alert__list a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.contact-form-alert--success {
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
    border: 1px solid #86efac;
    color: #065f46;
}

.contact-form-alert--success .contact-form-alert__icon {
    color: #059669;
}

.contact-form-alert--error {
    background: linear-gradient(135deg, #fef2f2 0%, #fff5f5 100%);
    border: 1px solid #fca5a5;
    color: #991b1b;
}

.contact-form-alert--error .contact-form-alert__icon {
    color: #dc2626;
}

@media (max-width: 768px) {
    .contact-form__grid {
        grid-template-columns: 1fr;
    }
}

.inner-disclaimer__box {
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    border-radius: var(--radius-lg);
    padding: var(--space-xl);
    max-width: 800px;
    margin-inline: auto;
}

.inner-disclaimer__title {
    font-size: 1.125rem;
    margin-bottom: var(--space-md);
}

.inner-disclaimer__text {
    font-size: 0.875rem;
    color: var(--color-grey-500);
    line-height: 1.7;
}

.inner-hero--legal {
    padding-bottom: var(--space-2xl);
}

.inner-hero__grid--single {
    grid-template-columns: 1fr;
}

.inner-content--legal .inner-content__wrap {
    max-width: 780px;
}

.legal-content h2 {
    font-family: var(--font-heading);
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-navy-900);
    margin: var(--space-2xl) 0 var(--space-md);
}

.legal-content h2:first-child {
    margin-top: 0;
}

.legal-content p,
.legal-content li {
    color: var(--color-grey-700);
    line-height: 1.75;
}

.legal-content ul {
    margin: 0 0 var(--space-lg);
    padding-left: 1.25rem;
}

.legal-content__cta {
    margin-top: var(--space-3xl);
    padding-top: var(--space-2xl);
    border-top: 1px solid var(--color-grey-200);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-md);
}

.legal-content__cta p {
    width: 100%;
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--color-navy-900);
    margin: 0 0 var(--space-sm);
}

.inner-related {
    padding-top: 0;
    padding-bottom: var(--space-3xl);
}

.inner-related__header {
    text-align: left;
    margin-bottom: var(--space-xl);
}

.inner-related__title {
    margin-bottom: 0;
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
}

.inner-related__links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
    max-width: 960px;
    margin-inline: auto;
}

.inner-related__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    padding: var(--space-lg) var(--space-xl);
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: var(--radius-lg);
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--color-navy-800);
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition), color var(--transition);
}

.inner-related__link:hover {
    color: var(--color-navy-900);
    border-color: rgba(201, 162, 39, 0.3);
    box-shadow: var(--shadow-md);
    transform: translateY(-3px);
}

.inner-related__link i {
    color: var(--color-gold-500);
    transition: transform var(--transition);
}

.inner-related__link:hover i {
    transform: translateX(4px);
}

.page-about .section {
    padding-block: clamp(3rem, 6vw, 5rem);
}

.page-about .inner-hero {
    padding-block: clamp(3rem, 7vw, 5.5rem);
}

.page-about .section__header {
    margin-bottom: clamp(2rem, 4vw, 3rem);
}

.page-about .section__subtitle {
    line-height: 1.72;
}

/* About hero */
.inner-hero--about .inner-hero__eyebrow i {
    color: var(--color-gold-400);
}

.inner-hero--about .inner-hero__pattern {
    mask-image: radial-gradient(ellipse 68% 58% at 72% 35%, black 18%, transparent 74%);
}

.inner-hero--about .inner-hero__intro {
    font-size: 1rem;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.82);
}

.inner-hero--about .btn--whatsapp {
    box-shadow: 0 8px 26px rgba(37, 211, 102, 0.34);
}

.inner-hero__about-frame {
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.4), rgba(42, 95, 150, 0.15));
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
}

.inner-hero__about-frame img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center top;
}

.page-about .inner-hero__profile-card {
    text-align: left;
}

.page-about .inner-hero__profile-card--brand .brand-logo-panel {
    align-items: flex-start;
    text-align: left;
    margin-inline: 0;
}

.page-about .inner-hero__profile-avatar {
    margin-inline: 0;
}

.page-about .inner-hero__profile-tags li {
    transition: background var(--transition), border-color var(--transition);
}

.page-about .inner-hero__profile-tags li:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(201, 162, 39, 0.25);
}

/* Profile split */
.page-about .inner-split--profile {
    background: linear-gradient(180deg, #f4f7fb 0%, var(--color-white) 100%);
}

.page-about .inner-split__header {
    max-width: 760px;
}

.page-about .inner-split__lead {
    color: var(--color-grey-600);
}

.page-about .profile-trust-card {
    border-top: 3px solid var(--color-gold-500);
}

.page-about .inner-split__content--profile .split > div {
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.page-about .inner-split__content--profile .split > div:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
    border-color: rgba(201, 162, 39, 0.18);
}

/* Experience cards */
.inner-cards--about {
    background: linear-gradient(180deg, var(--color-white) 0%, #f7f9fc 50%, var(--color-white) 100%);
}

.inner-card--about-experience {
    position: relative;
    overflow: hidden;
    padding-top: calc(var(--space-xl) + 4px);
    border-radius: var(--radius-lg);
    background: var(--color-white);
    box-shadow: none;
}

.inner-card--about-experience.card--quiet {
    box-shadow: none;
}

.inner-card--about-experience::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--gradient-gold);
    opacity: 0.4;
}

.inner-card--about-experience .card__icon {
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.07) 0%, rgba(201, 162, 39, 0.13) 100%);
    border: 1px solid rgba(201, 162, 39, 0.12);
}

.inner-card--about-experience .card__title {
    font-size: 1.0625rem;
    line-height: 1.35;
}

/* Track Record — scoped tiles instead of a prose list */
.inner-content--track-record {
    background: linear-gradient(180deg, #f4f7fb 0%, var(--color-white) 42%, var(--color-white) 100%);
}

.about-track__header {
    max-width: 40rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.about-track__header .section__subtitle {
    max-width: 34rem;
    margin-inline: 0;
}

.about-track__lead {
    max-width: 42rem;
    margin: 0 0 1.5rem;
}

.about-track__lead p {
    margin: 0;
    color: var(--color-grey-600);
}

.about-track__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.about-track__card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
    padding: 1.3rem 1.2rem 1.2rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-radius: var(--radius-lg);
    box-shadow: none;
    overflow: hidden;
}

.about-track__card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--gradient-gold);
    opacity: 0.55;
}

.about-track__icon {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1.05rem;
}

.about-track__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.about-track__text {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
}

.about-track__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.25rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.about-track__note > i {
    color: var(--color-gold-500);
    font-size: 1.1rem;
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.about-track__note .inner-content__body,
.about-track__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
}

.page-about .inner-content--track-record .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
}

/* How This Site Is Written — author panel + 2x2 standards */
.inner-content--editorial {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--editorial::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.about-editorial {
    position: relative;
    z-index: 1;
}

.about-editorial__header {
    max-width: 40rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.about-editorial__header .section__subtitle {
    max-width: 36rem;
    margin-inline: 0;
}

.page-about .inner-content--editorial .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
}

.about-editorial__layout {
    display: grid;
    grid-template-columns: minmax(16rem, 0.92fr) minmax(22rem, 1.4fr);
    gap: 1.15rem 1.35rem;
    align-items: stretch;
}

.about-editorial__author {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 1.5rem 1.4rem 1.45rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.about-editorial__author-icon {
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.2rem;
}

.about-editorial__author-label {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.about-editorial__author-body,
.about-editorial__author-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.96875rem;
    line-height: 1.65;
}

.about-editorial__author-body strong {
    color: var(--color-white);
    display: block;
    margin-bottom: 0.45rem;
    font-size: 1.0625rem;
    line-height: 1.4;
}

.about-editorial__standards {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.9rem;
}

.about-editorial__card {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    padding: 1.15rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-radius: var(--radius-lg);
}

.about-editorial__icon {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 0.95rem;
}

.about-editorial__title {
    font-family: var(--font-heading);
    font-size: 0.96875rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.about-editorial__text,
.about-editorial__text p {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--color-grey-600);
}

.about-editorial__text a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Start Here — destination cards (About) */
.inner-content--start-here {
    background: linear-gradient(180deg, var(--color-white) 0%, #f4f7fb 100%);
}

.about-start__header {
    max-width: 40rem;
    margin-inline: 0;
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.about-start__header .section__subtitle {
    max-width: 34rem;
    margin-inline: 0;
}

.page-about .inner-content--start-here .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
}

.about-start__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.about-start__card {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 5.25rem;
    height: 100%;
    padding: 1.05rem 1.05rem 1.05rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-radius: var(--radius-lg);
    color: var(--color-navy-800);
    text-decoration: none;
    box-shadow: none;
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.about-start__icon {
    width: 2.45rem;
    height: 2.45rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1.05rem;
}

.about-start__title {
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--font-heading);
    font-size: 0.96875rem;
    font-weight: 700;
    line-height: 1.35;
}

.about-start__arrow {
    flex-shrink: 0;
    color: var(--color-gold-500);
    font-size: 1rem;
    transition: transform var(--transition), color var(--transition);
}

.about-start__card:hover,
.about-start__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.35);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

.about-start__card:hover .about-start__arrow,
.about-start__card:focus-visible .about-start__arrow {
    transform: translateX(3px);
    color: var(--color-gold-400);
}

/* Principles & why ask */
.page-about .inner-content--principles {
    background: var(--surface-navy-wash);
}

.page-about .inner-principles__header .section__label {
    letter-spacing: 0.08em;
}

.page-about .inner-principles__pathway li strong {
    font-size: 1.125rem;
}

.page-about .inner-principles__pathway li {
    font-size: 1rem;
    line-height: 1.68;
}

.page-about .inner-content--highlight {
    background: linear-gradient(180deg, #f4f7fb 0%, var(--color-grey-50) 100%);
}

.page-about .inner-highlight__card {
    border-top: 3px solid var(--color-gold-500);
}

.page-about .inner-highlight__main .inner-content__body {
    font-size: 1.03125rem;
    line-height: 1.75;
}

/* About CTA */
.inner-cta-band--trust {
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 22px 52px rgba(7, 21, 37, 0.24);
}

.inner-cta-band--trust .cta-block__pattern--dark {
    background-image:
        radial-gradient(circle at 14% 78%, rgba(201, 162, 39, 0.13) 0%, transparent 42%),
        radial-gradient(circle at 88% 22%, rgba(42, 95, 150, 0.11) 0%, transparent 40%),
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: auto, auto, 32px 32px, 32px 32px;
}

.inner-cta-band--trust .cta-block__deco {
    color: rgba(201, 162, 39, 0.07);
}

.page-about .inner-cta-band .cta-block__action.btn-group {
    justify-content: flex-end;
}

.page-about .inner-cta-band .btn--whatsapp {
    box-shadow: 0 8px 26px rgba(37, 211, 102, 0.35);
}

/* FAQ & related */
.page-about .inner-faq {
    background: linear-gradient(180deg, var(--color-grey-50) 0%, var(--color-white) 100%);
}

.page-about .inner-faq__intro {
    display: block;
}

.page-about .inner-faq__intro .section__header {
    text-align: center;
    margin-inline: auto;
    max-width: none;
}

.page-about .inner-faq .faq-list {
    max-width: 880px;
    margin-inline: auto;
    gap: var(--space-md);
}

.page-about .inner-faq .faq-item {
    border-radius: var(--radius-lg);
    border-color: var(--color-grey-100);
    box-shadow: var(--shadow-sm);
}

.page-about .inner-faq .faq-item__question {
    font-size: clamp(1.03125rem, 2.2vw, 1.125rem);
}

.page-about .inner-faq .faq-item.is-open {
    border-color: rgba(201, 162, 39, 0.35);
    box-shadow: var(--shadow-md);
}

.page-about .inner-faq .faq-item.is-open .faq-item__question {
    border-left: 3px solid var(--color-gold-500);
    padding-left: calc(var(--space-xl) - 3px);
}

.page-about .inner-related {
    padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.page-about .inner-related__header {
    text-align: center;
}

.page-about .inner-related__links {
    max-width: 1000px;
    gap: var(--space-lg);
}

.page-about .inner-related__link {
    border-left: 3px solid transparent;
}

.page-about .inner-related__link:hover {
    border-left-color: var(--color-gold-500);
}

@media (max-width: 992px) {
    .about-track__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-editorial__layout {
        grid-template-columns: 1fr;
    }

    .about-start__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-about .inner-cta-band .cta-block__action.btn-group {
        justify-content: center;
    }

    .page-about .inner-cta-band--trust .cta-block__inner {
        flex-direction: column;
        text-align: center;
    }

    .page-about .inner-cta-band--trust .cta-block__action.btn-group {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .inner-hero__about-frame img,
    .inner-hero__guidance-frame img,
    .inner-hero__business-frame img,
    .inner-hero__individual-frame img,
    .inner-hero__contact-frame img,
    .inner-hero__insights-frame img {
        aspect-ratio: 1 / 1;
    }

    .inner-hero__profile-card {
        padding: var(--space-lg);
    }

    .inner-hero__profile-tags li {
        font-size: 0.8125rem;
        padding: 0.55rem 0.75rem;
    }

    .page-about .inner-split__content--profile .split {
        grid-template-columns: 1fr;
    }

    .about-track__grid {
        grid-template-columns: 1fr;
    }

    .about-editorial__standards {
        grid-template-columns: 1fr;
    }

    .about-start__grid {
        grid-template-columns: 1fr;
    }
}

/* --------------------------------------------------------------------------
   Insurance Guidance page polish
   -------------------------------------------------------------------------- */
.inner-hero--guidance {
    position: relative;
}

.inner-hero--guidance .inner-hero__eyebrow i {
    color: var(--color-gold-400);
}

.inner-hero--guidance .inner-hero__pattern {
    mask-image: radial-gradient(ellipse 70% 62% at 74% 32%, black 16%, transparent 72%);
}

.inner-hero--guidance .inner-hero__lead {
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.9);
}

.inner-hero--guidance .inner-hero__intro {
    font-size: 1rem;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.82);
}

.inner-hero--guidance .inner-hero__visual {
    position: relative;
}

.inner-hero__guidance-frame {
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.4), rgba(42, 95, 150, 0.15));
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
}

.inner-hero__guidance-frame img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}

.inner-hero__business-frame {
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.4), rgba(42, 95, 150, 0.15));
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
}

.inner-hero__business-frame img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}

.inner-hero__guidance-card {
    position: relative;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-xl);
    padding: clamp(1.25rem, 3vw, 1.75rem);
    backdrop-filter: blur(20px);
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.22);
    overflow: hidden;
}

.inner-hero__guidance-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 12%;
    right: 12%;
    height: 3px;
    background: var(--gradient-gold);
    border-radius: 0 0 4px 4px;
}

.inner-hero__guidance-pattern {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 15% 25%, rgba(201, 162, 39, 0.14) 0%, transparent 45%),
        radial-gradient(circle at 85% 75%, rgba(42, 95, 150, 0.18) 0%, transparent 50%);
    pointer-events: none;
}

.inner-hero__guidance-header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-heading);
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-gold-300);
    margin-bottom: var(--space-md);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.inner-hero__guidance-header i {
    font-size: 1.25rem;
    color: var(--color-gold-400);
}

.inner-hero__guidance-topics {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 0 0 var(--space-md);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.inner-hero__guidance-topics li {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-sm);
    padding: 0.6rem 0.85rem;
}

.inner-hero__guidance-topics i {
    color: var(--color-gold-400);
    font-size: 1.05rem;
    flex-shrink: 0;
}

.inner-hero__guidance-badges {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.inner-hero__guidance-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(201, 162, 39, 0.12);
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 100px;
    padding: 0.35rem 0.7rem;
}

.inner-hero__guidance-badge i {
    color: var(--color-gold-400);
}

.inner-hero--guidance .btn--whatsapp {
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.35);
}

/* How guidance includes split */
.inner-split--guidance {
    background: linear-gradient(180deg, var(--color-grey-50) 0%, var(--color-white) 100%);
}

.inner-split__grid--guidance {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: clamp(1.5rem, 3vw, 2.5rem);
}

.inner-split__content--guidance {
    display: flex;
    min-height: 100%;
}

.inner-split__content--guidance .inner-content__body {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-xl);
    padding: var(--space-xl);
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-md);
    width: 100%;
    min-height: 100%;
}

.inner-split__content--guidance .inner-content__body p {
    font-size: 1.03125rem;
    line-height: 1.75;
    color: var(--color-grey-600);
    margin: 0;
}

.inner-split__content--guidance .inner-content__body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.inner-split__content--guidance .inner-content__body li {
    position: relative;
    padding-left: 1.35rem;
    font-size: 0.96875rem;
    line-height: 1.55;
    color: var(--color-grey-700);
}

.inner-split__content--guidance .inner-content__body li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--color-gold-500);
}

.guidance-checklist-panel {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-xl);
    padding: var(--space-xl);
    box-shadow: var(--shadow-premium);
    position: sticky;
    top: calc(var(--header-height) + var(--announcement-height) + 1rem);
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
}

.guidance-checklist-panel__header {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--color-grey-100);
}

.guidance-checklist-panel__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gradient-gold);
    color: var(--color-navy-900);
    border-radius: var(--radius-sm);
    font-size: 1.125rem;
}

.guidance-checklist-panel__label {
    font-family: var(--font-heading);
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-navy-900);
    line-height: 1.35;
}

.guidance-checklist-panel__list {
    list-style: none;
    margin: 0 0 var(--space-md);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.guidance-checklist-panel__list li {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    font-size: 0.9375rem;
    color: var(--color-grey-700);
    line-height: 1.5;
}

.guidance-checklist-panel__list i {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(201, 162, 39, 0.12);
    color: var(--color-gold-500);
    border-radius: 50%;
    font-size: 0.75rem;
    margin-top: 1px;
}

.guidance-checklist-panel__note {
    font-size: 0.8125rem;
    color: var(--color-grey-500);
    line-height: 1.55;
    margin: auto 0 0;
    padding-top: var(--space-md);
    border-top: 1px solid var(--color-grey-100);
}

/* Guidance area cards */
.inner-cards--guidance {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.inner-cards__grid--guidance {
    grid-template-columns: repeat(3, 1fr);
}

.inner-card--guidance {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--color-grey-100);
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

#employee-benefits,
#group-medical,
#claims,
#renewals,
#renewal-review,
#confusion,
#before-choose,
#further-reading,
#contact-enquiry {
    scroll-margin-top: calc(var(--header-height) + var(--announcement-height, 0px) + 1rem);
}

.inner-card--guidance::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--gradient-gold);
    opacity: 0.85;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.inner-card--guidance {
    position: relative;
    overflow: hidden;
    padding-top: calc(var(--space-xl) + 4px);
}

.inner-card--guidance:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-card-hover);
    border-color: rgba(201, 162, 39, 0.22);
}

.inner-card--guidance .card__icon {
    width: 58px;
    height: 58px;
    font-size: 1.5rem;
    background: linear-gradient(145deg, rgba(20, 54, 96, 0.07) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.12);
}

.inner-card--guidance .card__text {
    flex: 1;
    font-size: 0.96875rem;
    line-height: 1.7;
}

.inner-card--guidance .card__link {
    margin-top: auto;
    padding-top: var(--space-sm);
    font-size: 0.875rem;
}

.inner-cta-band--guidance-hub {
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 22px 52px rgba(7, 21, 37, 0.24);
}

.inner-cta-band--guidance-hub .cta-block__content h2 {
    font-size: clamp(1.375rem, 2.8vw, 1.875rem);
}

.inner-cta-band--guidance-hub .cta-block__content p {
    font-size: 1.0625rem;
    line-height: 1.7;
}

.inner-cta-band--guidance-hub .cta-block__pattern--dark {
    background-image:
        radial-gradient(circle at 12% 78%, rgba(201, 162, 39, 0.13) 0%, transparent 42%),
        radial-gradient(circle at 88% 20%, rgba(42, 95, 150, 0.11) 0%, transparent 40%),
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: auto, auto, 32px 32px, 32px 32px;
}

.inner-cta-band--guidance-hub .cta-block__deco {
    color: rgba(201, 162, 39, 0.07);
    right: 4%;
}

.inner-cta-band--guidance-hub .btn--outline-light {
    border-color: rgba(255, 255, 255, 0.45);
    color: var(--color-white);
}

.inner-cta-band--guidance-hub .btn--outline-light:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.65);
    color: var(--color-white);
}

.page-guidance .section {
    padding-block: clamp(3rem, 6vw, 5rem);
}

.page-guidance .inner-hero {
    padding-block: clamp(3rem, 7vw, 5.5rem);
}

.page-guidance .section__header {
    margin-bottom: clamp(2rem, 4vw, 3rem);
}

.page-guidance .section__subtitle {
    max-width: 720px;
    margin-inline: auto;
    line-height: 1.72;
}

/* The Short Version — entity definition on Insurance Guidance */
.inner-content--short-version {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--short-version::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.guidance-short {
    position: relative;
    z-index: 1;
}

.guidance-short__header {
    max-width: 42rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.guidance-short__header .section__title {
    max-width: 38rem;
}

.guidance-short__header .section__subtitle {
    max-width: 36rem;
    margin-inline: 0;
}

.page-guidance .inner-content--short-version .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
}

.guidance-short__definition {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: 1.35rem 1.4rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.guidance-short__definition-icon {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.15rem;
    margin-top: 0.1rem;
}

.guidance-short__definition-body,
.guidance-short__definition-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    line-height: 1.65;
}

.guidance-short__definition-body strong {
    color: var(--color-white);
    display: block;
    margin-bottom: 0.45rem;
    font-size: 1.0625rem;
    line-height: 1.4;
}

.guidance-short__definition-body a {
    color: var(--color-gold-300);
}

.guidance-short__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.guidance-short__card {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-radius: var(--radius-lg);
}

.guidance-short__card--does {
    border-top: 3px solid var(--color-gold-500);
}

.guidance-short__card--does-not {
    background: #f7f9fc;
    border-top: 3px solid var(--color-navy-700);
}

.guidance-short__card--audience {
    border-top: 3px solid var(--color-gold-400);
}

.guidance-short__card--regulated {
    border-top: 3px solid var(--color-navy-800);
}

.guidance-short__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.guidance-short__card--does-not .guidance-short__icon {
    background: rgba(20, 54, 96, 0.08);
    border-color: rgba(20, 54, 96, 0.16);
    color: var(--color-navy-700);
}

.guidance-short__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.guidance-short__text,
.guidance-short__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
}

.guidance-short__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.guidance-short__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.guidance-short__note .inner-content__body,
.guidance-short__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
}

.guidance-short__note a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 768px) {
    .guidance-short__grid {
        grid-template-columns: 1fr;
    }

    .guidance-short__definition {
        padding: 1.15rem 1.15rem 1.1rem;
    }
}

/* Topic Guides — destination cards on Insurance Guidance */
.inner-content--topic-guides {
    position: relative;
    background: var(--surface-navy-wash);
}

.inner-content--topic-guides::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.guidance-topics {
    position: relative;
    z-index: 1;
}

.guidance-topics__header {
    max-width: 42rem;
    margin-inline: 0;
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.guidance-topics__header .section__title {
    max-width: 38rem;
}

.guidance-topics__header .section__subtitle {
    max-width: 36rem;
    margin-inline: 0;
}

.page-guidance .inner-content--topic-guides .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
}

.guidance-topics__intro {
    max-width: 40rem;
    margin: 0 0 1.15rem;
}

.guidance-topics__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.guidance-topics__grid > li {
    min-width: 0;
    display: flex;
}

.guidance-topics__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
    width: 100%;
    min-height: 8.5rem;
    padding: 1.15rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    color: var(--color-navy-800);
    text-decoration: none;
    box-shadow: none;
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.guidance-topics__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0.75rem;
    margin-bottom: 0.15rem;
}

.guidance-topics__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.guidance-topics__arrow {
    color: var(--color-gold-500);
    font-size: 1rem;
    transition: transform var(--transition), color var(--transition);
}

.guidance-topics__title {
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.guidance-topics__desc {
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--color-grey-600);
}

.guidance-topics__card:hover,
.guidance-topics__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

.guidance-topics__card:hover .guidance-topics__arrow,
.guidance-topics__card:focus-visible .guidance-topics__arrow {
    transform: translateX(3px);
    color: var(--color-gold-400);
}

.guidance-topics__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.guidance-topics__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.guidance-topics__note .inner-content__body,
.guidance-topics__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
}

.guidance-topics__note a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 992px) {
    .guidance-topics__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .guidance-topics__grid {
        grid-template-columns: 1fr;
    }
}

.page-guidance .inner-split__header {
    max-width: 760px;
    margin-bottom: clamp(2rem, 4vw, 2.75rem);
}

.page-guidance .inner-split__lead {
    color: var(--color-grey-600);
    line-height: 1.72;
}

.page-guidance .inner-cards--guidance .section__header {
    text-align: left;
}

.page-guidance .inner-cards--guidance .section__title {
    max-width: 680px;
    margin-inline: 0;
}

.page-guidance .inner-cards--guidance .section__subtitle {
    max-width: 640px;
    margin-inline: 0;
}

.page-guidance .inner-cta-band .cta-block__action.btn-group {
    justify-content: flex-end;
}

.page-guidance .inner-cta-band .btn--whatsapp {
    box-shadow: 0 8px 26px rgba(37, 211, 102, 0.35);
}

.page-guidance .inner-faq {
    background: linear-gradient(180deg, var(--color-grey-50) 0%, var(--color-white) 100%);
}

.page-guidance .inner-faq__intro {
    display: block;
}

.page-guidance .inner-faq__intro .section__header {
    text-align: center;
    margin-inline: auto;
    max-width: none;
}

.page-guidance .inner-faq .faq-list {
    max-width: 880px;
    margin-inline: auto;
    gap: var(--space-md);
}

.page-guidance .inner-faq .faq-item {
    border-radius: var(--radius-lg);
    border-color: var(--color-grey-100);
    box-shadow: var(--shadow-sm);
}

.page-guidance .inner-faq .faq-item__question {
    font-size: 1rem;
}

.page-guidance .inner-faq .faq-item.is-open {
    border-color: rgba(201, 162, 39, 0.38);
    box-shadow: var(--shadow-md);
}

.page-guidance .inner-faq .faq-item.is-open .faq-item__question {
    border-left: 3px solid var(--color-gold-500);
    padding-left: calc(var(--space-xl) - 3px);
}

.page-guidance .inner-related {
    padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.page-guidance .inner-related__links {
    max-width: 1000px;
    gap: var(--space-lg);
}

.page-guidance .inner-related__link {
    border-left: 3px solid transparent;
    padding: var(--space-lg) var(--space-xl);
}

.page-guidance .inner-related__link:hover {
    border-left-color: var(--color-gold-500);
}

/* Further reading — soft navy/gold link tiles (guide + business + individual hubs) */
:is(
    .page-insurance-guidance,
    .page-business-insurance-guidance,
    .page-individual-health-insurance-guidance
) .guide-further-reading {
    padding-block: clamp(2.75rem, 5.5vw, 4.25rem);
}

:is(
    .page-insurance-guidance,
    .page-business-insurance-guidance,
    .page-individual-health-insurance-guidance
) .guide-further-reading__header {
    margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

:is(
    .page-insurance-guidance,
    .page-business-insurance-guidance,
    .page-individual-health-insurance-guidance
) .guide-further-reading__header .section__subtitle {
    max-width: 36rem;
    margin-inline: auto;
}

:is(
    .page-insurance-guidance,
    .page-business-insurance-guidance,
    .page-individual-health-insurance-guidance
) .guide-further-reading__body {
    max-width: 52rem;
    margin-inline: auto;
}

:is(
    .page-insurance-guidance,
    .page-business-insurance-guidance,
    .page-individual-health-insurance-guidance
) .guide-further-reading__body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 0.85rem;
}

:is(
    .page-insurance-guidance,
    .page-business-insurance-guidance,
    .page-individual-health-insurance-guidance
) .guide-further-reading__body li {
    margin: 0;
    min-width: 0;
}

:is(
    .page-insurance-guidance,
    .page-business-insurance-guidance,
    .page-individual-health-insurance-guidance
) .guide-further-reading__body li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    min-height: 3.25rem;
    padding: 0.85rem 1rem 0.85rem 1.05rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(221, 228, 237, 0.9);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-sm);
    box-shadow: none;
    font-family: var(--font-heading);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--color-navy-800);
    text-decoration: none;
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
}

:is(
    .page-insurance-guidance,
    .page-business-insurance-guidance,
    .page-individual-health-insurance-guidance
) .guide-further-reading__body li a::after {
    content: '\2192';
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    color: var(--color-gold-500);
    opacity: 0.85;
    transition: transform var(--transition), opacity var(--transition), color var(--transition);
}

:is(
    .page-insurance-guidance,
    .page-business-insurance-guidance,
    .page-individual-health-insurance-guidance
) .guide-further-reading__body li a:hover,
:is(
    .page-insurance-guidance,
    .page-business-insurance-guidance,
    .page-individual-health-insurance-guidance
) .guide-further-reading__body li a:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 4px 18px rgba(7, 21, 37, 0.06);
    transform: translateY(-1px);
    outline: none;
}

:is(
    .page-insurance-guidance,
    .page-business-insurance-guidance,
    .page-individual-health-insurance-guidance
) .guide-further-reading__body li a:hover::after,
:is(
    .page-insurance-guidance,
    .page-business-insurance-guidance,
    .page-individual-health-insurance-guidance
) .guide-further-reading__body li a:focus-visible::after {
    transform: translateX(3px);
    opacity: 1;
    color: var(--color-gold-400);
}

:is(
    .page-insurance-guidance,
    .page-business-insurance-guidance,
    .page-individual-health-insurance-guidance
) .guide-further-reading__body > p {
    margin: clamp(1.15rem, 2.5vw, 1.5rem) 0 0;
    padding-top: var(--space-md);
    border-top: 1px solid rgba(221, 228, 237, 0.85);
    max-width: 40rem;
    font-size: 0.875rem;
    line-height: 1.65;
    color: var(--color-grey-500);
}

@media (max-width: 767px) {
    :is(
        .page-insurance-guidance,
        .page-business-insurance-guidance,
        .page-individual-health-insurance-guidance
    ) .guide-further-reading__body ul {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    :is(
        .page-insurance-guidance,
        .page-business-insurance-guidance,
        .page-individual-health-insurance-guidance
    ) .guide-further-reading__body li a {
        min-height: 3rem;
        padding: 0.8rem 0.9rem 0.8rem 0.95rem;
        font-size: 0.90625rem;
    }
}

/* --------------------------------------------------------------------------
   Business Insurance Guidance page polish
   -------------------------------------------------------------------------- */
.inner-hero--business .inner-hero__eyebrow i {
    color: var(--color-gold-400);
}

.inner-hero--business .inner-hero__pattern {
    mask-image: radial-gradient(ellipse 70% 60% at 75% 30%, black 15%, transparent 72%);
}

.inner-hero--business .inner-hero__lead {
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.9);
}

.inner-hero--business .inner-hero__intro {
    font-size: 1rem;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.82);
}

.inner-hero__business-card {
    position: relative;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: var(--radius-xl);
    padding: clamp(1.25rem, 3vw, 1.75rem);
    backdrop-filter: blur(22px);
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.28);
    overflow: hidden;
}

.inner-hero__business-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 3px;
    background: var(--gradient-gold);
    border-radius: 0 0 4px 4px;
}

.inner-hero__business-pattern {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(7, 21, 37, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 20% 20%, rgba(201, 162, 39, 0.1) 0%, transparent 42%),
        radial-gradient(circle at 85% 80%, rgba(42, 95, 150, 0.16) 0%, transparent 48%);
    pointer-events: none;
}

.inner-hero__business-header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-gold-300);
    margin-bottom: var(--space-md);
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.inner-hero__business-header i {
    font-size: 1.35rem;
    color: var(--color-gold-400);
}

.inner-hero__business-topics {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 0 0 var(--space-md);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.inner-hero__business-topics li {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-left: 2px solid rgba(201, 162, 39, 0.45);
    border-radius: var(--radius-sm);
    padding: 0.58rem 0.8rem;
}

.inner-hero__business-topics i {
    color: var(--color-gold-400);
    font-size: 1rem;
    flex-shrink: 0;
}

.inner-hero__business-badges {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.inner-hero__business-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.88);
    background: rgba(201, 162, 39, 0.1);
    border: 1px solid rgba(201, 162, 39, 0.2);
    border-radius: 100px;
    padding: 0.32rem 0.65rem;
}

.inner-hero__business-badge i {
    color: var(--color-gold-400);
    font-size: 0.8rem;
}

.inner-hero--business .btn--whatsapp {
    box-shadow: 0 8px 26px rgba(37, 211, 102, 0.38);
}

/* Business Common Challenges — checkpoint cards */
.inner-content--biz-challenges {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.biz-challenges__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.biz-challenges__header .section__title {
    max-width: 42rem;
}

.biz-challenges__header .section__subtitle {
    max-width: 40rem;
    margin-inline: 0;
}

.page-business .inner-content--biz-challenges .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.biz-challenges__intro {
    max-width: 46rem;
    margin: 0 0 1.15rem;
}

.biz-challenges__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.biz-challenges__grid > li {
    min-width: 0;
    display: flex;
}

.biz-challenges__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    width: 100%;
    min-height: 100%;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
    color: inherit;
    text-decoration: none;
    box-shadow: none;
}

a.biz-challenges__card {
    color: var(--color-navy-800);
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.biz-challenges__card--network,
.biz-challenges__card--preauth,
.biz-challenges__card--renewal {
    border-top-color: var(--color-navy-700);
}

.biz-challenges__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0.75rem;
    margin-bottom: 0.15rem;
}

.biz-challenges__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.biz-challenges__step {
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--color-gold-500);
}

.biz-challenges__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.biz-challenges__text,
.biz-challenges__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.biz-challenges__more {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.2rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-navy-700);
}

.biz-challenges__more i {
    color: var(--color-gold-500);
    font-size: 0.9rem;
    transition: transform var(--transition), color var(--transition);
}

a.biz-challenges__card:hover,
a.biz-challenges__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-top-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

a.biz-challenges__card:hover .biz-challenges__more i,
a.biz-challenges__card:focus-visible .biz-challenges__more i {
    transform: translateX(3px);
    color: var(--color-gold-400);
}

.biz-challenges__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.biz-challenges__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.biz-challenges__note .inner-content__body,
.biz-challenges__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .biz-challenges__grid {
        grid-template-columns: 1fr;
    }
}

/* Individual hub — Common Confusion checkpoint cards */
.inner-content--ind-confusion {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.ind-confusion__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.ind-confusion__header .section__title {
    max-width: 42rem;
}

.ind-confusion__header .section__subtitle {
    max-width: 40rem;
    margin-inline: 0;
}

.page-individual .inner-content--ind-confusion .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.page-individual .inner-content--ind-confusion .section__subtitle {
    margin-inline: 0;
}

.ind-confusion__intro {
    max-width: 46rem;
    margin: 0 0 1.15rem;
}

.ind-confusion__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.ind-confusion__grid > li {
    min-width: 0;
    display: flex;
}

.ind-confusion__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    width: 100%;
    min-height: 100%;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    color: inherit;
    text-decoration: none;
    box-shadow: none;
}

a.ind-confusion__card {
    color: var(--color-navy-800);
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.ind-confusion__card--waiting,
.ind-confusion__card--preauth,
.ind-confusion__card--renewal {
    border-left-color: var(--color-navy-700);
}

.ind-confusion__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0.75rem;
    margin-bottom: 0.15rem;
}

.ind-confusion__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.ind-confusion__step {
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--color-gold-500);
}

.ind-confusion__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.ind-confusion__text,
.ind-confusion__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.ind-confusion__more {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.2rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-navy-700);
}

.ind-confusion__more i {
    color: var(--color-gold-500);
    font-size: 0.9rem;
    transition: transform var(--transition), color var(--transition);
}

a.ind-confusion__card:hover,
a.ind-confusion__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

a.ind-confusion__card:hover .ind-confusion__more i,
a.ind-confusion__card:focus-visible .ind-confusion__more i {
    transform: translateX(3px);
    color: var(--color-gold-400);
}

.ind-confusion__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.ind-confusion__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.ind-confusion__note .inner-content__body,
.ind-confusion__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .ind-confusion__grid {
        grid-template-columns: 1fr;
    }
}

/* Individual hub — Further Reading destination cards */
.inner-content--ind-guides {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--ind-guides::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.ind-guides {
    position: relative;
    z-index: 1;
}

.ind-guides__header {
    max-width: 42rem;
    margin-inline: 0;
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.ind-guides__header .section__title {
    max-width: 40rem;
}

.ind-guides__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-individual .inner-content--ind-guides .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.page-individual .inner-content--ind-guides .section__subtitle {
    margin-inline: 0;
}

.ind-guides__intro {
    max-width: 42rem;
    margin: 0 0 1.15rem;
}

.ind-guides__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.ind-guides__grid > li {
    min-width: 0;
    display: flex;
}

.ind-guides__card {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    min-height: 5.25rem;
    height: 100%;
    padding: 1rem 1.05rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    color: var(--color-navy-800);
    text-decoration: none;
    box-shadow: none;
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.ind-guides__icon {
    width: 2.35rem;
    height: 2.35rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1.05rem;
}

.ind-guides__copy {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.ind-guides__title {
    font-family: var(--font-heading);
    font-size: 0.96875rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.ind-guides__desc {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--color-grey-600);
}

.ind-guides__arrow {
    flex-shrink: 0;
    color: var(--color-gold-500);
    font-size: 1rem;
    transition: transform var(--transition), color var(--transition);
}

.ind-guides__card:hover,
.ind-guides__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

.ind-guides__card:hover .ind-guides__arrow,
.ind-guides__card:focus-visible .ind-guides__arrow {
    transform: translateX(3px);
    color: var(--color-gold-400);
}

.ind-guides__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.ind-guides__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.ind-guides__note .inner-content__body,
.ind-guides__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .ind-guides__grid {
        grid-template-columns: 1fr;
    }
}

/* Business Renewal Review — checkpoints + Collect/Compare/Document */
.inner-content--biz-renewal {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--biz-renewal::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.biz-renewal {
    position: relative;
    z-index: 1;
}

.biz-renewal__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.biz-renewal__header .section__title {
    max-width: 42rem;
}

.biz-renewal__header .section__subtitle {
    max-width: 40rem;
    margin-inline: 0;
}

.page-business .inner-content--biz-renewal .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.biz-renewal__lead {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 1.15rem;
    padding: 1.35rem 1.4rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.biz-renewal__lead-icon {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.15rem;
    margin-top: 0.15rem;
}

.biz-renewal__lead-body,
.biz-renewal__lead-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    line-height: 1.65;
    text-align: left;
}

.biz-renewal__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin: 0 0 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.biz-renewal__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.biz-renewal__note .inner-content__body,
.biz-renewal__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.biz-renewal__note a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.biz-renewal__grid {
    list-style: none;
    margin: 0 0 1.25rem;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.biz-renewal__card {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    padding: 1.15rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
}

.biz-renewal__card--network,
.biz-renewal__card--claims,
.biz-renewal__card--timeline {
    border-top-color: var(--color-navy-700);
}

.biz-renewal__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.biz-renewal__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.biz-renewal__step {
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--color-gold-500);
}

.biz-renewal__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.biz-renewal__text,
.biz-renewal__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.biz-renewal__flow {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    position: relative;
}

.biz-renewal__flow-item {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    padding: 1.15rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
}

.biz-renewal__flow-item:nth-child(even) {
    border-top-color: var(--color-navy-700);
}

.biz-renewal__marker {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-navy-900);
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.biz-renewal__flow-title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.biz-renewal__flow-text,
.biz-renewal__flow-text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .biz-renewal__grid,
    .biz-renewal__flow {
        grid-template-columns: 1fr;
    }

    .biz-renewal__lead {
        padding: 1.15rem 1.15rem 1.1rem;
    }
}

/* Business hub — Further Reading destination cards */
.inner-content--biz-guides {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.biz-guides__header {
    max-width: 42rem;
    margin-inline: 0;
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.biz-guides__header .section__title {
    max-width: 40rem;
}

.biz-guides__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-business .inner-content--biz-guides .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.biz-guides__intro {
    max-width: 42rem;
    margin: 0 0 1.15rem;
}

.biz-guides__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.biz-guides__grid > li {
    min-width: 0;
    display: flex;
}

.biz-guides__card {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    min-height: 5.25rem;
    height: 100%;
    padding: 1rem 1.05rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    color: var(--color-navy-800);
    text-decoration: none;
    box-shadow: none;
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.biz-guides__icon {
    width: 2.35rem;
    height: 2.35rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1.05rem;
}

.biz-guides__copy {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.biz-guides__title {
    font-family: var(--font-heading);
    font-size: 0.96875rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.biz-guides__desc {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--color-grey-600);
}

.biz-guides__arrow {
    flex-shrink: 0;
    color: var(--color-gold-500);
    font-size: 1rem;
    transition: transform var(--transition), color var(--transition);
}

.biz-guides__card:hover,
.biz-guides__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

.biz-guides__card:hover .biz-guides__arrow,
.biz-guides__card:focus-visible .biz-guides__arrow {
    transform: translateX(3px);
    color: var(--color-gold-400);
}

.biz-guides__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.biz-guides__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.biz-guides__note .inner-content__body,
.biz-guides__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .biz-guides__grid {
        grid-template-columns: 1fr;
    }
}

/* Business audience cards */
.inner-cards--business {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 55%, var(--color-white) 100%);
}

.inner-cards__grid--business {
    grid-template-columns: repeat(2, 1fr);
}

.inner-card--business {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: calc(var(--space-xl) + 4px);
    border: 1px solid var(--color-grey-100);
    background: var(--color-white);
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.inner-card--business::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--gradient-gold);
    opacity: 0.9;
}

.inner-card--business.card--soft::before {
    height: 2px;
    opacity: 0.55;
}

.inner-card--business::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    background: linear-gradient(225deg, rgba(201, 162, 39, 0.08) 0%, transparent 55%);
    pointer-events: none;
}

.inner-card--business.card--soft::after {
    display: none;
}

.inner-card--business:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-card-hover);
    border-color: rgba(201, 162, 39, 0.24);
}

.inner-card--business.card--soft {
    box-shadow: none;
}

.inner-card--business.card--soft:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
    border-color: rgba(201, 162, 39, 0.2);
}

.inner-card--business .card__icon {
    width: 60px;
    height: 60px;
    font-size: 1.55rem;
    background: linear-gradient(145deg, rgba(7, 21, 37, 0.06) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.14);
}

.inner-card--business .card__title {
    font-size: 1.0625rem;
    line-height: 1.35;
}

.inner-card--business .card__text {
    flex: 1;
    font-size: 0.96875rem;
    line-height: 1.7;
}

.inner-card--business .card__link {
    margin-top: auto;
    padding-top: var(--space-sm);
    font-size: 0.875rem;
    font-weight: 700;
}

.inner-cta-band--corporate .cta-block__content h2 {
    font-size: clamp(1.375rem, 2.8vw, 1.875rem);
}

.inner-cta-band--corporate .cta-block__content p {
    font-size: 1.0625rem;
    line-height: 1.7;
}

.inner-cta-band--corporate {
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 24px 56px rgba(7, 21, 37, 0.28);
}

.inner-cta-band--corporate .cta-block__pattern--dark {
    background-image:
        radial-gradient(circle at 12% 80%, rgba(201, 162, 39, 0.14) 0%, transparent 42%),
        radial-gradient(circle at 88% 18%, rgba(42, 95, 150, 0.12) 0%, transparent 40%),
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: auto, auto, 32px 32px, 32px 32px;
}

.inner-cta-band--corporate .cta-block__deco {
    color: rgba(201, 162, 39, 0.07);
    right: 4%;
}

.inner-cta-band--corporate .btn--outline-light {
    border-color: rgba(255, 255, 255, 0.45);
    color: var(--color-white);
}

.inner-cta-band--corporate .btn--outline-light:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.65);
    color: var(--color-white);
}

.page-business .section {
    padding-block: clamp(3rem, 6vw, 5rem);
}

.page-business .inner-hero {
    padding-block: clamp(3rem, 7vw, 5.5rem);
}

.page-business .section__header {
    margin-bottom: clamp(2rem, 4vw, 3rem);
}

.page-business .section__subtitle {
    max-width: 720px;
    margin-inline: auto;
    line-height: 1.72;
}

.page-business .inner-split__header {
    max-width: 760px;
    margin-bottom: clamp(2rem, 4vw, 2.75rem);
}

.page-business .inner-split__lead {
    color: var(--color-grey-600);
    line-height: 1.72;
}

.page-business .inner-cards--business .section__header {
    text-align: left;
}

.page-business .inner-cards--business .section__title {
    max-width: 680px;
    margin-inline: 0;
}

.page-business .inner-cards--business .section__subtitle {
    max-width: 640px;
    margin-inline: 0;
}

.page-business .inner-faq {
    background: linear-gradient(180deg, var(--color-grey-50) 0%, var(--color-white) 100%);
}

.page-business .inner-faq__intro {
    display: block;
}

.page-business .inner-faq__intro .section__header {
    text-align: center;
    margin-inline: auto;
    max-width: none;
}

.page-business .inner-faq .faq-list {
    max-width: 880px;
    margin-inline: auto;
    gap: var(--space-md);
}

.page-business .inner-faq .faq-item {
    border-radius: var(--radius-lg);
    border-color: var(--color-grey-100);
    box-shadow: var(--shadow-sm);
}

.page-business .inner-faq .faq-item__question {
    font-size: 1rem;
}

.page-business .inner-faq .faq-item.is-open {
    border-color: rgba(201, 162, 39, 0.38);
    box-shadow: var(--shadow-md);
}

.page-business .inner-faq .faq-item.is-open .faq-item__question {
    border-left: 3px solid var(--color-gold-500);
    padding-left: calc(var(--space-xl) - 3px);
}

.page-business .inner-related {
    padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.page-business .inner-related__links {
    max-width: 1000px;
    gap: var(--space-lg);
}

.page-business .inner-related__link {
    border-left: 3px solid transparent;
    padding: var(--space-lg) var(--space-xl);
}

.page-business .inner-related__link:hover {
    border-left-color: var(--color-gold-500);
}

.page-business .inner-cta-band .cta-block__action.btn-group {
    justify-content: flex-end;
}

.page-business .inner-cta-band .btn--whatsapp {
    box-shadow: 0 8px 26px rgba(37, 211, 102, 0.35);
}

/* --------------------------------------------------------------------------
   Individual Health Insurance Guidance page polish
   -------------------------------------------------------------------------- */
.inner-hero--individual .inner-hero__eyebrow i {
    color: var(--color-gold-400);
}

.inner-hero--individual .inner-hero__pattern {
    mask-image: radial-gradient(ellipse 68% 58% at 72% 35%, black 18%, transparent 74%);
    background:
        radial-gradient(ellipse 80% 60% at 70% 20%, rgba(42, 95, 150, 0.22) 0%, transparent 55%),
        radial-gradient(ellipse 50% 40% at 20% 80%, rgba(201, 162, 39, 0.1) 0%, transparent 50%);
}

.inner-hero--individual .inner-hero__lead {
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.9);
}

.inner-hero--individual .inner-hero__intro {
    font-size: 1rem;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.82);
}

.inner-hero__individual-frame {
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.4), rgba(42, 95, 150, 0.15));
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
}

.inner-hero__individual-frame img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}

.inner-hero__health-frame {
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.35), rgba(42, 95, 150, 0.2));
}

.inner-hero__health-frame img {
    aspect-ratio: 5 / 4;
}

.inner-hero__contact-frame {
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.4), rgba(42, 95, 150, 0.15));
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
}

.inner-hero__contact-frame img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}

.inner-hero__health-card {
    position: relative;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--radius-xl);
    padding: clamp(1.25rem, 3vw, 1.65rem);
    backdrop-filter: blur(20px);
    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.inner-hero__health-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 14%;
    right: 14%;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--color-gold-400), transparent);
    border-radius: 0 0 4px 4px;
}

.inner-hero__health-pattern {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 22%, rgba(201, 162, 39, 0.12) 0%, transparent 44%),
        radial-gradient(circle at 82% 78%, rgba(42, 95, 150, 0.14) 0%, transparent 46%),
        linear-gradient(160deg, rgba(255, 255, 255, 0.04) 0%, transparent 55%);
    pointer-events: none;
}

.inner-hero__health-header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-gold-300);
    margin-bottom: var(--space-md);
    letter-spacing: 0.04em;
}

.inner-hero__health-header i {
    font-size: 1.3rem;
    color: var(--color-gold-400);
}

.inner-hero__health-topics {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 0 0 var(--space-md);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
}

.inner-hero__health-topics li {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.93);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-sm);
    padding: 0.55rem 0.75rem;
}

.inner-hero__health-topics i {
    color: var(--color-gold-400);
    font-size: 1rem;
    flex-shrink: 0;
}

.inner-hero__health-badges {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.inner-hero__health-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 100px;
    padding: 0.3rem 0.62rem;
}

.inner-hero__health-badge i {
    color: var(--color-gold-400);
    font-size: 0.78rem;
}

.inner-hero--individual .btn--whatsapp {
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.32);
}

/* Before you choose split */
.inner-split--questions {
    background: linear-gradient(180deg, #f4f7fb 0%, var(--color-white) 100%);
}

.inner-split__grid--questions {
    grid-template-columns: 1.15fr 0.85fr;
    align-items: start;
    gap: clamp(1.5rem, 3vw, 2.5rem);
}

.inner-split__content--questions .inner-content__body--questions {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-xl);
    padding: clamp(1.25rem, 3vw, 1.75rem);
    box-shadow: var(--shadow-sm);
}

.inner-content__body--questions ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    counter-reset: question-step;
}

.inner-content__body--questions ol li {
    counter-increment: question-step;
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    margin: 0;
    padding: var(--space-md) var(--space-lg);
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-md);
    font-size: 0.9375rem;
    color: var(--color-grey-700);
    line-height: 1.6;
}

.inner-content__body--questions ol li::before {
    content: counter(question-step);
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    font-weight: 800;
    color: var(--color-navy-900);
    background: rgba(201, 162, 39, 0.16);
    border-radius: 50%;
    margin-top: 1px;
}

.questions-checklist-panel {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-xl);
    padding: var(--space-xl);
    box-shadow: var(--shadow-premium);
    position: sticky;
    top: calc(var(--header-height) + var(--announcement-height) + 1rem);
    border-top: 3px solid var(--color-gold-500);
}

.questions-checklist-panel__header {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-sm);
}

.questions-checklist-panel__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.18) 100%);
    color: var(--color-navy-800);
    border-radius: var(--radius-sm);
    font-size: 1.125rem;
}

.questions-checklist-panel__label {
    font-family: var(--font-heading);
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--color-navy-900);
}

.questions-checklist-panel__intro {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-navy-700);
    line-height: 1.5;
    margin: 0 0 var(--space-md);
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--color-grey-100);
}

.questions-checklist-panel__list {
    list-style: none;
    margin: 0 0 var(--space-md);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.questions-checklist-panel__list li {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    font-size: 0.9375rem;
    color: var(--color-grey-700);
    line-height: 1.55;
}

.questions-checklist-panel__list i {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(201, 162, 39, 0.12);
    color: var(--color-gold-500);
    border-radius: 50%;
    font-size: 0.75rem;
    margin-top: 1px;
}

.questions-checklist-panel__note {
    font-size: 0.8125rem;
    color: var(--color-grey-500);
    line-height: 1.55;
    margin: 0;
    padding-top: var(--space-md);
    border-top: 1px solid var(--color-grey-100);
}

/* Individual guidance cards */
.inner-cards--individual {
    background: linear-gradient(180deg, var(--color-white) 0%, #f7f9fc 50%, var(--color-white) 100%);
}

.inner-cards__grid--individual {
    grid-template-columns: repeat(2, 1fr);
}

.inner-card--individual {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: calc(var(--space-xl) + 4px);
    border: 1px solid var(--color-grey-100);
    background: var(--color-white);
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.inner-card--individual::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, rgba(42, 95, 150, 0.25), var(--color-gold-500), rgba(42, 95, 150, 0.25));
    opacity: 0.85;
}

.inner-card--individual.card--soft::before {
    height: 2px;
    opacity: 0.5;
}

.inner-card--individual:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-card-hover);
    border-color: rgba(42, 95, 150, 0.16);
}

.inner-card--individual.card--soft {
    box-shadow: none;
}

.inner-card--individual.card--soft:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
    border-color: rgba(42, 95, 150, 0.14);
}

.inner-card--individual .card__icon {
    width: 58px;
    height: 58px;
    font-size: 1.5rem;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.07) 0%, rgba(201, 162, 39, 0.12) 100%);
    border: 1px solid rgba(42, 95, 150, 0.1);
    color: var(--color-navy-800);
}

.inner-card--individual .card__title {
    font-size: 1.0625rem;
    line-height: 1.35;
}

.inner-card--individual .card__text {
    flex: 1;
    font-size: 0.96875rem;
    line-height: 1.72;
    color: var(--color-grey-600);
}

.inner-card--individual .card__link {
    margin-top: auto;
    padding-top: var(--space-sm);
    font-size: 0.875rem;
    font-weight: 700;
}

/* Individual CTA band */
.inner-cta-band--reassuring.cta-block--individual {
    background: linear-gradient(135deg, #f0f4fa 0%, #ffffff 42%, #f7f9fc 100%);
    border: 1px solid rgba(42, 95, 150, 0.1);
    box-shadow: var(--shadow-premium);
    overflow: hidden;
}

.inner-cta-band--reassuring .cta-block__pattern {
    background-image:
        radial-gradient(circle at 8% 85%, rgba(42, 95, 150, 0.07) 0%, transparent 42%),
        radial-gradient(circle at 92% 15%, rgba(201, 162, 39, 0.1) 0%, transparent 40%),
        radial-gradient(circle at 50% 50%, rgba(42, 95, 150, 0.03) 0%, transparent 55%),
        linear-gradient(rgba(20, 54, 96, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20, 54, 96, 0.025) 1px, transparent 1px);
    background-size: auto, auto, auto, 28px 28px, 28px 28px;
}

.inner-cta-band--reassuring .cta-block__content h2 {
    font-size: clamp(1.375rem, 2.8vw, 1.875rem);
    color: var(--color-navy-900);
}

.inner-cta-band--reassuring .cta-block__content p {
    color: var(--color-grey-600);
    line-height: 1.75;
}

.inner-cta-band--reassuring .cta-block__deco {
    color: rgba(42, 95, 150, 0.06);
    right: 4%;
}

.inner-cta-band--reassuring .btn--whatsapp {
    box-shadow: 0 8px 26px rgba(37, 211, 102, 0.3);
}

.page-individual .section {
    padding-block: clamp(3rem, 6vw, 5rem);
}

.page-individual .inner-hero {
    padding-block: clamp(3rem, 7vw, 5.5rem);
}

.page-individual .section__header {
    margin-bottom: clamp(2rem, 4vw, 3rem);
}

.page-individual .section__subtitle {
    max-width: 720px;
    margin-inline: auto;
    line-height: 1.72;
}

.page-individual .inner-split__header {
    max-width: 760px;
    margin-bottom: clamp(2rem, 4vw, 2.75rem);
}

.page-individual .inner-split__lead {
    color: var(--color-grey-600);
    line-height: 1.72;
}

.page-individual .inner-cards--individual .section__header {
    text-align: left;
}

.page-individual .inner-cards--individual .section__title {
    max-width: 680px;
    margin-inline: 0;
}

.page-individual .inner-cards--individual .section__subtitle {
    max-width: 640px;
    margin-inline: 0;
}

.page-individual .inner-faq {
    background: linear-gradient(180deg, var(--color-white) 0%, #f7f9fc 100%);
}

.page-individual .inner-faq__intro {
    display: block;
}

.page-individual .inner-faq__intro .section__header {
    text-align: center;
    margin-inline: auto;
    max-width: none;
}

.page-individual .inner-faq .faq-list {
    max-width: 880px;
    margin-inline: auto;
    gap: var(--space-md);
}

.page-individual .inner-faq .faq-item {
    border-radius: var(--radius-lg);
    border-color: var(--color-grey-100);
    box-shadow: var(--shadow-sm);
}

.page-individual .inner-faq .faq-item__question {
    font-size: clamp(1.03125rem, 2.2vw, 1.125rem);
}

.page-individual .inner-faq .faq-item.is-open {
    border-color: rgba(42, 95, 150, 0.2);
    box-shadow: var(--shadow-md);
}

.page-individual .inner-faq .faq-item.is-open .faq-item__question {
    border-left: 3px solid var(--color-gold-500);
    padding-left: calc(var(--space-xl) - 3px);
    background: linear-gradient(90deg, rgba(42, 95, 150, 0.04) 0%, transparent 100%);
}

.page-individual .inner-related {
    padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.page-individual .inner-related__links {
    max-width: 1000px;
    gap: var(--space-lg);
}

.page-individual .inner-related__link {
    border-left: 3px solid transparent;
    padding: var(--space-lg) var(--space-xl);
}

.page-individual .inner-related__link:hover {
    border-left-color: var(--color-gold-500);
}

.page-individual .inner-cta-band .cta-block__action.btn-group {
    justify-content: flex-end;
}

.page-individual .inner-cta-band--reassuring .btn--whatsapp {
    box-shadow: 0 8px 26px rgba(37, 211, 102, 0.35);
}

/* --------------------------------------------------------------------------
   Insights listing page polish
   -------------------------------------------------------------------------- */
.inner-hero--insights {
    position: relative;
}

.inner-hero--insights .inner-hero__eyebrow i {
    color: var(--color-gold-400);
}

.inner-hero--insights .inner-hero__pattern {
    mask-image: radial-gradient(ellipse 70% 58% at 74% 32%, black 16%, transparent 72%);
}

.inner-hero--insights .inner-hero__lead {
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.9);
}

.inner-hero--insights .btn--whatsapp {
    box-shadow: 0 8px 26px rgba(37, 211, 102, 0.35);
}

.inner-hero__insights-frame {
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.4), rgba(42, 95, 150, 0.15));
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
}

.inner-hero__insights-frame img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}

.inner-hero__hub-card {
    position: relative;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-xl);
    padding: clamp(1.25rem, 3vw, 1.7rem);
    backdrop-filter: blur(20px);
    box-shadow: 0 26px 56px rgba(0, 0, 0, 0.24);
    overflow: hidden;
}

.inner-hero__hub-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 12%;
    right: 12%;
    height: 3px;
    background: var(--gradient-gold);
    border-radius: 0 0 4px 4px;
}

.inner-hero__hub-pattern {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 16% 20%, rgba(201, 162, 39, 0.12) 0%, transparent 44%),
        radial-gradient(circle at 84% 78%, rgba(42, 95, 150, 0.16) 0%, transparent 48%);
    pointer-events: none;
}

.inner-hero__hub-header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-gold-300);
    margin-bottom: var(--space-md);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.inner-hero__hub-header i {
    font-size: 1.3rem;
    color: var(--color-gold-400);
}

.inner-hero__hub-topics {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 0 0 var(--space-md);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
}

.inner-hero__hub-topics li {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-sm);
    padding: 0.55rem 0.75rem;
}

.inner-hero__hub-topics i {
    color: var(--color-gold-400);
    font-size: 1rem;
    flex-shrink: 0;
}

.inner-hero__hub-badges {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.inner-hero__hub-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(201, 162, 39, 0.1);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: 100px;
    padding: 0.3rem 0.62rem;
}

.inner-hero__hub-badge i {
    color: var(--color-gold-400);
    font-size: 0.78rem;
}

.inner-cta-band--insights-hub {
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 20px 48px rgba(7, 21, 37, 0.22);
}

.inner-cta-band--insights-hub .cta-block__content h2 {
    font-size: clamp(1.375rem, 2.8vw, 1.875rem);
}

.inner-cta-band--insights-hub .cta-block__content p {
    font-size: 1.0625rem;
    line-height: 1.7;
}

.inner-cta-band--insights-hub .cta-block__pattern--dark {
    background-image:
        radial-gradient(circle at 10% 80%, rgba(201, 162, 39, 0.12) 0%, transparent 42%),
        radial-gradient(circle at 90% 20%, rgba(42, 95, 150, 0.1) 0%, transparent 40%),
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: auto, auto, 34px 34px, 34px 34px;
}

.inner-cta-band--insights-hub .cta-block__deco {
    color: rgba(201, 162, 39, 0.06);
    right: 4%;
}

.inner-cta-band--insights-hub .btn--outline-light {
    border-color: rgba(255, 255, 255, 0.45);
    color: var(--color-white);
}

.inner-cta-band--insights-hub .btn--outline-light:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.65);
    color: var(--color-white);
}

.insight-page-cta {
    padding-top: clamp(2rem, 4vw, 3rem);
    padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.page-insights .section {
    padding-block: clamp(3rem, 6vw, 5rem);
}

.page-insights .inner-hero {
    padding-block: clamp(3rem, 7vw, 5.5rem);
}

.page-insights .section__header {
    margin-bottom: clamp(2rem, 4vw, 3rem);
}

.page-insights .section__subtitle {
    max-width: 720px;
    margin-inline: auto;
    line-height: 1.72;
}

.page-insights .inner-content--ins-latest .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.page-insights .inner-content--ins-latest .section__title {
    max-width: 42rem;
    margin-inline: 0;
}

.page-insights .inner-content--ins-latest .section__subtitle {
    margin-inline: 0;
}

.page-insights .insight-featured-section {
    padding-top: clamp(2rem, 4vw, 3rem);
}

.page-insights .insight-featured-section .section__title {
    font-size: clamp(1.375rem, 2.5vw, 1.75rem);
}

.page-insights .insight-results-count {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-grey-600);
    margin: 0 0 var(--space-lg);
    padding: 0.65rem 1rem;
    background: rgba(201, 162, 39, 0.08);
    border: 1px solid rgba(201, 162, 39, 0.14);
    border-radius: var(--radius-md);
    display: inline-block;
}

.page-insights .insights-grid {
    gap: clamp(1.25rem, 2.5vw, 2rem);
}

.page-insights .insight-empty-state {
    border-top: 3px solid var(--color-gold-500);
}

/* Insights hub — Latest Insights destination cards */
.inner-content--ins-latest {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--ins-latest::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.ins-latest {
    position: relative;
    z-index: 1;
}

.ins-latest__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.ins-latest__header .section__title {
    max-width: 42rem;
}

.ins-latest__header .section__subtitle {
    max-width: 40rem;
    margin-inline: 0;
}

.ins-latest .category-definition,
.ins-latest__intro {
    max-width: 46rem;
    margin: 0 0 1.25rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.ins-latest__toolbar {
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: none;
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    padding: 1.05rem 1.1rem 1rem;
    box-shadow: none;
    margin-bottom: 1.25rem;
}

.ins-latest__toolbar .insight-search {
    margin-bottom: 0.9rem;
}

.ins-latest__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.ins-latest__grid > li {
    min-width: 0;
    display: flex;
}

.ins-latest__card {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    width: 100%;
    height: 100%;
    padding: 1.1rem 1.1rem 1.05rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    color: var(--color-navy-800);
    text-decoration: none;
    box-shadow: none;
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.ins-latest__icon {
    width: 2.35rem;
    height: 2.35rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1.05rem;
    margin-top: 0.1rem;
}

.ins-latest__copy {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
}

.ins-latest__category {
    display: inline-block;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-navy-700);
    background: rgba(201, 162, 39, 0.12);
    border: 1px solid rgba(201, 162, 39, 0.2);
    border-radius: 100px;
    padding: 0.22rem 0.65rem;
}

.ins-latest__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
    margin: 0;
}

.ins-latest__excerpt {
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--color-grey-600);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ins-latest__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    font-size: 0.8125rem;
    color: var(--color-grey-500);
}

.ins-latest__meta i {
    color: var(--color-gold-500);
    margin-right: 0.2rem;
}

.ins-latest__more {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.15rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-navy-700);
}

.ins-latest__more i {
    color: var(--color-gold-500);
    font-size: 0.9rem;
    transition: transform var(--transition), color var(--transition);
}

.ins-latest__card:hover,
.ins-latest__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

.ins-latest__card:hover .ins-latest__more i,
.ins-latest__card:focus-visible .ins-latest__more i {
    transform: translateX(3px);
    color: var(--color-gold-400);
}

.ins-latest .insight-pagination {
    margin-top: 1.35rem;
}

@media (max-width: 768px) {
    .ins-latest__grid {
        grid-template-columns: 1fr;
    }
}

.page-insights .category-faq .inner-faq__intro {
    display: block;
    margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

.page-insights .category-faq .inner-faq__intro .section__header {
    text-align: center;
    max-width: 40rem;
    margin-inline: auto;
}

.page-insights .category-faq .inner-faq__intro .section__title,
.page-insights .category-faq .inner-faq__intro .section__subtitle {
    margin-inline: auto;
}

.page-insights .inner-cta-band .cta-block__action.btn-group {
    justify-content: flex-end;
}

.page-insights .inner-cta-band .btn--whatsapp {
    box-shadow: 0 8px 26px rgba(37, 211, 102, 0.35);
}

/* --------------------------------------------------------------------------
   Contact page polish
   -------------------------------------------------------------------------- */
.inner-hero--contact .inner-hero__eyebrow i {
    color: var(--color-gold-400);
}

.inner-hero--contact .inner-hero__pattern {
    mask-image: radial-gradient(ellipse 68% 58% at 74% 32%, black 16%, transparent 74%);
}

.inner-hero--contact .inner-hero__lead {
    max-width: 38rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.9);
}

.inner-hero--contact .inner-hero__intro {
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.82);
}

/* When CMS still has intro content but lead is shown, keep intro compact if ever re-enabled */
.inner-hero--contact .inner-hero__intro p {
    margin-bottom: 0;
}

.inner-hero__contact-card {
    position: relative;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-xl);
    padding: clamp(1.25rem, 3vw, 1.7rem);
    backdrop-filter: blur(20px);
    box-shadow: 0 26px 56px rgba(0, 0, 0, 0.24);
    overflow: hidden;
}

.inner-hero__contact-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 12%;
    right: 12%;
    height: 3px;
    background: var(--gradient-gold);
    border-radius: 0 0 4px 4px;
}

.inner-hero__contact-pattern {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 22%, rgba(201, 162, 39, 0.12) 0%, transparent 44%),
        radial-gradient(circle at 82% 78%, rgba(42, 95, 150, 0.14) 0%, transparent 46%);
    pointer-events: none;
}

.inner-hero__contact-header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-gold-300);
    margin-bottom: var(--space-md);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.inner-hero__contact-header i {
    font-size: 1.3rem;
    color: var(--color-gold-400);
}

.inner-hero__contact-topics {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 0 0 var(--space-md);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
}

.inner-hero__contact-topics li {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-sm);
    padding: 0.55rem 0.75rem;
}

.inner-hero__contact-topics i {
    color: var(--color-gold-400);
    font-size: 1rem;
    flex-shrink: 0;
}

.inner-hero__contact-badges {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.inner-hero__contact-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(201, 162, 39, 0.1);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: 100px;
    padding: 0.3rem 0.62rem;
}

.inner-hero__contact-badge i {
    color: var(--color-gold-400);
    font-size: 0.78rem;
}

.inner-hero--contact .btn--whatsapp {
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.32);
}

.inner-contact--premium {
    position: relative;
    background:
        radial-gradient(ellipse 70% 40% at 50% -10%, rgba(201, 162, 39, 0.08) 0%, transparent 55%),
        linear-gradient(180deg, var(--color-white) 0%, #f0f4fa 55%, #e8eef6 100%);
}

.page-contact .inner-contact--premium .section__header,
.page-contact .inner-contact__header {
    text-align: left;
    margin-bottom: clamp(0.9rem, 1.8vw, 1.35rem);
}

.page-contact .inner-contact--premium .section__subtitle {
    max-width: 560px;
    margin-inline: 0;
    line-height: 1.65;
    color: var(--color-grey-700);
}

.inner-contact__channels {
    margin-bottom: clamp(1rem, 2vw, 1.35rem);
}

.inner-contact__channels--compact {
    margin-bottom: clamp(0.75rem, 1.6vw, 1.1rem);
}

.inner-contact__grid--channels {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(0.75rem, 1.5vw, 1.1rem);
    margin-bottom: 0;
}

.inner-contact__grid--channels-featured {
    grid-template-columns: 1fr;
    justify-content: stretch;
    margin-bottom: 0;
}

/* Prefer-form mode: one enquiry CTA as a compact full-width strip (not a tall orphan card) */
.inner-contact__grid--channels-featured .inner-contact-card--featured {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 1.1rem;
    height: auto;
    padding: 0.95rem 5.75rem 0.95rem 1.2rem;
}

.inner-contact__grid--channels-featured .inner-contact-card__badge {
    top: 0.7rem;
    right: 0.8rem;
}

.inner-contact__grid--channels-featured .inner-contact-card__icon {
    width: 42px;
    height: 42px;
    margin: 0;
    font-size: 1.15rem;
    flex-shrink: 0;
}

.inner-contact__grid--channels-featured .inner-contact-card__title {
    margin: 0;
    padding-right: 0;
    flex: 0 1 auto;
    font-size: 1.05rem;
}

.inner-contact__grid--channels-featured .inner-contact-card__subtitle {
    /* Badge already marks this as recommended */
    display: none;
}

.inner-contact__grid--channels-featured .inner-contact-card__text {
    flex: 1 1 14rem;
    margin: 0;
    min-width: min(100%, 14rem);
    padding-right: 0;
}

.inner-contact__grid--channels-featured .inner-contact-card__cta {
    width: auto;
    margin-top: 0;
    margin-left: auto;
    flex: 0 0 auto;
    min-width: 11.5rem;
}

.inner-contact__soft-row {
    margin-top: clamp(0.9rem, 2vw, 1.35rem);
    padding-top: 0.85rem;
    border-top: 1px solid var(--color-grey-100);
    text-align: center;
}

.inner-contact__soft-row-text,
.inner-contact__soft-row-links {
    margin: 0 0 0.5rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
}

.inner-contact__soft-row a {
    color: var(--color-navy-700);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.15em;
    touch-action: manipulation;
}

.inner-contact__soft-row a:hover {
    color: var(--color-gold-500);
}
.inner-contact__guidance {
    margin-bottom: clamp(2rem, 4vw, 3rem);
    padding: clamp(1.25rem, 2.5vw, 1.75rem);
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(20, 54, 96, 0.08);
    border-radius: var(--radius-xl);
}

.inner-contact__guidance-label {
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
    text-align: center;
    margin: 0 0 var(--space-md);
}

.inner-contact__grid--guidance {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-md);
    max-width: 720px;
    margin-inline: auto;
}

.inner-contact__grid--options {
    grid-template-columns: repeat(5, 1fr);
    gap: var(--space-md);
    margin-bottom: var(--space-2xl);
}

.inner-contact-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    height: 100%;
    background: var(--color-white);
    border: 1px solid rgba(20, 54, 96, 0.1);
    border-radius: var(--radius-xl);
    padding: clamp(0.95rem, 1.8vw, 1.25rem);
    box-shadow: 0 2px 12px rgba(7, 21, 37, 0.04);
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
    overflow: hidden;
}

.inner-contact-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--color-navy-700), var(--color-gold-500));
    opacity: 0.55;
}

.inner-contact-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-premium);
    border-color: rgba(201, 162, 39, 0.35);
}

.inner-contact-card__badge {
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-navy-700);
    background: rgba(201, 162, 39, 0.16);
    border: 1px solid rgba(201, 162, 39, 0.28);
    border-radius: var(--radius-sm);
    padding: 0.2rem 0.45rem;
    line-height: 1.2;
}

.inner-contact-card--primary {
    border-color: rgba(37, 211, 102, 0.28);
    background: linear-gradient(165deg, #ffffff 0%, #f2fbf6 100%);
    box-shadow: 0 8px 28px rgba(18, 140, 126, 0.1);
}

.inner-contact-card--primary::before {
    background: linear-gradient(90deg, #128c7e, #25d366);
    opacity: 1;
}

.inner-contact-card--primary:hover {
    border-color: rgba(37, 211, 102, 0.42);
}

.inner-contact-card--primary .inner-contact-card__badge {
    color: #0f6b5c;
    background: rgba(37, 211, 102, 0.14);
    border-color: rgba(37, 211, 102, 0.28);
}

.inner-contact-card--featured {
    border-color: rgba(201, 162, 39, 0.4);
    background: linear-gradient(165deg, #ffffff 0%, #fbf8ef 55%, #f5f0e2 100%);
    box-shadow: 0 10px 32px rgba(7, 21, 37, 0.08);
}

.inner-contact-card--featured::before {
    background: var(--gradient-gold);
    opacity: 1;
    height: 3px;
}

.inner-contact-card--featured .inner-contact-card__badge {
    color: var(--color-navy-900);
    background: rgba(201, 162, 39, 0.22);
    border-color: rgba(201, 162, 39, 0.4);
}

.inner-contact-card--channel,
.inner-contact-card--secondary {
    border-color: rgba(20, 54, 96, 0.1);
}

.inner-contact-card--soft {
    background: linear-gradient(180deg, #fafbfc 0%, #f4f6f9 100%);
    border-color: rgba(20, 54, 96, 0.08);
    box-shadow: none;
}

.inner-contact-card--soft::before {
    opacity: 0.28;
    background: var(--color-grey-300);
}

.inner-contact-card--soft:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.inner-contact-card--soft .inner-contact-card__badge {
    color: var(--color-grey-500);
    background: var(--color-grey-100);
    border-color: var(--color-grey-200);
}

.inner-contact-card--soft .inner-contact-card__title,
.inner-contact-card--soft .inner-contact-card__text {
    color: var(--color-grey-700);
}

.inner-contact-card--soft .inner-contact-card__cta {
    opacity: 0.88;
}

.inner-contact-card--gated {
    cursor: default;
}

.inner-contact-card--gated:hover {
    transform: none;
    box-shadow: none;
}

.inner-contact-card--gated .inner-contact-card__cta {
    opacity: 1;
}

.inner-contact-card--guidance {
    align-items: flex-start;
    padding: var(--space-lg);
    background: var(--color-white);
}

.inner-contact-card--guidance::before {
    background: var(--gradient-gold);
    opacity: 0.85;
}

.inner-contact__grid--guidance .inner-contact-card {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 1rem;
    text-align: left;
}

.inner-contact__grid--guidance .inner-contact-card__icon {
    width: 46px;
    height: 46px;
    margin: 0;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.inner-contact__grid--guidance .inner-contact-card__title {
    margin: 0;
    flex: 1 1 calc(100% - 62px);
}

.inner-contact__grid--guidance .inner-contact-card__subtitle {
    width: 100%;
    margin: 0;
}

.inner-contact__grid--guidance .inner-contact-card__text {
    width: 100%;
    margin-bottom: var(--space-sm);
    font-size: 0.8125rem;
}

.inner-contact__grid--guidance .inner-contact-card__cta {
    width: auto;
    margin-top: 0;
}

.inner-contact-card__icon {
    width: 46px;
    height: 46px;
    margin: 0 0 var(--space-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, rgba(20, 54, 96, 0.1) 0%, rgba(201, 162, 39, 0.16) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-md);
    color: var(--color-navy-800);
    font-size: 1.25rem;
}

.inner-contact-card__icon--whatsapp {
    background: linear-gradient(145deg, rgba(37, 211, 102, 0.16) 0%, rgba(18, 140, 126, 0.08) 100%);
    border-color: rgba(37, 211, 102, 0.28);
    color: #128c7e;
}

.inner-contact-card__icon--enquiry {
    background: linear-gradient(145deg, rgba(12, 35, 64, 0.92) 0%, rgba(30, 73, 118, 0.88) 100%);
    border-color: rgba(201, 162, 39, 0.45);
    color: var(--color-gold-300);
}

.inner-contact-card__icon--call,
.inner-contact-card__icon--email {
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.1) 0%, rgba(201, 162, 39, 0.12) 100%);
    color: var(--color-navy-700);
}

.inner-contact-card--soft .inner-contact-card__icon {
    background: var(--color-grey-100);
    border-color: var(--color-grey-200);
    color: var(--color-grey-500);
}

.inner-contact-card__title {
    margin-bottom: 0.2rem;
    font-size: 1.0625rem;
    color: var(--color-navy-900);
    padding-right: 4.5rem;
}

.inner-contact-card__subtitle {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--color-gold-500);
    margin-bottom: var(--space-sm);
}

.inner-contact-card__text {
    font-size: 0.875rem;
    color: var(--color-grey-600);
    line-height: 1.55;
    margin-bottom: var(--space-md);
    flex: 1;
}

.inner-contact-card__cta {
    margin-top: auto;
    width: 100%;
    justify-content: center;
    gap: 0.4rem;
}

.contact-form-layout {
    display: grid;
    grid-template-columns: 1.35fr 0.65fr;
    gap: clamp(1rem, 2.2vw, 1.5rem);
    align-items: start;
}

.contact-form-card {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-xl);
    padding: clamp(1.2rem, 2.4vw, 1.75rem);
    box-shadow: var(--shadow-premium);
}

.contact-form-card .inner-contact__form-wrap {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.contact-form-panel {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-xl);
    padding: var(--space-lg);
    box-shadow: var(--shadow-sm);
    position: sticky;
    top: calc(var(--header-height) + var(--announcement-height) + 1rem);
    border-top: 3px solid var(--color-gold-500);
}

.contact-form-panel__header {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
}

.contact-form-panel__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.16) 100%);
    color: var(--color-navy-800);
    border-radius: var(--radius-sm);
    font-size: 1.125rem;
}

.contact-form-panel__label {
    font-family: var(--font-heading);
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--color-navy-900);
}

.contact-form-panel__list {
    list-style: none;
    margin: 0 0 var(--space-md);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.contact-form-panel__list li {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    font-size: 0.9375rem;
    color: var(--color-grey-700);
    line-height: 1.55;
}

.contact-form-panel__list i {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(201, 162, 39, 0.12);
    color: var(--color-gold-500);
    border-radius: 50%;
    font-size: 0.75rem;
    margin-top: 1px;
}

.contact-form-panel__note {
    font-size: 0.8125rem;
    color: var(--color-grey-500);
    line-height: 1.55;
    margin: 0;
    padding-top: var(--space-md);
    border-top: 1px solid var(--color-grey-100);
}

/* Contact — Who can contact: numbered soft tiles (navy/gold) */
.page-contact .inner-content--audience {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 72%, #f3f6fa 100%);
    position: relative;
    overflow: hidden;
}

.page-contact .inner-content--audience::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 42% at 8% 16%, rgba(201, 162, 39, 0.055) 0%, transparent 70%),
        radial-gradient(ellipse 42% 36% at 94% 88%, rgba(12, 35, 64, 0.05) 0%, transparent 65%);
    pointer-events: none;
}

.page-contact .contact-audience {
    position: relative;
    z-index: 1;
}

.page-contact .contact-audience__header {
    text-align: left;
    max-width: 40rem;
    margin-inline: 0;
    margin-bottom: clamp(1.75rem, 3.5vw, 2.75rem);
}

.page-contact .contact-audience__header .section__subtitle {
    max-width: 34rem;
    margin-inline: 0;
    line-height: 1.72;
}

.page-contact .contact-audience__pathway {
    max-width: none;
    margin-inline: 0;
}

.page-contact .contact-audience__pathway ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(0.85rem, 1.8vw, 1.15rem);
    counter-reset: contact-audience;
}

.page-contact .contact-audience__pathway ul::before {
    display: none;
}

.page-contact .contact-audience__pathway li {
    counter-increment: contact-audience;
    position: relative;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-height: 100%;
    padding: 1.3rem 1.3rem 1.3rem 4.1rem;
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: none;
    font-size: 0.96875rem;
    line-height: 1.65;
    color: var(--color-grey-700);
    overflow: hidden;
    transition:
        border-color var(--transition),
        background-color var(--transition);
}

.page-contact .contact-audience__pathway li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--gradient-gold);
    opacity: 0.4;
    transition: opacity var(--transition);
}

.page-contact .contact-audience__pathway li:hover {
    border-color: rgba(201, 162, 39, 0.32);
    background: var(--color-white);
}

.page-contact .contact-audience__pathway li:hover::after {
    opacity: 0.9;
}

.page-contact .contact-audience__pathway li::before {
    content: counter(contact-audience, decimal-leading-zero);
    position: absolute;
    left: 1.05rem;
    top: 1.25rem;
    z-index: 1;
    width: 2.35rem;
    height: 2.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--color-navy-900);
    background: linear-gradient(145deg, #fffdf6 0%, var(--color-white) 100%);
    border: 1.5px solid rgba(201, 162, 39, 0.55);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(201, 162, 39, 0.12);
    transition:
        border-color var(--transition),
        box-shadow var(--transition),
        background-color var(--transition);
}

.page-contact .contact-audience__pathway li:hover::before {
    border-color: var(--color-gold-500);
    background: linear-gradient(145deg, #fff8e6 0%, #fffdf6 100%);
    box-shadow: 0 4px 14px rgba(201, 162, 39, 0.22);
}

.page-contact .contact-audience__pathway li strong {
    display: block;
    color: var(--color-navy-900);
    font-family: var(--font-heading);
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
    letter-spacing: -0.015em;
}

.page-contact .contact-audience__pathway li:hover strong {
    color: var(--color-navy-800);
}

@media (max-width: 768px) {
    .page-contact .contact-audience__pathway ul {
        grid-template-columns: 1fr;
    }

    .page-contact .contact-audience__pathway li {
        padding: 1.15rem 1.1rem 1.15rem 3.8rem;
    }

    .page-contact .contact-audience__pathway li::before {
        left: 0.95rem;
        top: 1.1rem;
        width: 2.2rem;
        height: 2.2rem;
    }
}

/* Contact — Before you message: numbered tip tiles + compact checklist panel */
.page-contact .contact-prepare {
    background: linear-gradient(180deg, #f3f6fa 0%, var(--color-white) 68%, #f7f9fc 100%);
    position: relative;
    overflow: hidden;
}

.page-contact .contact-prepare::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 48% 40% at 6% 12%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 34% at 96% 90%, rgba(12, 35, 64, 0.045) 0%, transparent 65%);
    pointer-events: none;
}

.page-contact .contact-prepare__wrap {
    position: relative;
    z-index: 1;
}

.page-contact .contact-prepare__header {
    max-width: 40rem;
    margin-inline: 0;
    text-align: left;
    margin-bottom: clamp(1.75rem, 3.5vw, 2.75rem);
}

.page-contact .contact-prepare__header .inner-split__lead {
    max-width: 34rem;
    margin-inline: 0;
    line-height: 1.72;
}

.page-contact .contact-prepare__grid,
.page-contact .inner-split__grid--prepare {
    grid-template-columns: 1.2fr 0.8fr;
    align-items: start;
    gap: clamp(1.35rem, 3vw, 2.25rem);
}

.page-contact .contact-prepare__pathway {
    max-width: none;
    margin: 0;
}

.page-contact .contact-prepare__pathway ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(0.75rem, 1.6vw, 1rem);
    counter-reset: contact-prepare;
}

.page-contact .contact-prepare__pathway ul::before {
    display: none;
}

.page-contact .contact-prepare__pathway li {
    counter-increment: contact-prepare;
    position: relative;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 100%;
    padding: 1.15rem 1.15rem 1.15rem 3.85rem;
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: none;
    font-size: 0.9375rem;
    line-height: 1.62;
    color: var(--color-grey-700);
    overflow: hidden;
    transition:
        border-color var(--transition),
        background-color var(--transition);
}

.page-contact .contact-prepare__pathway li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--gradient-gold);
    opacity: 0.45;
    transition: opacity var(--transition);
}

.page-contact .contact-prepare__pathway li:hover {
    border-color: rgba(201, 162, 39, 0.32);
    background: var(--color-white);
}

.page-contact .contact-prepare__pathway li:hover::after {
    opacity: 0.95;
}

.page-contact .contact-prepare__pathway li::before {
    content: counter(contact-prepare, decimal-leading-zero);
    position: absolute;
    left: 0.95rem;
    top: 1.1rem;
    z-index: 1;
    width: 2.2rem;
    height: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--color-navy-900);
    background: linear-gradient(145deg, #fffdf6 0%, var(--color-white) 100%);
    border: 1.5px solid rgba(201, 162, 39, 0.55);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(201, 162, 39, 0.12);
    transition:
        border-color var(--transition),
        box-shadow var(--transition),
        background-color var(--transition);
}

.page-contact .contact-prepare__pathway li:hover::before {
    border-color: var(--color-gold-500);
    background: linear-gradient(145deg, #fff8e6 0%, #fffdf6 100%);
    box-shadow: 0 4px 14px rgba(201, 162, 39, 0.22);
}

.page-contact .contact-prepare__pathway li strong {
    display: block;
    color: var(--color-navy-900);
    font-family: var(--font-heading);
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
    letter-spacing: -0.015em;
}

.page-contact .contact-prepare__pathway li:hover strong {
    color: var(--color-navy-800);
}

.page-contact .contact-prepare__panel {
    background: linear-gradient(180deg, #0c2340 0%, #143660 100%);
    border: 1px solid rgba(201, 162, 39, 0.28);
    border-radius: var(--radius-xl);
    padding: clamp(1.25rem, 2.5vw, 1.65rem);
    box-shadow: 0 14px 36px rgba(7, 21, 37, 0.18);
    position: sticky;
    top: calc(var(--header-height) + var(--announcement-height) + 1rem);
    color: rgba(255, 255, 255, 0.88);
}

.page-contact .contact-prepare__panel-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.page-contact .contact-prepare__panel-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gradient-gold);
    color: var(--color-navy-900);
    border-radius: var(--radius-sm);
    font-size: 1.125rem;
    flex-shrink: 0;
}

.page-contact .contact-prepare__panel-titles {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.page-contact .contact-prepare__panel-label {
    font-family: var(--font-heading);
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--color-white);
    letter-spacing: -0.01em;
}

.page-contact .contact-prepare__panel-hint {
    font-size: 0.75rem;
    color: var(--color-gold-300);
    letter-spacing: 0.02em;
}

.page-contact .contact-prepare__panel-list {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.page-contact .contact-prepare__panel-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.86);
    line-height: 1.5;
}

.page-contact .contact-prepare__panel-list i {
    width: 1.35rem;
    height: 1.35rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(201, 162, 39, 0.18);
    color: var(--color-gold-300);
    border-radius: 50%;
    font-size: 0.7rem;
    margin-top: 1px;
}

.page-contact .contact-prepare__panel-note {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.62);
    line-height: 1.55;
    margin: 0;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.inner-disclaimer--contact .inner-disclaimer__box {
    display: flex;
    align-items: flex-start;
    gap: var(--space-lg);
    max-width: 900px;
    background: linear-gradient(135deg, #f7f9fc 0%, #ffffff 100%);
    border: 1px solid rgba(42, 95, 150, 0.12);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-xl);
    padding: var(--space-xl);
    box-shadow: var(--shadow-sm);
}

.inner-disclaimer__icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: var(--color-navy-700);
    background: rgba(201, 162, 39, 0.14);
    border-radius: var(--radius-md);
}

.inner-disclaimer__content {
    flex: 1;
}

.inner-cards--contact-links {
    background: linear-gradient(180deg, var(--color-white) 0%, #f7f9fc 100%);
}

.inner-cards__grid--contact-links {
    grid-template-columns: repeat(3, 1fr);
}

.inner-card--contact-link {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: calc(var(--space-xl) + 4px);
    border: 1px solid var(--color-grey-100);
    background: var(--color-white);
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.inner-card--contact-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--gradient-gold);
}

.inner-card--contact-link:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-card-hover);
    border-color: rgba(201, 162, 39, 0.22);
}

.inner-card--contact-link .card__icon {
    width: 56px;
    height: 56px;
    font-size: 1.45rem;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.07) 0%, rgba(201, 162, 39, 0.12) 100%);
    border: 1px solid rgba(201, 162, 39, 0.1);
}

.inner-card--contact-link .card__text {
    flex: 1;
    line-height: 1.68;
}

.page-contact .section {
    padding-block: clamp(2.5rem, 5vw, 4.25rem);
}

.page-contact .section.inner-contact--premium {
    padding-block: clamp(1.65rem, 3.2vw, 2.5rem) clamp(2.25rem, 4.5vw, 3.75rem);
}

.page-contact .inner-hero {
    padding-block: clamp(2.25rem, 5vw, 3.75rem);
}

.page-contact .inner-hero__actions {
    margin-top: var(--space-lg);
}

.page-contact .section__header {
    margin-bottom: clamp(2rem, 4vw, 3rem);
}

.page-contact .section__subtitle {
    max-width: 720px;
    margin-inline: auto;
    line-height: 1.72;
}

.page-contact .inner-split__header {
    max-width: 760px;
    margin-bottom: clamp(2rem, 4vw, 2.75rem);
}

.page-contact .inner-split__lead {
    color: var(--color-grey-600);
    line-height: 1.72;
}

.page-contact .inner-cards--contact-links .section__header {
    text-align: left;
}

.page-contact .inner-cards--contact-links .section__title {
    max-width: 680px;
    margin-inline: 0;
}

.page-contact .inner-cards--contact-links .section__subtitle {
    max-width: 640px;
    margin-inline: 0;
}

.page-contact .contact-form__submit {
    box-shadow: 0 8px 24px rgba(201, 162, 39, 0.28);
}

.page-contact .inner-faq {
    background: linear-gradient(180deg, var(--color-grey-50) 0%, var(--color-white) 100%);
}

.page-contact .inner-faq__intro {
    display: block;
}

.page-contact .inner-faq__intro .section__header {
    text-align: center;
    margin-inline: auto;
    max-width: none;
}

.page-contact .inner-faq .faq-list {
    max-width: 880px;
    margin-inline: auto;
    gap: var(--space-md);
}

.page-contact .inner-faq .faq-item {
    border-radius: var(--radius-lg);
    border-color: var(--color-grey-100);
    box-shadow: var(--shadow-sm);
}

.page-contact .inner-faq .faq-item__question {
    font-size: clamp(1.03125rem, 2.2vw, 1.125rem);
}

.page-contact .inner-faq .faq-item.is-open {
    border-color: rgba(201, 162, 39, 0.35);
    box-shadow: var(--shadow-md);
}

.page-contact .inner-faq .faq-item.is-open .faq-item__question {
    border-left: 3px solid var(--color-gold-500);
    padding-left: calc(var(--space-xl) - 3px);
}

.page-contact .inner-related {
    padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.page-contact .inner-related__links {
    max-width: 1000px;
    gap: var(--space-lg);
}

.page-contact .inner-related__link {
    border-left: 3px solid transparent;
    padding: var(--space-lg) var(--space-xl);
}

.page-contact .inner-related__link:hover {
    border-left-color: var(--color-gold-500);
}

.page-contact .inner-disclaimer--contact {
    padding-top: clamp(2rem, 4vw, 3rem);
}

.page-contact .inner-content--ct-disc .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.page-contact .inner-content--ct-disc .section__title,
.page-contact .inner-content--ct-disc .section__subtitle {
    margin-inline: 0;
}

/* Contact — Prefer to browse first destination cards */
.ct-browse {
    margin: 0 0 clamp(1.35rem, 2.6vw, 1.85rem);
}

.ct-browse__label {
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-gold-500);
    text-align: left;
    margin: 0 0 0.85rem;
}

.ct-browse__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.ct-browse__grid > li {
    min-width: 0;
    display: flex;
}

.ct-browse__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    width: 100%;
    min-height: 100%;
    padding: 1.15rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    color: var(--color-navy-800);
    text-decoration: none;
    box-shadow: none;
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.ct-browse__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0.75rem;
    margin-bottom: 0.2rem;
}

.ct-browse__icon {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1.05rem;
}

.ct-browse__arrow {
    color: var(--color-gold-500);
    font-size: 1rem;
    transition: transform var(--transition), color var(--transition);
}

.ct-browse__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.ct-browse__subtitle {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--color-navy-700);
}

.ct-browse__text {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
}

.ct-browse__more {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.2rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-navy-700);
}

.ct-browse__more i {
    color: var(--color-gold-500);
    font-size: 0.9rem;
    transition: transform var(--transition), color var(--transition);
}

.ct-browse__card:hover,
.ct-browse__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

.ct-browse__card:hover .ct-browse__arrow,
.ct-browse__card:focus-visible .ct-browse__arrow,
.ct-browse__card:hover .ct-browse__more i,
.ct-browse__card:focus-visible .ct-browse__more i {
    transform: translateX(3px);
    color: var(--color-gold-400);
}

/* Contact — Guidance Disclaimer destination cards */
.inner-content--ct-disc {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--ct-disc::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.ct-disc {
    position: relative;
    z-index: 1;
}

.ct-disc__header {
    max-width: 42rem;
    margin-inline: 0;
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.ct-disc__header .section__title {
    max-width: 40rem;
}

.ct-disc__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.ct-disc__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.ct-disc__grid > li {
    min-width: 0;
    display: flex;
}

.ct-disc__card {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    width: 100%;
    height: 100%;
    padding: 1.1rem 1.1rem 1.05rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    color: inherit;
    text-decoration: none;
    box-shadow: none;
}

a.ct-disc__card {
    color: var(--color-navy-800);
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.ct-disc__icon {
    width: 2.35rem;
    height: 2.35rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1.05rem;
    margin-top: 0.1rem;
}

.ct-disc__copy {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
}

.ct-disc__text {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
}

.ct-disc__more {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-navy-700);
}

.ct-disc__more i {
    color: var(--color-gold-500);
    font-size: 0.9rem;
    transition: transform var(--transition), color var(--transition);
}

a.ct-disc__card:hover,
a.ct-disc__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

a.ct-disc__card:hover .ct-disc__more i,
a.ct-disc__card:focus-visible .ct-disc__more i {
    transform: translateX(3px);
    color: var(--color-gold-400);
}

@media (max-width: 768px) {
    .ct-browse__grid,
    .ct-disc__grid {
        grid-template-columns: 1fr;
    }
}

/* --------------------------------------------------------------------------
   Homepage polish
   -------------------------------------------------------------------------- */
.page-home .hero__badge i {
    color: var(--color-gold-400);
}

.page-home .hero .btn--whatsapp {
    box-shadow: 0 8px 28px rgba(37, 211, 102, 0.38);
}

.page-home .hero__trust-item {
    transition: background var(--transition), border-color var(--transition), transform var(--transition);
}

.page-home .hero__trust-item:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(201, 162, 39, 0.28);
    transform: translateY(-1px);
}

.page-home .hero-card {
    transition: box-shadow var(--transition), transform var(--transition);
}

.page-home .hero-card:hover {
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.page-home .trust-stats:not(.trust-stats--soft) {
    padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.page-home .trust-stats:not(.trust-stats--soft) .trust-stats__grid {
    margin-top: calc(var(--space-3xl) * -1.35);
}

.page-home .trust-stats--soft {
    padding-top: clamp(1.75rem, 3.5vw, 2.5rem);
    padding-bottom: clamp(2rem, 4vw, 3rem);
}

.page-home .section.trust-stats--soft {
    padding-block: clamp(1.75rem, 3.5vw, 2.5rem) clamp(2rem, 4vw, 3rem);
    background: var(--surface-muted-wash);
}

.page-home .section {
    padding-block: clamp(3.25rem, 6.5vw, 5.25rem);
}

.page-home .section--grey,
.page-home .section--alt {
    background: var(--surface-muted);
}

.page-home .section--warm {
    background: var(--surface-warm-wash);
}

.page-home .section--navy-soft {
    background: var(--surface-navy-wash);
}

.page-home .section__header {
    margin-bottom: clamp(2rem, 4vw, 3rem);
}

.page-home .section__subtitle {
    line-height: 1.72;
}

.page-home .home-audience {
    border-block: 1px solid rgba(12, 35, 64, 0.05);
}

.page-home .home-audience .home-audience__header {
    max-width: 40rem;
    margin-inline: auto;
}

.page-home .home-audience .audience-grid {
    gap: 0;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: 0 1px 0 rgba(7, 21, 37, 0.03);
}

.page-home .home-audience .audience-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    padding: clamp(1.55rem, 2.5vw, 2.05rem) clamp(1.2rem, 2vw, 1.6rem) clamp(1.35rem, 2vw, 1.7rem);
    border: none;
    border-radius: 0;
    border-right: 1px solid rgba(12, 35, 64, 0.08);
    background: transparent;
    box-shadow: none;
    transition: background-color var(--transition), border-color var(--transition);
}

.page-home .home-audience .audience-card:last-child {
    border-right: none;
}

.page-home .home-audience .audience-card.card--soft {
    box-shadow: none;
}

.page-home .home-audience .audience-card.card--soft::after {
    display: none;
}

.page-home .home-audience .audience-card.card--soft:hover,
.page-home .home-audience .audience-card:hover {
    transform: none;
    box-shadow: none;
    background: linear-gradient(180deg, rgba(247, 249, 252, 0.98) 0%, rgba(255, 255, 255, 0.55) 100%);
    border-color: rgba(12, 35, 64, 0.08);
}

.page-home .home-audience a.audience-card--link:focus-visible {
    outline: none;
    z-index: 2;
    box-shadow: inset 0 0 0 2px var(--color-gold-500);
    background: linear-gradient(180deg, rgba(247, 249, 252, 0.98) 0%, rgba(255, 255, 255, 0.55) 100%);
}

.page-home .home-audience .audience-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 12%;
    right: 12%;
    height: 2px;
    background: var(--gradient-gold);
    opacity: 0.28;
    border-radius: 999px;
    transform: scaleX(0.55);
    transform-origin: center;
    transition: opacity 0.3s ease, transform 0.35s ease, left 0.35s ease, right 0.35s ease;
}

.page-home .home-audience .audience-card:hover::before,
.page-home .home-audience .audience-card:focus-within::before {
    opacity: 1;
    left: 0;
    right: 0;
    transform: scaleX(1);
    border-radius: 0;
}

.page-home .home-audience .audience-card__top {
    margin-bottom: clamp(0.95rem, 1.6vw, 1.2rem);
}

.page-home .home-audience .audience-card .card__title,
.page-home .home-audience .audience-card__title {
    min-height: 2.6em;
    margin-bottom: 0.65rem;
    font-size: clamp(1rem, 0.2vw + 0.95rem, 1.075rem);
}

.page-home .home-audience .audience-card .card__text,
.page-home .home-audience .audience-card__text {
    flex: 1;
    margin-bottom: 0;
    padding-bottom: var(--space-lg);
    font-size: 0.9rem;
    line-height: 1.68;
}

.page-home .home-audience .audience-card .card__icon,
.page-home .home-audience .audience-card__icon {
    margin-bottom: 0;
}

.page-home .home-audience .audience-card__link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: auto;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(12, 35, 64, 0.07);
    border-bottom: none;
    font-weight: 700;
    font-size: 0.8125rem;
    letter-spacing: 0.01em;
    color: var(--color-navy-700);
    width: 100%;
}

.page-home .home-audience .audience-card--link:hover .audience-card__link,
.page-home .home-audience .audience-card--link:focus-visible .audience-card__link {
    color: var(--color-gold-500);
    border-top-color: rgba(201, 162, 39, 0.28);
    gap: 0.55rem;
}

.page-home .home-audience .audience-card--link:hover .audience-card__link i,
.page-home .home-audience .audience-card--link:focus-visible .audience-card__link i {
    transform: translateX(3px);
}

.page-home .home-audience .audience-card:hover .audience-card__index,
.page-home .home-audience .audience-card:focus-within .audience-card__index {
    color: var(--color-navy-800);
    border-color: rgba(201, 162, 39, 0.35);
    background: rgba(201, 162, 39, 0.12);
}

.page-home .home-services {
    background: var(--surface-page);
}

.page-home .home-services .service-card {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.page-home .home-services .service-card .card__title {
    min-height: 2.6em;
}

.page-home .home-services .service-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-card-hover);
    border-color: rgba(201, 162, 39, 0.22);
}

.page-home .home-services .card__link {
    font-weight: 700;
}

.page-home .home-about .about-preview__content p.about-preview__lead {
    font-size: 1.0625rem;
    line-height: 1.7;
    color: var(--color-grey-600);
    margin-bottom: 1.35rem;
    max-width: 40ch;
}

.page-home .home-about .about-preview__content .btn {
    gap: 0.35rem;
}

.page-home .home-cta-pair.section--warm,
.page-home .home-cta-pair.section--navy-soft {
    padding-block: clamp(2.75rem, 5.5vw, 4.25rem);
}

.page-home .home-cta-pair--business .home-cta-band {
    box-shadow: none;
}

.page-home .home-cta-pair.section--compact-top {
    padding-top: 0;
    padding-bottom: clamp(2.75rem, 5.5vw, 4.25rem);
}

.page-home .home-cta-band {
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.page-home .home-cta-band .cta-block__inner {
    align-items: center;
}

.page-home .home-cta-band.inner-cta-band--corporate {
    box-shadow: 0 20px 48px rgba(7, 21, 37, 0.22);
}

.page-home .home-cta-band.inner-cta-band--reassuring {
    box-shadow: var(--shadow-premium);
}

.page-home .home-insights .insights-grid {
    gap: clamp(1.25rem, 2.5vw, 1.75rem);
}

.page-home .home-faq .faq-list {
    max-width: 860px;
    margin-inline: auto;
    gap: var(--space-md);
}

.page-home .home-faq .faq-item {
    border-radius: var(--radius-lg);
    border-color: var(--color-grey-100);
    background: var(--surface-page);
    box-shadow: var(--shadow-sm);
}

.page-home .home-faq .faq-item__question {
    font-size: clamp(1.03125rem, 2.2vw, 1.125rem);
}

.page-home .home-faq .faq-item.is-open {
    border-color: rgba(201, 162, 39, 0.35);
    box-shadow: var(--shadow-md);
}

.page-home .home-faq .faq-item.is-open .faq-item__question {
    border-left: 3px solid var(--color-gold-500);
    padding-left: calc(var(--space-xl) - 3px);
    background: linear-gradient(90deg, rgba(201, 162, 39, 0.05) 0%, transparent 100%);
}

.page-home .final-cta {
    padding-block: clamp(3.5rem, 7vw, 5.5rem);
}

.page-home .final-cta .section__title {
    line-height: 1.2;
}

.page-home .final-cta .btn--whatsapp {
    box-shadow: 0 10px 32px rgba(37, 211, 102, 0.4);
}

@media (max-width: 992px) {
    .page-home .home-cta-band .cta-block__inner {
        flex-direction: column;
        text-align: center;
    }

    .page-home .home-cta-band .cta-block__action {
        width: 100%;
    }

    .page-home .home-cta-band .cta-block__action .btn {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .page-home .final-cta .btn-group {
        flex-direction: column;
        width: 100%;
    }

    .page-home .final-cta .btn-group .btn {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .inner-hero__grid,
    .inner-split__grid,
    .inner-split__grid--profile,
    .inner-split__grid--guidance,
    .inner-split__grid--questions,
    .inner-highlight__grid {
        grid-template-columns: 1fr;
    }

    .guidance-checklist-panel,
    .questions-checklist-panel,
    .contact-form-panel,
    .page-contact .contact-prepare__panel {
        position: static;
    }

    .page-contact .contact-audience__pathway ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-contact .contact-prepare__pathway ul {
        grid-template-columns: 1fr;
    }

    .inner-contact__grid--options {
        grid-template-columns: repeat(3, 1fr);
    }

    .inner-contact__grid--channels {
        grid-template-columns: repeat(2, 1fr);
    }

    .inner-contact__grid--channels-featured {
        grid-template-columns: 1fr;
    }

    .inner-contact__grid--guidance {
        max-width: none;
    }

    .contact-form-layout,
    .page-contact .contact-prepare__grid,
    .page-contact .inner-split__grid--prepare {
        grid-template-columns: 1fr;
    }

    .inner-cards__grid--experience,
    .inner-cards__grid--guidance,
    .inner-cards__grid--business,
    .inner-cards__grid--individual,
    .inner-cards__grid--contact-links {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-insurance-guidance .inner-process__steps--pathway ol {
        grid-template-columns: 1fr;
        gap: 1rem;
        max-width: 34rem;
        margin-inline: auto;
        padding-left: 0;
    }

    .page-insurance-guidance .inner-process__steps--pathway ol::before {
        top: 1.5rem;
        bottom: 1.5rem;
        left: 1.5rem;
        right: auto;
        width: 2px;
        height: auto;
        background: linear-gradient(
            180deg,
            rgba(201, 162, 39, 0.15) 0%,
            var(--color-gold-500) 18%,
            var(--color-gold-400) 50%,
            var(--color-gold-500) 82%,
            rgba(201, 162, 39, 0.15) 100%
        );
    }

    .page-insurance-guidance .inner-process__steps--pathway li {
        text-align: left;
        padding: 0 0 var(--space-xl) 4.25rem;
        min-height: 4.5rem;
    }

    .page-insurance-guidance .inner-process__steps--pathway li:last-child {
        padding-bottom: 0;
    }

    .page-insurance-guidance .inner-process__steps--pathway li::before {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }

    .page-guidance .inner-cta-band .cta-block__action.btn-group,
    .page-business .inner-cta-band .cta-block__action.btn-group,
    .page-individual .inner-cta-band .cta-block__action.btn-group,
    .page-insights .inner-cta-band .cta-block__action.btn-group,
    .page-about .inner-cta-band .cta-block__action.btn-group {
        justify-content: center;
    }

    .insights-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .inner-hero__actions.btn-group {
        justify-content: center;
    }

    .inner-hero__content {
        text-align: center;
    }

    .inner-hero__profile-tags {
        max-width: 360px;
        margin-inline: auto;
    }

    .inner-split__content--profile .split {
        grid-template-columns: 1fr;
    }

    .profile-trust-card {
        position: static;
    }

    .inner-split__header {
        text-align: left;
        margin-inline: 0;
    }

    .inner-cards__grid,
    .inner-contact__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .inner-related__links {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .inner-cards__grid,
    .inner-contact__grid,
    .inner-cards__grid--experience,
    .inner-cards__grid--guidance,
    .inner-cards__grid--business,
    .inner-cards__grid--individual,
    .inner-cards__grid--contact-links {
        grid-template-columns: 1fr;
    }

    .page-contact .contact-audience__pathway ul {
        grid-template-columns: 1fr;
    }

    .page-contact .contact-prepare__pathway li {
        padding: 1.1rem 1.05rem 1.1rem 3.7rem;
    }

    .page-contact .contact-prepare__pathway li::before {
        left: 0.9rem;
        top: 1.05rem;
        width: 2.1rem;
        height: 2.1rem;
    }

    .inner-contact__grid--options,
    .inner-contact__grid--channels,
    .inner-contact__grid--guidance {
        grid-template-columns: 1fr;
    }

    .inner-contact__grid--channels-featured .inner-contact-card--featured {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.45rem;
        padding: 1rem 1.05rem;
    }

    .inner-contact__grid--channels-featured .inner-contact-card__title {
        padding-right: 5rem;
    }

    .inner-contact__grid--channels-featured .inner-contact-card__text {
        flex: 0 1 auto;
        min-width: 0;
        margin-bottom: 0.35rem;
    }

    .inner-contact__grid--channels-featured .inner-contact-card__cta {
        width: 100%;
        margin-left: 0;
        min-width: 0;
    }

    .inner-contact-card {
        align-items: flex-start;
        text-align: left;
    }

    .inner-contact-card__title {
        padding-right: 5rem;
    }

    .inner-hero__contact-card {
        padding: var(--space-lg);
    }

    .inner-hero__contact-topics {
        gap: 0.35rem;
        margin-bottom: var(--space-sm);
    }

    .inner-hero__contact-topics li {
        padding: 0.48rem 0.68rem;
    }

    .contact-form__submit {
        width: 100%;
    }

    .inner-disclaimer--contact .inner-disclaimer__box {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .inner-hero__business-topics li,
    .inner-hero__guidance-topics li,
    .inner-hero__health-topics li {
        font-size: 0.8125rem;
    }

    .inner-hero__health-card {
        padding: var(--space-lg);
    }

    .inner-hero__health-topics {
        gap: 0.35rem;
        margin-bottom: var(--space-sm);
    }

    .inner-hero__health-topics li {
        padding: 0.48rem 0.68rem;
    }

    .inner-hero__business-card {
        padding: var(--space-lg);
    }

    .inner-hero__business-topics {
        gap: 0.35rem;
        margin-bottom: var(--space-sm);
    }

    .inner-hero__business-topics li {
        padding: 0.5rem 0.7rem;
    }

    .inner-cta-band--corporate .cta-block__inner,
    .inner-cta-band--reassuring .cta-block__inner,
    .inner-cta-band--insights-hub .cta-block__inner,
    .inner-cta-band--trust .cta-block__inner,
    .inner-cta-band--guidance-hub .cta-block__inner {
        flex-direction: column;
        text-align: center;
    }

    .inner-cta-band--corporate .cta-block__action.btn-group,
    .inner-cta-band--reassuring .cta-block__action.btn-group,
    .inner-cta-band--insights-hub .cta-block__action.btn-group,
    .inner-cta-band--trust .cta-block__action.btn-group,
    .inner-cta-band--guidance-hub .cta-block__action.btn-group {
        width: 100%;
    }

    .inner-hero__hub-card {
        padding: var(--space-lg);
    }

    .inner-hero__hub-topics {
        gap: 0.35rem;
        margin-bottom: var(--space-sm);
    }

    .inner-hero__hub-topics li {
        padding: 0.48rem 0.68rem;
    }

    .insight-search {
        flex-direction: column;
        align-items: stretch;
    }

    .insight-search__btn,
    .insight-search__clear {
        width: 100%;
    }

    .insight-empty-state__actions {
        flex-direction: column;
        width: 100%;
    }

    .insight-empty-state__actions .btn {
        width: 100%;
    }

    .insights-grid {
        grid-template-columns: 1fr;
    }

    .inner-cta-band .cta-block__action.btn-group {
        flex-direction: column;
        width: 100%;
    }

    .inner-cta-band .cta-block__action .btn {
        width: 100%;
    }

    .inner-faq .faq-item__question,
    .insight-faq .faq-item__question {
        padding: var(--space-md) var(--space-lg);
    }

    .inner-faq .faq-item.is-open .faq-item__question,
    .insight-faq .faq-item.is-open .faq-item__question {
        padding-left: calc(var(--space-lg) - 3px);
    }

    .inner-faq .faq-item.is-open .faq-item__answer,
    .insight-faq .faq-item.is-open .faq-item__answer {
        padding: 0 var(--space-lg) var(--space-md);
    }
}

/* --------------------------------------------------------------------------
   Footer CTA band
   -------------------------------------------------------------------------- */
.footer-cta {
    background: linear-gradient(135deg, var(--color-navy-800), var(--color-navy-900));
    color: var(--color-white);
    padding-block: clamp(1.5rem, 2.8vw, 2.25rem);
    padding-inline: env(safe-area-inset-left, 0px) env(safe-area-inset-right, 0px);
}

.footer-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg) var(--space-xl);
    flex-wrap: wrap;
}

.footer-cta__title {
    font-family: var(--font-heading);
    font-size: clamp(1.2rem, 2.2vw, 1.5rem);
    font-weight: 700;
    color: var(--color-white);
    margin-bottom: 0.35rem;
}

.footer-cta__text {
    max-width: 40rem;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.5;
    font-size: 0.9375rem;
    margin: 0;
}

.footer-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    flex-shrink: 0;
}

.btn--outline-light {
    background: transparent;
    color: var(--color-white);
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.btn--outline-light:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.55);
    color: var(--color-white);
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
.site-footer {
    background: var(--color-navy-900);
    color: rgba(255, 255, 255, 0.75);
}

.site-footer__top {
    padding-block: clamp(1.35rem, 2.6vw, 2rem);
}

.site-footer__grid {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.site-footer__intro {
    display: grid;
    grid-template-columns: minmax(16rem, 1.15fr) minmax(18rem, 1.25fr);
    gap: 1rem 2.5rem;
    align-items: start;
    padding-bottom: 1.15rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.site-footer__nav {
    display: grid;
    grid-template-columns: minmax(8.5rem, 0.85fr) minmax(9.5rem, 1fr) minmax(18rem, 2fr);
    gap: 1.1rem 1.5rem;
    align-items: start;
}

.site-footer__brand {
    display: flex;
    align-items: center;
    gap: 1rem 1.15rem;
    min-width: 0;
}

.site-footer__col {
    min-width: 0;
}

.site-footer__col--topics .site-footer__links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.25rem;
    row-gap: 0.28rem;
}

.site-footer__col--topics .site-footer__links li {
    margin-bottom: 0;
}

.site-logo--footer {
    color: var(--color-white);
    margin: 0;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    /* Soft light plate so navy+gold stay readable on dark footer (UX-GLOB-S12) */
    background: rgba(255, 255, 255, 0.92);
    padding: 0.2rem 0.4rem;
    border-radius: 6px;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.site-logo--footer:hover {
    color: var(--color-white);
    opacity: 0.96;
}

.site-footer__desc {
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
    min-width: 0;
    max-width: none;
    color: rgba(255, 255, 255, 0.68);
    text-wrap: pretty;
}

.site-footer__heading {
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--color-white);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 0.7rem;
}

.site-footer__links li {
    margin-bottom: 0.32rem;
}

.site-footer__links li:last-child {
    margin-bottom: 0;
}

.site-footer__links a {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.68);
    transition: color var(--transition);
    line-height: 1.4;
}

.site-footer__links a:hover {
    color: var(--color-gold-400);
}

.site-footer__contact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
    row-gap: 0.35rem;
}

.site-footer__contact li {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.4;
    min-width: 0;
}

.site-footer__contact i {
    color: var(--color-gold-400);
    margin-top: 2px;
    flex-shrink: 0;
}

.site-footer__contact a {
    color: rgba(255, 255, 255, 0.65);
    overflow-wrap: break-word;
}

.site-footer__contact a:hover {
    color: var(--color-gold-400);
}

.site-footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-block: 0.9rem max(1.1rem, env(safe-area-inset-bottom, 0px));
    padding-inline: env(safe-area-inset-left, 0px) env(safe-area-inset-right, 0px);
}

.site-footer__bottom-inner {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.site-footer__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1.25rem;
    flex-wrap: wrap;
}

.site-footer__copyright {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
}

.site-footer__legal ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.15rem 0.15rem;
    margin: 0;
}

.site-footer__legal li {
    display: inline-flex;
    align-items: center;
}

.site-footer__legal li + li::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: 0 0.55rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.32);
    flex-shrink: 0;
}

.site-footer__legal a {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.62);
    line-height: 1.3;
    white-space: nowrap;
}

.site-footer__legal a:hover {
    color: var(--color-gold-400);
}

.site-footer__disclaimer {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.5;
    margin: 0;
    max-width: none;
    text-align: center;
}

@media (max-width: 1199px) {
    .site-footer__intro {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.15fr);
        gap: 1rem 1.5rem;
    }

    .site-footer__nav {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) minmax(0, 1.8fr);
        gap: 1rem 1.25rem;
    }
}

@media (max-width: 900px) {
    .site-footer__intro {
        grid-template-columns: 1fr 1fr;
    }

    .site-footer__nav {
        grid-template-columns: 1fr 1fr;
    }

    .site-footer__col--topics {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .footer-cta__inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .site-footer__intro {
        grid-template-columns: 1fr;
        gap: 1.1rem;
        padding-bottom: 1rem;
    }

    .site-footer__brand {
        flex-direction: column;
        align-items: flex-start;
    }

    .site-footer__contact {
        grid-template-columns: 1fr 1fr;
    }

    .site-footer__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.45rem;
    }

    .site-footer__legal a {
        white-space: normal;
    }
}

@media (max-width: 479px) {
    .site-footer__nav {
        grid-template-columns: 1fr;
    }

    .site-footer__col--topics {
        grid-column: auto;
    }

    .site-footer__col--topics .site-footer__links {
        grid-template-columns: 1fr;
    }

    .site-footer__contact {
        grid-template-columns: 1fr;
    }
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (min-width: 1100px) {
    .site-header__cta-label--short {
        display: none;
    }

    .site-header__cta-label:not(.site-header__cta-label--short) {
        display: inline;
    }
}

@media (max-width: 1100px) {
    .audience-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-home .home-audience .audience-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-md);
        background: transparent;
        border: none;
        border-radius: 0;
        overflow: visible;
        box-shadow: none;
    }

    .page-home .home-audience .audience-card {
        border: 1px solid rgba(12, 35, 64, 0.08);
        border-radius: var(--radius-lg);
        background: var(--color-white);
        box-shadow: 0 1px 0 rgba(7, 21, 37, 0.03);
        padding: 1.45rem 1.35rem 1.3rem;
    }

    .page-home .home-audience .audience-card:last-child {
        border-right: 1px solid rgba(12, 35, 64, 0.08);
        grid-column: 1 / -1;
        max-width: 22.5rem;
        justify-self: center;
        width: 100%;
    }

    .page-home .home-audience .audience-card .card__title,
    .page-home .home-audience .audience-card__title {
        min-height: 0;
    }

    .page-home .home-audience .audience-card.card--soft:hover,
    .page-home .home-audience .audience-card:hover,
    .page-home .home-audience .audience-card:focus-within {
        background: var(--color-white);
        border-color: rgba(201, 162, 39, 0.28);
        box-shadow: var(--shadow-sm);
        transform: translateY(-2px);
    }

    .trust-stats__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .trust-stats--soft .trust-stat-card:nth-child(2n)::after {
        display: none;
    }

    .trust-stats--soft .trust-stat-card:nth-child(-n+2) {
        border-bottom: 1px solid var(--color-grey-100);
    }
}

@media (max-width: 992px) {
    .hero__grid {
        grid-template-columns: 1fr;
        gap: var(--space-2xl);
    }

    .hero__content {
        max-width: none;
        text-align: center;
    }

    .hero__title {
        max-width: none;
        margin-inline: auto;
    }

    .hero__text {
        margin-inline: auto;
    }

    .hero__actions {
        justify-content: center;
    }

    .hero__actions.btn-group {
        justify-content: center;
    }

    .hero__trust-list {
        margin-inline: auto;
    }

    .hero__visual {
        max-width: 520px;
        margin-inline: auto;
    }

    .hero-float {
        display: none;
    }

    .about-preview__grid {
        grid-template-columns: 1fr;
        gap: 2rem;
        align-items: start;
    }

    .about-preview__visual {
        max-width: 22rem;
        margin-inline: auto;
        height: auto;
    }

    .about-preview__visual--photo {
        margin-inline: auto;
    }

    .about-preview__frame {
        flex: none;
        height: auto;
    }

    .about-preview__image {
        flex: none;
        height: auto;
        aspect-ratio: 4 / 5;
    }

    .about-preview__image--photo {
        aspect-ratio: 1 / 1;
    }

    .about-preview__content {
        max-width: none;
        text-align: left;
    }

    .about-preview__content h2 {
        max-width: none;
    }

    .services-grid,
    .insights-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cta-block__inner {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 1099px) {
    .nav-toggle {
        display: flex;
        position: relative;
        z-index: 2;
        flex-shrink: 0;
    }

    .site-logo {
        min-width: 0;
        flex: 1 1 auto;
    }

    .site-logo__image {
        max-width: 100%;
    }

    .site-nav {
        position: fixed;
        top: var(--nav-drawer-top, calc(var(--header-height) + var(--announcement-height)));
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: none;
        background: var(--color-white);
        padding: var(--space-xl);
        transform: translateX(100%);
        visibility: hidden;
        pointer-events: none;
        transition: transform 0.3s ease, visibility 0.3s ease;
        overflow-y: auto;
        z-index: 999;
        margin-left: 0;
        justify-content: flex-start;
        flex: none;
        flex-direction: column;
        align-items: stretch;
        overscroll-behavior: contain;
        padding-top: max(var(--space-xl), env(safe-area-inset-top, 0px));
        padding-bottom: max(var(--space-xl), env(safe-area-inset-bottom, 0px));
        padding-left: max(var(--space-xl), env(safe-area-inset-left, 0px));
        padding-right: max(var(--space-xl), env(safe-area-inset-right, 0px));
    }

    .site-nav.is-open {
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
    }

    .site-nav__list {
        flex-direction: column;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: var(--space-xs);
    }

    .site-nav__link {
        padding: var(--space-md);
        font-size: 1rem;
        white-space: normal;
        width: 100%;
        justify-content: space-between;
    }

    .site-nav__item--has-menu {
        position: static;
    }

    .site-nav__caret {
        display: none;
    }

    .site-nav__submenu {
        position: static;
        min-width: 0;
        max-width: 100%;
        margin: 0 0 0.2rem;
        padding: 0 0 0.25rem 0.35rem;
        background: transparent;
        border: none;
        border-left: 2px solid var(--color-grey-100);
        border-radius: 0;
        box-shadow: none;
        opacity: 1;
        /* Inherit the closed drawer's visibility:hidden so this panel cannot punch through. */
        visibility: inherit;
        transform: none;
        pointer-events: inherit;
        margin-left: var(--space-md);
    }

    .site-nav.is-open .site-nav__submenu {
        visibility: visible;
        pointer-events: auto;
    }

    .site-nav__sublink {
        padding: 0.55rem 0.75rem;
        font-size: 0.9375rem;
    }

    .site-nav__label--full {
        display: none;
    }

    .site-nav__label--drawer {
        display: inline;
    }

    .site-nav__drawer-cta {
        display: flex;
        flex-direction: column;
        gap: var(--space-sm);
        margin-top: auto;
        padding-top: var(--space-xl);
        border-top: 1px solid var(--color-grey-100);
    }

    .site-nav__drawer-cta .btn {
        width: 100%;
    }

    .site-header__inner {
        gap: 0.75rem;
    }

    .site-header__actions {
        margin-left: auto;
    }

    .site-header__cta {
        padding-inline: 0.85rem;
    }
}

@media (max-width: 768px) {
    :root {
        --space-4xl: 3.5rem;
        --header-height: 78px;
    }

    .site-logo__image {
        height: 58px;
        max-width: 100%;
    }

    .site-logo__image--footer {
        height: 52px;
        max-width: min(176px, 100%);
    }

    .site-logo--footer {
        padding: 0.18rem 0.35rem;
        border-radius: 6px;
    }

    .hero__title {
        font-size: clamp(1.75rem, 7vw, 2.25rem);
    }

    .hero__trust-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 480px;
    }

    .hero__trust-item {
        font-size: 0.8125rem;
        padding: 0.55rem 0.7rem;
    }

    .faq-item__question {
        padding: var(--space-md) var(--space-lg);
        font-size: 1rem;
    }

    .faq-item.is-open .faq-item__question {
        padding-left: calc(var(--space-lg) - 3px);
    }

    .faq-item.is-open .faq-item__answer {
        padding: 0 var(--space-lg) var(--space-md);
    }

    .final-cta {
        padding-block: var(--space-3xl);
    }

    .trust-stats__grid {
        grid-template-columns: 1fr;
        margin-top: var(--space-xl);
    }

    .trust-stats--soft .trust-stats__grid {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 0;
    }

    .trust-stats--soft .trust-stat-card {
        padding: 1.25rem 0.85rem;
    }

    .trust-stats--soft .trust-stat-card__value {
        font-size: 1.05rem;
    }

    .audience-grid {
        grid-template-columns: 1fr;
    }

    .page-home .home-audience .audience-grid {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .page-home .home-audience .audience-card {
        padding: 1.3rem 1.2rem 1.15rem;
    }

    .page-home .home-audience .audience-card:last-child {
        grid-column: auto;
        max-width: none;
        justify-self: stretch;
    }

    .page-home .home-audience .audience-card .card__text,
    .page-home .home-audience .audience-card__text {
        margin-bottom: 0;
        padding-bottom: var(--space-md);
        font-size: 0.9375rem;
    }

    .page-home .home-audience .audience-card__link {
        padding-top: 0.75rem;
    }

    .services-grid,
    .insights-grid {
        grid-template-columns: 1fr;
    }

    .hero__trust-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 100%;
    }

    .cta-block {
        padding: var(--space-2xl);
    }
}

@media (max-width: 640px) {
    .container {
        padding-inline: var(--space-md);
    }

    .btn {
        white-space: normal;
        min-height: 44px;
        text-align: center;
    }

    .btn-group {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .btn-group .btn {
        width: 100%;
    }

    .site-header__cta {
        min-height: 44px;
        white-space: nowrap;
    }

    .site-header__cta-label:not(.site-header__cta-label--short) {
        display: none;
    }

    .site-header__cta-label--short {
        display: inline;
    }

    .insight-article__figure--brand {
        aspect-ratio: 16 / 9;
        min-height: 0;
    }

    .content-table,
    .insight-article__content table,
    .inner-content__body table {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* --------------------------------------------------------------------------
   Shared brand media (atmospheric panels — not portraits)
   -------------------------------------------------------------------------- */
.brand-media {
    --brand-media-aspect: 4 / 3;
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: var(--brand-media-aspect);
    border-radius: var(--radius-xl);
    overflow: hidden;
    background: linear-gradient(160deg, var(--color-navy-700) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(20, 54, 96, 0.14);
    box-shadow: var(--shadow-card);
    isolation: isolate;
}

.brand-media__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.brand-media__wash {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(7, 21, 37, 0.15) 0%, rgba(7, 21, 37, 0.45) 100%);
    pointer-events: none;
    z-index: 1;
}

.brand-media--photo .brand-media__wash {
    background: linear-gradient(180deg, transparent 40%, rgba(7, 21, 37, 0.35) 100%);
}

.brand-media__pattern {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 22%, rgba(201, 162, 39, 0.18) 0%, transparent 42%),
        radial-gradient(circle at 82% 78%, rgba(255, 255, 255, 0.06) 0%, transparent 48%);
    pointer-events: none;
    z-index: 2;
}

.brand-media--photo .brand-media__pattern {
    opacity: 0.35;
}

.brand-media__overlay {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: clamp(1rem, 3vw, 1.75rem);
    text-align: center;
}

.brand-media__logo-plate {
    width: 7.25rem;
    height: 4.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
    margin-bottom: 0.25rem;
    padding: 0.3rem 0.45rem;
}

.brand-media__logo {
    width: 100%;
    height: 100%;
    max-width: 6.5rem;
    max-height: 3.5rem;
    object-fit: contain;
}

.brand-media__icon {
    width: 3.25rem;
    height: 3.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(201, 162, 39, 0.18);
    border: 1px solid rgba(201, 162, 39, 0.35);
    color: var(--color-gold-400);
    font-size: 1.35rem;
    margin-bottom: 0.2rem;
}

.brand-media__title {
    margin: 0;
    font-family: var(--font-heading);
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    font-weight: 700;
    color: var(--color-white);
    letter-spacing: -0.02em;
    line-height: 1.25;
    max-width: 16rem;
}

.brand-media__label {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.72);
    max-width: 15rem;
    line-height: 1.45;
}

.brand-media--rail {
    box-shadow: var(--shadow-premium);
}

.brand-media--band {
    --brand-media-aspect: 21 / 9;
    border-radius: var(--radius-lg);
}

.brand-media--compact {
    --brand-media-aspect: 16 / 10;
    border-radius: var(--radius-lg);
}

.brand-media--soft {
    box-shadow: none;
    border-color: rgba(20, 54, 96, 0.1);
}

/* Section layouts pairing copy + brand media */
.section-media-split {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: clamp(1.5rem, 4vw, 2.75rem);
    align-items: start;
}

.section-media-split--reverse {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
}

.section-media-split--reverse .section-media-split__visual {
    order: -1;
}

.section-media-split__visual {
    position: sticky;
    top: calc(var(--header-height) + var(--announcement-height, 0px) + 1rem);
}

.section-media-split__visual .brand-media {
    max-width: 28rem;
    margin-inline: auto;
}

.home-services__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 18rem);
    gap: clamp(1.25rem, 3vw, 2.5rem);
    align-items: end;
    margin-bottom: var(--space-2xl);
}

.home-services__intro .section__header {
    margin-bottom: 0;
    margin-inline: 0;
    text-align: left;
    max-width: 40rem;
}

.home-services__intro .section__subtitle {
    margin-inline: 0;
}

.home-services__media .brand-media {
    width: 100%;
}

.home-services__media .brand-media__image {
    object-fit: cover;
    object-position: center;
}

.home-services__media .brand-media--photo .brand-media__wash {
    background: linear-gradient(180deg, transparent 50%, rgba(7, 21, 37, 0.22) 100%);
}

.home-services__media .brand-media--photo .brand-media__pattern {
    opacity: 0.12;
}

.home-services__media .brand-media {
    width: 100%;
}

.home-services__media .brand-media__image {
    object-fit: cover;
    object-position: center;
}

.home-services__media .brand-media--photo .brand-media__wash {
    background: linear-gradient(180deg, transparent 50%, rgba(7, 21, 37, 0.22) 100%);
}

.home-services__media .brand-media--photo .brand-media__pattern {
    opacity: 0.12;
}

.home-insights__intro,
.home-faq__intro {
    margin-bottom: var(--space-xl);
}

.inner-faq__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(11rem, 16rem);
    gap: clamp(1.25rem, 3vw, 2.25rem);
    align-items: end;
    margin-bottom: var(--space-xl);
}

.inner-faq__intro .section__header {
    margin-bottom: 0;
    margin-inline: 0;
    text-align: left;
    max-width: 40rem;
}

.inner-faq__intro .section__subtitle {
    margin-inline: 0;
}

.home-visual-band {
    margin-top: calc(var(--space-2xl) * -0.35);
    margin-bottom: var(--space-xl);
}

.home-visual-band .brand-media {
    max-width: 72rem;
    margin-inline: auto;
}

.inner-process__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 17rem);
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: start;
}

.inner-process__visual {
    position: sticky;
    top: calc(var(--header-height) + var(--announcement-height, 0px) + 1rem);
}

.inner-cards--about .inner-cards__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(11rem, 16rem);
    gap: clamp(1.25rem, 3vw, 2rem);
    align-items: end;
    margin-bottom: var(--space-xl);
}

.inner-cards--about .inner-cards__intro .section__header {
    margin-bottom: 0;
    text-align: left;
}

.inner-cards--about .inner-cards__intro .section__subtitle {
    margin-inline: 0;
}

.inner-cards__media .brand-media--photo .brand-media__image {
    object-fit: cover;
    object-position: center;
}

.inner-cards__media .brand-media--photo .brand-media__wash {
    background: linear-gradient(180deg, transparent 50%, rgba(7, 21, 37, 0.22) 100%);
}

.inner-cards__media .brand-media--photo .brand-media__pattern {
    opacity: 0.12;
}

.inner-split__visual--brand {
    min-width: 0;
}

.inner-split__visual--brand .brand-media {
    max-width: 26rem;
}

.inner-principles__band,
.guidance-how-helps__band,
.guide-further-reading__media {
    margin: 0 0 var(--space-xl);
}

.inner-principles__band .brand-media,
.guidance-how-helps__band .brand-media,
.guide-further-reading__media .brand-media {
    max-width: 100%;
}

.inner-principles__band .brand-media--photo {
    --brand-media-aspect: 3 / 1;
}

.inner-principles__band .brand-media--photo .brand-media__image {
    object-fit: cover;
    object-position: center;
}

.inner-principles__band .brand-media--photo .brand-media__wash {
    background: linear-gradient(180deg, transparent 60%, rgba(7, 21, 37, 0.12) 100%);
}

.inner-principles__band .brand-media--photo .brand-media__pattern {
    opacity: 0.06;
}

.insight-empty-state__media {
    max-width: 22rem;
    margin: 0 auto var(--space-lg);
}

.page-contact .contact-audience__split {
    margin-top: var(--space-lg);
}

.insight-article__figure--brand {
    position: relative;
}

.insight-article__figure--brand .brand-media {
    position: absolute;
    inset: 0;
    aspect-ratio: auto;
    height: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.insight-article__figure--brand .brand-media__image {
    opacity: 0.55;
}

.insight-article__figure--brand .insight-article__brand-panel {
    position: relative;
    z-index: 2;
    min-height: inherit;
    height: 100%;
}

@media (max-width: 900px) {
    .section-media-split,
    .section-media-split--reverse,
    .home-services__intro,
    .inner-faq__intro,
    .inner-process__layout,
    .inner-cards--about .inner-cards__intro {
        grid-template-columns: 1fr;
    }

    .section-media-split--reverse .section-media-split__visual,
    .section-media-split__visual,
    .inner-process__visual {
        position: static;
        order: 0;
        max-width: 26rem;
        margin-inline: auto;
        width: 100%;
    }

    .home-services__intro .section__header,
    .inner-faq__intro .section__header,
    .inner-cards--about .inner-cards__intro .section__header {
        text-align: left;
        max-width: none;
    }

    .home-services__intro .section__subtitle,
    .inner-faq__intro .section__subtitle {
        margin-inline: 0;
    }

    .home-services__media,
    .inner-faq__media,
    .inner-cards__media {
        max-width: 22rem;
        margin-inline: auto;
        width: 100%;
    }

    .brand-media--band {
        --brand-media-aspect: 16 / 9;
    }

    .inner-principles__band .brand-media--photo {
        --brand-media-aspect: 3 / 1;
    }
}

@media (max-width: 640px) {
    .brand-media__logo-plate {
        width: 6rem;
        height: 3.4rem;
    }

    .brand-media__logo {
        max-width: 5.4rem;
        max-height: 2.9rem;
        width: 100%;
        height: 100%;
    }
}

/* --------------------------------------------------------------------------
   Back to top
   -------------------------------------------------------------------------- */
.back-to-top {
    --back-to-top-size: 2.75rem;
    --back-to-top-gap: 1.25rem;
    /* Room for a future fixed WhatsApp/phone float above this control */
    --back-to-top-stack-offset: 0px;

    position: fixed;
    z-index: 900;
    right: max(var(--back-to-top-gap), env(safe-area-inset-right, 0px));
    bottom: calc(
        max(var(--back-to-top-gap), env(safe-area-inset-bottom, 0px))
        + var(--back-to-top-stack-offset)
    );
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--back-to-top-size);
    height: var(--back-to-top-size);
    padding: 0;
    border: 2px solid var(--color-gold-500);
    border-radius: var(--radius-sm);
    background: var(--color-navy-800);
    color: var(--color-gold-400);
    box-shadow: var(--shadow-md);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(0.5rem);
    transition:
        opacity var(--transition),
        visibility var(--transition),
        transform var(--transition),
        background-color var(--transition),
        color var(--transition),
        box-shadow var(--transition);
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.back-to-top:hover {
    background: var(--color-navy-700);
    color: var(--color-gold-300);
    box-shadow: var(--shadow-gold);
}

.back-to-top:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.back-to-top i {
    font-size: 1.25rem;
    line-height: 1;
}

@media (max-width: 767px) {
    .back-to-top {
        --back-to-top-size: 2.75rem;
        --back-to-top-gap: 1rem;
    }
}

/* --------------------------------------------------------------------------
   Accessibility
   -------------------------------------------------------------------------- */
:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 2px;
}

#main-content,
h1[id],
h2[id],
h3[id],
h4[id],
[id^="step-"] {
    scroll-margin-top: calc(var(--header-height) + var(--announcement-height, 0px) + 0.75rem);
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .hero-float {
        animation: none;
    }

    .trust-stats--soft .trust-stat-card {
        animation: none;
    }

    .page-insurance-guidance .inner-process__steps--pathway li {
        animation: none;
    }

    .card:hover,
    .audience-card:hover,
    .audience-card:hover .card__icon,
    .audience-card:hover .audience-card__icon,
    .insight-card:hover,
    .insight-card:hover .insight-card__read i,
    .insight-card:hover .insight-card__image--photo img,
    .page-home .home-services .service-card:hover,
    .page-home .home-audience .audience-card:hover,
    .page-home .home-audience .audience-card.card--soft:hover,
    .btn--primary:hover,
    .btn--gold:hover,
    .btn:hover {
        transform: none !important;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* Table captions ignore typical sr-only positioning and will expand the page. */
thead.sr-only {
    display: block;
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    max-width: 1px;
    margin: 0 !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

/* --------------------------------------------------------------------------
   Citations, author entity & TOC
   (SEO / AEO / GEO audit, Aug 2026)
   -------------------------------------------------------------------------- */

/* Author attribution on CMS guidance pages (GAP-06) */
.guidance-byline {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.78);
}

.guidance-byline i {
    margin-top: 0.2rem;
    color: var(--color-gold-300);
}

.guidance-byline__link {
    font-weight: 600;
    color: var(--color-white);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.guidance-byline__link:hover,
.guidance-byline__link:focus-visible {
    color: var(--color-gold-300);
}

.author-box-row {
    padding-top: var(--space-xl);
}

.author-box-row .author-box {
    margin-bottom: 0;
}

.seo-sources__body {
    max-width: 860px;
}

.seo-sources__list {
    list-style: none;
    margin: 0 0 var(--space-lg);
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

.seo-sources__list li {
    position: relative;
    padding: 0.9rem 1.1rem 0.9rem 2.6rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: var(--radius-md);
    color: var(--color-grey-700);
    line-height: 1.6;
}

.seo-sources__list li::before {
    content: "\2197";
    position: absolute;
    left: 1rem;
    top: 0.9rem;
    color: var(--color-gold-500);
    font-size: 1rem;
    line-height: 1.6;
}

.seo-sources__list a {
    display: inline;
    font-weight: 600;
    color: var(--color-navy-700);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.seo-sources__list a:hover,
.seo-sources__list a:focus-visible {
    color: var(--color-navy-500);
}

.seo-sources__foot {
    margin: 0;
    font-size: 0.9rem;
    color: var(--color-grey-600);
}

/* --------------------------------------------------------------------------
   Straight Answers / Answers at a Glance (AEO-ANS-01)
   Home-mood: navy wash, numbered cards, gold accents — not a plain FAQ dump
   -------------------------------------------------------------------------- */
.answers-glance {
    position: relative;
    overflow: hidden;
}

.answers-glance__atmosphere {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 55% 50% at 8% 20%, rgba(201, 162, 39, 0.12) 0%, transparent 58%),
        radial-gradient(ellipse 45% 45% at 92% 80%, rgba(20, 54, 96, 0.1) 0%, transparent 55%);
}

.answers-glance__inner {
    position: relative;
    z-index: 1;
}

.answers-glance .section__header {
    margin-bottom: clamp(1.75rem, 3.5vw, 2.5rem);
}

.answers-glance__body {
    max-width: 880px;
    margin-inline: auto;
}

.answers-glance__body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1rem;
    counter-reset: answers-glance;
}

.answers-glance__body li {
    counter-increment: answers-glance;
    position: relative;
    padding: clamp(1.2rem, 2.5vw, 1.5rem) clamp(1.25rem, 2.5vw, 1.65rem) clamp(1.2rem, 2.5vw, 1.5rem) clamp(4.4rem, 8vw, 5rem);
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    line-height: 1.7;
    color: var(--color-grey-700);
    transition:
        border-color var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
}

.answers-glance__body li::before {
    content: counter(answers-glance, decimal-leading-zero);
    position: absolute;
    left: clamp(1rem, 2vw, 1.25rem);
    top: clamp(1.15rem, 2.2vw, 1.4rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.55rem;
    height: 2.55rem;
    font-family: var(--font-heading);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: var(--color-navy-800);
    background:
        linear-gradient(145deg, rgba(201, 162, 39, 0.18) 0%, rgba(201, 162, 39, 0.06) 100%);
    border: 1px solid rgba(201, 162, 39, 0.35);
    border-radius: 999px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.answers-glance__body li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 12%;
    right: 12%;
    height: 2px;
    background: var(--gradient-gold);
    border-radius: 0 0 3px 3px;
    opacity: 0;
    transition: opacity var(--transition);
}

.answers-glance__body li:hover,
.answers-glance__body li:focus-within {
    border-color: rgba(201, 162, 39, 0.35);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.answers-glance__body li:hover::after,
.answers-glance__body li:focus-within::after {
    opacity: 1;
}

.answers-glance__body li strong {
    display: block;
    margin: 0 0 0.4rem;
    font-family: var(--font-heading);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.35;
    color: var(--color-navy-800);
}

.answers-glance__body li a {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.55rem;
    width: fit-content;
    font-family: var(--font-heading);
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-navy-800);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.answers-glance__body li a::after {
    content: '\2192';
    font-size: 1rem;
    color: var(--color-gold-500);
    transition: transform var(--transition);
}

.answers-glance__body li a:hover,
.answers-glance__body li a:focus-visible {
    color: var(--color-navy-700);
    border-bottom-color: var(--color-gold-500);
}

.answers-glance__body li a:hover::after,
.answers-glance__body li a:focus-visible::after {
    transform: translateX(3px);
}

.answers-glance__foot {
    margin: 1.5rem 0 0;
    padding: 1.1rem 1.35rem;
    max-width: 880px;
    margin-inline: auto;
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--color-grey-600);
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-md);
    text-align: center;
}

.answers-glance__foot a {
    font-weight: 700;
    color: var(--color-navy-800);
    text-decoration: none;
    border-bottom: 1px solid rgba(201, 162, 39, 0.45);
}

.answers-glance__foot a:hover,
.answers-glance__foot a:focus-visible {
    border-bottom-color: var(--color-gold-500);
}

.answers-glance--home {
    padding-block: clamp(3rem, 6vw, 4.75rem);
}

@media (max-width: 640px) {
    .answers-glance__body li {
        padding-left: clamp(1.2rem, 4vw, 1.4rem);
        padding-top: 4.1rem;
    }

    .answers-glance__body li::before {
        top: 1.15rem;
        left: 1.2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .answers-glance__body li,
    .answers-glance__body li a::after {
        transition: none;
    }

    .answers-glance__body li:hover,
    .answers-glance__body li:focus-within {
        transform: none;
    }
}

.article-toc {
    margin: 0 0 var(--space-xl);
    padding: 1.25rem 1.5rem;
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    border-radius: var(--radius-md);
}

.article-toc__title {
    margin: 0 0 0.75rem;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 0.95rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--color-navy-800);
}

.article-toc__list {
    margin: 0;
    padding-left: 1.15rem;
    display: grid;
    gap: 0.4rem;
    color: var(--color-grey-600);
}

.article-toc__list a {
    color: var(--color-navy-700);
    text-decoration: none;
}

.article-toc__list a:hover,
.article-toc__list a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.author-box {
    display: flex;
    gap: 1.25rem;
    margin: var(--space-2xl) 0 var(--space-lg);
    padding: 1.5rem;
    background: var(--surface-navy-wash);
    border: 1px solid var(--color-grey-200);
    border-radius: var(--radius-lg);
}

.author-box__avatar {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--gradient-navy);
    color: var(--color-gold-300);
    font-size: 1.5rem;
}

.author-box__body p {
    margin: 0 0 0.4rem;
}

.author-box__eyebrow {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-grey-500);
}

.author-box__name {
    font-family: var(--font-heading);
    font-size: 1.15rem;
    font-weight: 700;
}

.author-box__name a {
    color: var(--color-navy-800);
    text-decoration: none;
}

.author-box__name a:hover,
.author-box__name a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.author-box__role {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-navy-600);
}

.author-box__bio {
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--color-grey-700);
}

.author-box__link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 600;
    font-size: 0.92rem;
    color: var(--color-navy-700);
    text-decoration: none;
}

.author-box__link:hover,
.author-box__link:focus-visible {
    gap: 0.6rem;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.insight-article__author-link {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Comparison tables inside CMS content (CONT-TABLE-01) */
.inner-content__body .content-table,
.insight-article__content .content-table {
    width: 100%;
    max-width: 100%;
    margin: var(--space-lg) 0;
    border-collapse: collapse;
    font-size: 0.95rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: var(--radius-md);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.content-table caption {
    caption-side: top;
    padding: 0 0 0.6rem;
    font-size: 0.88rem;
    color: var(--color-grey-500);
    text-align: left;
}

.content-table th,
.content-table td {
    padding: 0.8rem 1rem;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid var(--color-grey-200);
    line-height: 1.6;
}

.content-table thead th {
    background: var(--color-navy-800);
    color: var(--color-white);
    font-family: var(--font-heading);
    font-size: 0.9rem;
    letter-spacing: 0.01em;
}

.content-table tbody th {
    font-weight: 600;
    color: var(--color-navy-800);
    background: var(--color-grey-50);
}

.content-table tbody tr:last-child th,
.content-table tbody tr:last-child td {
    border-bottom: 0;
}

.table-scroll {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.inner-content__body > table,
.insight-article__content > table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 640px) {
    .author-box {
        flex-direction: column;
        gap: 0.9rem;
        padding: 1.15rem;
    }
}

/* Ordered process steps (AEO-STEP-01) */
.howto-steps {
    counter-reset: howto;
    list-style: none;
    margin: 0 0 1.5rem;
    padding: 0;
}

.howto-steps > li {
    counter-increment: howto;
    position: relative;
    margin: 0 0 0.9rem;
    padding: 0.15rem 0 0 3rem;
    line-height: 1.75;
}

.howto-steps > li::before {
    content: counter(howto);
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--color-navy-800);
    color: var(--color-white);
    font-family: var(--font-heading);
    font-size: 0.9rem;
    font-weight: 600;
}

/* Mid-article soft CTA (CTA-MID-01) */
.mid-cta {
    margin: 2.5rem 0;
    padding: 1.35rem 1.5rem;
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    border-radius: 0.75rem;
}

.mid-cta__text {
    margin: 0 0 0.35rem;
    font-family: var(--font-heading);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--color-navy-800);
}

.mid-cta__note {
    margin: 0 0 1rem;
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--color-grey-500);
}

.mid-cta__btn {
    display: inline-flex;
}

/* HTML sitemap (TECH-SITEMAP-03) — home-mood cards */
.inner-hero--site-index .inner-hero__pattern {
    mask-image: radial-gradient(ellipse 70% 62% at 70% 30%, black 16%, transparent 72%);
}

.site-index__grid {
    display: grid;
    gap: clamp(1.25rem, 2.5vw, 1.75rem);
}

.site-index__block {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-lg);
    padding: clamp(1.25rem, 2.5vw, 1.75rem);
    box-shadow: var(--shadow-sm);
}

.site-index__block + .site-index__block {
    margin-top: 0;
}

.site-index__heading {
    margin: 0 0 0.9rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid var(--color-grey-200);
    font-family: var(--font-heading);
    font-size: 1.08rem;
    color: var(--color-navy-800);
    position: relative;
}

.site-index__heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 2.5rem;
    height: 2px;
    background: var(--gradient-gold);
}

.site-index__heading a {
    color: inherit;
    text-decoration: none;
}

.site-index__heading a:hover,
.site-index__heading a:focus-visible {
    color: var(--color-gold-600, var(--color-gold-500));
}

.site-index__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr));
    gap: 0.7rem 1.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-index__list li {
    line-height: 1.5;
}

.site-index__list a {
    font-weight: 600;
    color: var(--color-navy-800);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.site-index__list a:hover,
.site-index__list a:focus-visible {
    border-bottom-color: var(--color-gold-500);
}

.site-index__note {
    display: block;
    margin-top: 0.1rem;
    font-size: 0.85rem;
    color: var(--color-grey-500);
}

@media (min-width: 960px) {
    .site-index__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .site-index__block:first-child,
    .site-index__block:nth-child(2) {
        grid-column: span 1;
    }
}

/* Category definitional intro on the insight listings (AEO-LIST-01) */
.category-definition {
    max-width: 62ch;
    margin: -0.5rem auto 2rem;
    padding: 1.15rem 1.35rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-left: 3px solid var(--color-gold-500, var(--color-navy-800));
    border-radius: 0.6rem;
}

.category-definition p {
    margin: 0 0 0.7rem;
    line-height: 1.75;
    color: var(--color-grey-700);
}

.category-definition p:last-child {
    margin-bottom: 0;
}

/* Glossary definition list (CONT-GLOSS-01) — home-mood */
.glossary {
    margin: 0;
    display: block;
}

.glossary dt {
    font-family: var(--font-heading);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-navy-800);
    scroll-margin-top: 6rem;
    margin: 1.15rem 0 0;
    padding: 1rem 1.15rem 0.35rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-bottom: 0;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    box-shadow: var(--shadow-sm);
}

.glossary dt:first-of-type {
    margin-top: 0;
}

.glossary__aka {
    display: block;
    margin-top: 0.2rem;
    font-family: var(--font-body);
    font-size: 0.85rem;
    font-weight: 400;
    font-style: italic;
    color: var(--color-grey-500);
}

.glossary dd {
    margin: 0;
    padding: 0.35rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-top: 0;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    border-left: 3px solid var(--color-gold-500);
    box-shadow: var(--shadow-sm);
    line-height: 1.7;
    color: var(--color-grey-700);
}

.glossary__link {
    white-space: nowrap;
    font-weight: 600;
}

.glossary__link::after {
    content: ' \2192';
}

/* Glossary jump-nav (GAP-20) */
.glossary-nav-row {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-md);
}

.glossary-nav {
    padding: clamp(1.35rem, 3vw, 1.85rem);
    background:
        radial-gradient(ellipse 70% 60% at 12% 0%, rgba(201, 162, 39, 0.1) 0%, transparent 55%),
        var(--surface-navy-wash, var(--color-grey-50));
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.glossary-nav__title {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 1.2rem;
    color: var(--color-navy-800);
}

.glossary-nav__lead {
    margin: 0.4rem 0 1.25rem;
    font-size: 0.95rem;
    line-height: 1.65;
    color: var(--color-grey-600);
    max-width: 52ch;
}

.glossary-nav__groups {
    display: grid;
    gap: 1.4rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.glossary-nav__group-title {
    margin: 0 0 0.55rem;
    font-family: var(--font-heading);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-gold-600, var(--color-gold-500));
}

.glossary-nav__group-title a {
    color: inherit;
    text-decoration: none;
}

.glossary-nav__group-title a:hover,
.glossary-nav__group-title a:focus-visible {
    color: var(--color-navy-800);
    text-decoration: underline;
}

.glossary-nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.4rem;
}

.glossary-nav__list a {
    display: inline-block;
    font-size: 0.92rem;
    color: var(--color-grey-700);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.glossary-nav__list a:hover,
.glossary-nav__list a:focus-visible {
    color: var(--color-navy-800);
    border-bottom-color: var(--color-gold-500);
}

/* Dated update rows (GAP-21) */
.content-table time {
    white-space: nowrap;
    font-weight: 700;
    color: var(--color-navy-800);
}

.page-uae-insurance-updates .pillar-content__body .content-table {
    border-radius: var(--radius-lg);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    box-shadow: var(--shadow-sm);
}

/* --------------------------------------------------------------------------
   Topic guides / pillars — match home + guidance hub mood
   -------------------------------------------------------------------------- */
.inner-hero--pillar {
    position: relative;
}

.inner-hero--pillar .inner-hero__eyebrow i {
    color: var(--color-gold-400);
}

.inner-hero--pillar .inner-hero__pattern {
    mask-image: radial-gradient(ellipse 70% 62% at 74% 32%, black 16%, transparent 72%);
}

.inner-hero--pillar .inner-hero__lead {
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.9);
}

.inner-hero--pillar .inner-hero__intro {
    font-size: 1rem;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.82);
}

.inner-hero--pillar .btn--whatsapp {
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.35);
}

.inner-hero__pillar-panel {
    position: relative;
    border-radius: var(--radius-xl);
    overflow: hidden;
    padding: 5px;
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.4), rgba(42, 95, 150, 0.15));
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
}

.inner-hero__pillar-pattern {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 22%, rgba(201, 162, 39, 0.16) 0%, transparent 45%),
        radial-gradient(circle at 82% 78%, rgba(42, 95, 150, 0.18) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

.inner-hero__pillar-panel .brand-media {
    position: relative;
    z-index: 1;
    border-radius: calc(var(--radius-xl) - 4px);
    overflow: hidden;
}

.page-pillar .section {
    padding-block: clamp(2.75rem, 5.5vw, 4.25rem);
}

.page-pillar .section__header {
    margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

.page-pillar .pillar-content {
    max-width: 820px;
    margin-inline: auto;
}

.page-pillar .pillar-content__body {
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--color-grey-700);
    text-align: justify;
    overflow-wrap: break-word;
    min-width: 0;
}

.page-pillar .pillar-content__body > p:first-child {
    font-size: 1.1rem;
    line-height: 1.75;
    color: var(--color-grey-700);
}

.page-pillar .inner-content--pillar .section__title {
    letter-spacing: -0.02em;
}

.page-pillar .inner-faq__intro {
    display: block;
}

.page-pillar .inner-faq__intro .section__header {
    text-align: center;
    margin-inline: auto;
}

.page-pillar .seo-sources .section__header--left {
    text-align: center;
    margin-inline: auto;
}

.page-pillar .seo-sources .section__header--left .section__subtitle {
    margin-inline: auto;
}

.page-pillar .author-box-row {
    padding-block: var(--space-lg);
}

/* Mandate — verdict + four-point grid on UAE Health Insurance Requirements */
.inner-content--mandate {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--mandate::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.req-mandate {
    position: relative;
    z-index: 1;
}

.req-mandate__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.req-mandate__header .section__title {
    max-width: 40rem;
}

.req-mandate__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-pillar .inner-content--mandate .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
}

.req-mandate__verdict {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: 1.35rem 1.4rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.req-mandate__verdict-icon {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.15rem;
    margin-top: 0.15rem;
}

.req-mandate__badge {
    display: inline-block;
    margin: 0 0 0.55rem;
    padding: 0.22rem 0.65rem;
    border-radius: 999px;
    background: rgba(201, 162, 39, 0.18);
    border: 1px solid rgba(201, 162, 39, 0.32);
    color: var(--color-gold-300);
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.req-mandate__verdict-body,
.req-mandate__verdict-body .inner-content__body,
.req-mandate__verdict-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    line-height: 1.65;
    text-align: left;
}

.req-mandate__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.req-mandate__card {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-radius: var(--radius-lg);
}

.req-mandate__card--reaches,
.req-mandate__card--minimum {
    border-top: 3px solid var(--color-gold-500);
}

.req-mandate__card--arranges {
    border-top: 3px solid var(--color-navy-700);
}

.req-mandate__card--does-not {
    background: #f7f9fc;
    border-top: 3px solid var(--color-navy-800);
}

.req-mandate__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.req-mandate__card--does-not .req-mandate__icon {
    background: rgba(20, 54, 96, 0.08);
    border-color: rgba(20, 54, 96, 0.16);
}

.req-mandate__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.req-mandate__text,
.req-mandate__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.req-mandate__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.req-mandate__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.req-mandate__note .inner-content__body,
.req-mandate__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .req-mandate__grid {
        grid-template-columns: 1fr;
    }

    .req-mandate__verdict {
        padding: 1.15rem 1.15rem 1.1rem;
    }
}

/* Who Pays — cost rule + four-point grid on UAE Health Insurance Requirements */
.inner-content--who-pays {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.req-pays__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.req-pays__header .section__title {
    max-width: 40rem;
}

.req-pays__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-pillar .inner-content--who-pays .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
}

.req-pays__rule {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: 1.35rem 1.4rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.req-pays__rule-icon {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.15rem;
    margin-top: 0.15rem;
}

.req-pays__rule-body,
.req-pays__rule-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    line-height: 1.65;
    text-align: left;
}

.req-pays__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.req-pays__card {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-radius: var(--radius-lg);
}

.req-pays__card--employer {
    border-top: 3px solid var(--color-gold-500);
}

.req-pays__card--employee {
    background: #f7f9fc;
    border-top: 3px solid var(--color-navy-700);
}

.req-pays__card--dependants {
    border-top: 3px solid var(--color-gold-400);
}

.req-pays__card--cancellation {
    border-top: 3px solid var(--color-navy-800);
}

.req-pays__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.req-pays__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.req-pays__text,
.req-pays__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.req-pays__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.req-pays__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.req-pays__note .inner-content__body,
.req-pays__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.req-pays__note a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 768px) {
    .req-pays__grid {
        grid-template-columns: 1fr;
    }

    .req-pays__rule {
        padding: 1.15rem 1.15rem 1.1rem;
    }
}

/* Work permits — electronic check + HR file grid on UAE Health Insurance Requirements */
.inner-content--work-permit {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--work-permit::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.req-permit {
    position: relative;
    z-index: 1;
}

.req-permit__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.req-permit__header .section__title {
    max-width: 42rem;
}

.req-permit__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-pillar .inner-content--work-permit .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
}

.req-permit__check {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: 1.35rem 1.4rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.req-permit__check-icon {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.15rem;
    margin-top: 0.15rem;
}

.req-permit__check-body,
.req-permit__check-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    line-height: 1.65;
    text-align: left;
}

.req-permit__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.req-permit__card {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-radius: var(--radius-lg);
}

.req-permit__card--submit,
.req-permit__card--renewals {
    border-top: 3px solid var(--color-gold-500);
}

.req-permit__card--match,
.req-permit__card--visas {
    border-top: 3px solid var(--color-navy-700);
}

.req-permit__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
}

.req-permit__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.req-permit__step {
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--color-gold-500);
}

.req-permit__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.req-permit__text,
.req-permit__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.req-permit__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.req-permit__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.req-permit__note .inner-content__body,
.req-permit__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.req-permit__note a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 768px) {
    .req-permit__grid {
        grid-template-columns: 1fr;
    }

    .req-permit__check {
        padding: 1.15rem 1.15rem 1.1rem;
    }
}

/* Emirates — authority cards on UAE Health Insurance Requirements */
.inner-content--emirates {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.req-emirates__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.req-emirates__header .section__title {
    max-width: 42rem;
}

.req-emirates__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-pillar .inner-content--emirates .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
}

.req-emirates__intro {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    text-align: left;
}

.req-emirates__intro p {
    margin: 0;
}

.req-emirates__caption {
    margin: 0 0 0.85rem;
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-gold-500);
}

.req-emirates__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.req-emirates__card {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-width: 0;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
}

.req-emirates__card:nth-child(even) {
    border-top-color: var(--color-navy-700);
}

.req-emirates__card-top {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.req-emirates__icon {
    width: 2.2rem;
    height: 2.2rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.req-emirates__region {
    font-family: var(--font-heading);
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
    margin: 0.15rem 0 0;
}

.req-emirates__field {
    padding-top: 0.7rem;
    border-top: 1px solid rgba(12, 35, 64, 0.06);
}

.req-emirates__label {
    display: block;
    margin-bottom: 0.25rem;
    font-family: var(--font-heading);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-gold-500);
}

.req-emirates__value,
.req-emirates__value p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--color-grey-600);
    text-align: left;
}

.req-emirates__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.req-emirates__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.req-emirates__note .inner-content__body,
.req-emirates__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.req-emirates__note a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 768px) {
    .req-emirates__grid {
        grid-template-columns: 1fr;
    }
}

/* Checkpoints — numbered HR verification on UAE Health Insurance Requirements */
.inner-content--checkpoints {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--checkpoints::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.req-checks {
    position: relative;
    z-index: 1;
}

.req-checks__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.req-checks__header .section__title {
    max-width: 42rem;
}

.req-checks__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-pillar .inner-content--checkpoints .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
}

.req-checks__intro {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    text-align: left;
}

.req-checks__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
    counter-reset: none;
}

.req-checks__card {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-width: 0;
    padding: 1.15rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
}

.req-checks__card:nth-child(even) {
    border-top-color: var(--color-navy-700);
}

.req-checks__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.req-checks__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.req-checks__step {
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--color-gold-500);
}

.req-checks__text,
.req-checks__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.req-checks__boundary {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.15rem;
    padding: 1.25rem 1.3rem 1.2rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.req-checks__boundary-icon {
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.1rem;
    margin-top: 0.1rem;
}

.req-checks__badge {
    display: inline-block;
    margin: 0 0 0.5rem;
    padding: 0.22rem 0.65rem;
    border-radius: 999px;
    background: rgba(201, 162, 39, 0.18);
    border: 1px solid rgba(201, 162, 39, 0.32);
    color: var(--color-gold-300);
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.req-checks__boundary-body,
.req-checks__boundary-body .inner-content__body,
.req-checks__boundary-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.96875rem;
    line-height: 1.65;
    text-align: left;
}

@media (max-width: 992px) {
    .req-checks__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .req-checks__grid {
        grid-template-columns: 1fr;
    }

    .req-checks__boundary {
        padding: 1.15rem 1.15rem 1.1rem;
    }
}

/* Deep Guides — destination cards on UAE Health Insurance Requirements */
.inner-content--deep-guides {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.req-guides__header {
    max-width: 42rem;
    margin-inline: 0;
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.req-guides__header .section__title {
    max-width: 38rem;
}

.req-guides__header .section__subtitle {
    max-width: 36rem;
    margin-inline: 0;
}

.page-pillar .inner-content--deep-guides .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
}

.req-guides__intro {
    max-width: 42rem;
    margin: 0 0 1.15rem;
}

.req-guides__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.req-guides__grid > li {
    min-width: 0;
    display: flex;
}

.req-guides__card {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    min-height: 5.25rem;
    height: 100%;
    padding: 1rem 1.05rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    color: var(--color-navy-800);
    text-decoration: none;
    box-shadow: none;
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.req-guides__icon {
    width: 2.35rem;
    height: 2.35rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1.05rem;
}

.req-guides__title {
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--font-heading);
    font-size: 0.96875rem;
    font-weight: 700;
    line-height: 1.35;
}

.req-guides__arrow {
    flex-shrink: 0;
    color: var(--color-gold-500);
    font-size: 1rem;
    transition: transform var(--transition), color var(--transition);
}

.req-guides__card:hover,
.req-guides__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

.req-guides__card:hover .req-guides__arrow,
.req-guides__card:focus-visible .req-guides__arrow {
    transform: translateX(3px);
    color: var(--color-gold-400);
}

.req-guides__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.req-guides__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.req-guides__note .inner-content__body,
.req-guides__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 992px) {
    .req-guides__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .req-guides__grid {
        grid-template-columns: 1fr;
    }
}

/* Sources — official reference cards on UAE Health Insurance Requirements */
.inner-content--sources {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--sources::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.req-sources {
    position: relative;
    z-index: 1;
}

.req-sources__header {
    max-width: 42rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.req-sources__header .section__title {
    max-width: 38rem;
}

.req-sources__header .section__subtitle {
    max-width: 36rem;
    margin-inline: 0;
}

.page-pillar .inner-content--sources .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
    margin-inline: 0;
}

.req-sources__intro {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    text-align: left;
}

.req-sources__intro p {
    margin: 0;
}

.req-sources__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.req-sources__grid > li {
    min-width: 0;
    display: flex;
}

.req-sources__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    width: 100%;
    min-height: 8.25rem;
    padding: 1.15rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    color: var(--color-navy-800);
    text-decoration: none;
    box-shadow: none;
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.req-sources__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0.75rem;
    margin-bottom: 0.15rem;
}

.req-sources__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.req-sources__ext {
    color: var(--color-gold-500);
    font-size: 0.95rem;
    transition: transform var(--transition), color var(--transition);
}

.req-sources__title {
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.req-sources__desc {
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--color-grey-600);
}

.req-sources__card:hover,
.req-sources__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

.req-sources__card:hover .req-sources__ext,
.req-sources__card:focus-visible .req-sources__ext {
    transform: translate(2px, -2px);
    color: var(--color-gold-400);
}

.req-sources__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.req-sources__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.req-sources__note .inner-content__body,
.req-sources__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .req-sources__grid {
        grid-template-columns: 1fr;
    }
}

/* Group medical premium — four levers on /group-medical-insurance-uae */
.inner-content--gm-premium {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--gm-premium::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.gm-premium {
    position: relative;
    z-index: 1;
}

.gm-premium__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.gm-premium__header .section__title {
    max-width: 40rem;
}

.gm-premium__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-pillar .inner-content--gm-premium .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.gm-premium__lead {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: 1.35rem 1.4rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.gm-premium__lead-icon {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.15rem;
    margin-top: 0.15rem;
}

.gm-premium__lead-body,
.gm-premium__lead-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    line-height: 1.65;
    text-align: left;
}

.gm-premium__caption {
    margin: 0 0 0.85rem;
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-gold-500);
}

.gm-premium__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.gm-premium__card {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-width: 0;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
}

.gm-premium__card:nth-child(even) {
    border-top-color: var(--color-navy-700);
}

.gm-premium__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.gm-premium__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.gm-premium__step {
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--color-gold-500);
}

.gm-premium__title {
    font-family: var(--font-heading);
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.gm-premium__field {
    padding-top: 0.7rem;
    border-top: 1px solid rgba(12, 35, 64, 0.06);
}

.gm-premium__label {
    display: block;
    margin-bottom: 0.25rem;
    font-family: var(--font-heading);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-gold-500);
}

.gm-premium__value,
.gm-premium__value p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--color-grey-600);
    text-align: left;
}

.gm-premium__callout,
.gm-premium__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.gm-premium__callout > i,
.gm-premium__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.gm-premium__callout .inner-content__body,
.gm-premium__callout .inner-content__body p,
.gm-premium__note .inner-content__body,
.gm-premium__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.gm-premium__note a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 768px) {
    .gm-premium__grid {
        grid-template-columns: 1fr;
    }

    .gm-premium__lead {
        padding: 1.15rem 1.15rem 1.1rem;
    }
}

/* Group medical — employer checks before committing */
.inner-content--gm-checks {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.gm-checks__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.gm-checks__header .section__title {
    max-width: 42rem;
}

.gm-checks__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-pillar .inner-content--gm-checks .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.gm-checks__intro {
    max-width: 46rem;
    margin: 0 0 1.15rem;
}

.gm-checks__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.gm-checks__card {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
    padding: 1.15rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
}

.gm-checks__card:nth-child(even) {
    border-top-color: var(--color-navy-700);
}

.gm-checks__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.gm-checks__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.gm-checks__step {
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--color-gold-500);
}

.gm-checks__text,
.gm-checks__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.gm-checks__text a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.gm-checks__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.gm-checks__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.gm-checks__note .inner-content__body,
.gm-checks__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.gm-checks__note a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 768px) {
    .gm-checks__grid {
        grid-template-columns: 1fr;
    }
}

/* Group medical — renewal cycle timeline */
.inner-content--gm-cycle {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--gm-cycle::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.gm-cycle {
    position: relative;
    z-index: 1;
}

.gm-cycle__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.gm-cycle__header .section__title {
    max-width: 42rem;
}

.gm-cycle__header .section__subtitle {
    max-width: 40rem;
    margin-inline: 0;
}

.page-pillar .inner-content--gm-cycle .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.gm-cycle__lead {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 1.35rem;
    padding: 1.35rem 1.4rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.gm-cycle__lead-icon {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.15rem;
    margin-top: 0.15rem;
}

.gm-cycle__lead-body,
.gm-cycle__lead-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    line-height: 1.65;
    text-align: left;
}

.gm-cycle__timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    position: relative;
}

.gm-cycle__timeline::before {
    content: '';
    position: absolute;
    top: 1.35rem;
    bottom: 1.35rem;
    left: 1.2rem;
    width: 2px;
    background: linear-gradient(
        180deg,
        rgba(201, 162, 39, 0.15) 0%,
        rgba(201, 162, 39, 0.55) 18%,
        rgba(201, 162, 39, 0.55) 82%,
        rgba(201, 162, 39, 0.15) 100%
    );
}

.gm-cycle__step {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
    position: relative;
}

.gm-cycle__marker {
    position: relative;
    z-index: 1;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--color-navy-900);
    background: var(--color-white);
    border: 1.5px solid rgba(201, 162, 39, 0.55);
    border-radius: 50%;
    box-shadow: 0 0 0 4px #f0f4f9;
}

.gm-cycle__card {
    min-width: 0;
    padding: 1.05rem 1.15rem 1.05rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
}

.gm-cycle__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0 0 0.35rem;
}

.gm-cycle__text,
.gm-cycle__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.gm-cycle__text em {
    font-style: italic;
    color: var(--color-navy-800);
}

.gm-cycle__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.gm-cycle__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.gm-cycle__note .inner-content__body,
.gm-cycle__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.gm-cycle__note a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 640px) {
    .gm-cycle__lead {
        padding: 1.15rem 1.15rem 1.1rem;
    }

    .gm-cycle__timeline::before {
        left: 1.05rem;
    }

    .gm-cycle__step {
        grid-template-columns: 2.2rem minmax(0, 1fr);
        gap: 0.75rem;
    }

    .gm-cycle__marker {
        width: 2.2rem;
        height: 2.2rem;
        font-size: 0.6875rem;
    }
}

/* Group medical — multi-emirate workforce cards */
.inner-content--gm-emirates {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.gm-emirates__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.gm-emirates__header .section__title {
    max-width: 42rem;
}

.gm-emirates__header .section__subtitle {
    max-width: 40rem;
    margin-inline: 0;
}

.page-pillar .inner-content--gm-emirates .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.gm-emirates__lead {
    max-width: 48rem;
    margin: 0 0 1.2rem;
    text-align: left;
}

.gm-emirates__lead p {
    margin: 0;
}

.gm-emirates__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.gm-emirates__card {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
}

.gm-emirates__card--abu-dhabi,
.gm-emirates__card--freezone {
    border-top-color: var(--color-navy-700);
}

.gm-emirates__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.gm-emirates__title {
    font-family: var(--font-heading);
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.gm-emirates__text,
.gm-emirates__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.gm-emirates__text a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.gm-emirates__ask {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.15rem;
    padding: 1.25rem 1.3rem 1.2rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.gm-emirates__ask-icon {
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.1rem;
    margin-top: 0.1rem;
}

.gm-emirates__ask-body,
.gm-emirates__ask-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.96875rem;
    line-height: 1.65;
    text-align: left;
}

@media (max-width: 768px) {
    .gm-emirates__grid {
        grid-template-columns: 1fr;
    }

    .gm-emirates__ask {
        padding: 1.15rem 1.15rem 1.1rem;
    }
}

/* Group medical — Deep Guides destination cards */
.inner-content--gm-guides {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--gm-guides::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.gm-guides {
    position: relative;
    z-index: 1;
}

.gm-guides__header {
    max-width: 42rem;
    margin-inline: 0;
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.gm-guides__header .section__title {
    max-width: 40rem;
}

.gm-guides__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-pillar .inner-content--gm-guides .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.gm-guides__intro {
    max-width: 42rem;
    margin: 0 0 1.15rem;
}

.gm-guides__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.gm-guides__grid > li {
    min-width: 0;
    display: flex;
}

.gm-guides__card {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    min-height: 5.25rem;
    height: 100%;
    padding: 1rem 1.05rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    color: var(--color-navy-800);
    text-decoration: none;
    box-shadow: none;
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.gm-guides__icon {
    width: 2.35rem;
    height: 2.35rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1.05rem;
}

.gm-guides__copy {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.gm-guides__title {
    font-family: var(--font-heading);
    font-size: 0.96875rem;
    font-weight: 700;
    line-height: 1.35;
}

.gm-guides__desc {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--color-grey-600);
}

.gm-guides__arrow {
    flex-shrink: 0;
    color: var(--color-gold-500);
    font-size: 1rem;
    transition: transform var(--transition), color var(--transition);
}

.gm-guides__card:hover,
.gm-guides__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

.gm-guides__card:hover .gm-guides__arrow,
.gm-guides__card:focus-visible .gm-guides__arrow {
    transform: translateX(3px);
    color: var(--color-gold-400);
}

.gm-guides__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.gm-guides__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.gm-guides__note .inner-content__body,
.gm-guides__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .gm-guides__grid {
        grid-template-columns: 1fr;
    }
}

/* Group medical — official source cards */
.inner-content--gm-sources {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.gm-sources__header {
    max-width: 42rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.gm-sources__header .section__title {
    max-width: 38rem;
}

.gm-sources__header .section__subtitle {
    max-width: 36rem;
    margin-inline: 0;
}

.page-pillar .inner-content--gm-sources .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
    margin-inline: 0;
}

.gm-sources__intro {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    text-align: left;
}

.gm-sources__intro p {
    margin: 0;
}

.gm-sources__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.gm-sources__grid > li {
    min-width: 0;
    display: flex;
}

.gm-sources__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    width: 100%;
    min-height: 8.25rem;
    padding: 1.15rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    color: var(--color-navy-800);
    text-decoration: none;
    box-shadow: none;
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.gm-sources__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0.75rem;
    margin-bottom: 0.15rem;
}

.gm-sources__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.gm-sources__ext {
    color: var(--color-gold-500);
    font-size: 0.95rem;
    transition: transform var(--transition), color var(--transition);
}

.gm-sources__title {
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.gm-sources__desc {
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--color-grey-600);
}

.gm-sources__card:hover,
.gm-sources__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

.gm-sources__card:hover .gm-sources__ext,
.gm-sources__card:focus-visible .gm-sources__ext {
    transform: translate(2px, -2px);
    color: var(--color-gold-400);
}

.gm-sources__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.gm-sources__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.gm-sources__note .inner-content__body,
.gm-sources__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .gm-sources__grid {
        grid-template-columns: 1fr;
    }
}

/* Dubai EBP — what the Essential Benefits Plan is */
.inner-content--ebp-what {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--ebp-what::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.ebp-what {
    position: relative;
    z-index: 1;
}

.ebp-what__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.ebp-what__header .section__title {
    max-width: 40rem;
}

.ebp-what__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-pillar .inner-content--ebp-what .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.ebp-what__lead {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: 1.35rem 1.4rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.ebp-what__lead-icon {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.15rem;
    margin-top: 0.15rem;
}

.ebp-what__lead-body,
.ebp-what__lead-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    line-height: 1.65;
    text-align: left;
}

.ebp-what__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.ebp-what__card {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
}

.ebp-what__card--network,
.ebp-what__card--pays {
    border-top-color: var(--color-navy-700);
}

.ebp-what__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.ebp-what__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.ebp-what__text,
.ebp-what__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.ebp-what__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.ebp-what__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.ebp-what__note .inner-content__body,
.ebp-what__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .ebp-what__grid {
        grid-template-columns: 1fr;
    }

    .ebp-what__lead {
        padding: 1.15rem 1.15rem 1.1rem;
    }
}

/* Dubai EBP — who the floor applies to */
.inner-content--ebp-who {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.ebp-who__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.ebp-who__header .section__title {
    max-width: 40rem;
}

.ebp-who__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-pillar .inner-content--ebp-who .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.ebp-who__rule {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: 1.35rem 1.4rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.ebp-who__rule-icon {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.15rem;
    margin-top: 0.15rem;
}

.ebp-who__rule-body,
.ebp-who__rule-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    line-height: 1.65;
    text-align: left;
}

.ebp-who__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.ebp-who__card {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
}

.ebp-who__card--above,
.ebp-who__card--freezone {
    border-top-color: var(--color-navy-700);
}

.ebp-who__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.ebp-who__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.ebp-who__text,
.ebp-who__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.ebp-who__text a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ebp-who__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.ebp-who__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.ebp-who__note .inner-content__body,
.ebp-who__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .ebp-who__grid {
        grid-template-columns: 1fr;
    }

    .ebp-who__rule {
        padding: 1.15rem 1.15rem 1.1rem;
    }
}

/* Dubai EBP — does not cover every hospital */
.inner-content--ebp-not {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--ebp-not::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.ebp-not {
    position: relative;
    z-index: 1;
}

.ebp-not__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.ebp-not__header .section__title {
    max-width: 42rem;
}

.ebp-not__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-pillar .inner-content--ebp-not .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.ebp-not__verdict {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: 1.35rem 1.4rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.ebp-not__verdict-icon {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.15rem;
    margin-top: 0.15rem;
}

.ebp-not__badge {
    display: inline-block;
    margin: 0 0 0.55rem;
    padding: 0.22rem 0.65rem;
    border-radius: 999px;
    background: rgba(201, 162, 39, 0.18);
    border: 1px solid rgba(201, 162, 39, 0.32);
    color: var(--color-gold-300);
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ebp-not__verdict-body,
.ebp-not__verdict-body .inner-content__body,
.ebp-not__verdict-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    line-height: 1.65;
    text-align: left;
}

.ebp-not__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.ebp-not__card {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-width: 0;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-navy-700);
    border-radius: var(--radius-lg);
}

.ebp-not__card--hospital,
.ebp-not__card--schedule {
    border-top-color: var(--color-gold-500);
}

.ebp-not__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.ebp-not__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.ebp-not__step {
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--color-gold-500);
}

.ebp-not__text,
.ebp-not__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.ebp-not__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.ebp-not__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.ebp-not__note .inner-content__body,
.ebp-not__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .ebp-not__grid {
        grid-template-columns: 1fr;
    }

    .ebp-not__verdict {
        padding: 1.15rem 1.15rem 1.1rem;
    }
}

/* Dubai EBP — what employers should verify on the schedule */
.inner-content--ebp-verify {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.ebp-verify__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.ebp-verify__header .section__title {
    max-width: 42rem;
}

.ebp-verify__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-pillar .inner-content--ebp-verify .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.ebp-verify__intro {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    text-align: left;
}

.ebp-verify__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.ebp-verify__card {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-width: 0;
    padding: 1.15rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
}

.ebp-verify__card:nth-child(even) {
    border-top-color: var(--color-navy-700);
}

.ebp-verify__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.ebp-verify__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.ebp-verify__step {
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--color-gold-500);
}

.ebp-verify__text,
.ebp-verify__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.ebp-verify__boundary {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.15rem;
    padding: 1.25rem 1.3rem 1.2rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.ebp-verify__boundary-icon {
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.1rem;
    margin-top: 0.1rem;
}

.ebp-verify__badge {
    display: inline-block;
    margin: 0 0 0.5rem;
    padding: 0.22rem 0.65rem;
    border-radius: 999px;
    background: rgba(201, 162, 39, 0.18);
    border: 1px solid rgba(201, 162, 39, 0.32);
    color: var(--color-gold-300);
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.ebp-verify__boundary-body,
.ebp-verify__boundary-body .inner-content__body,
.ebp-verify__boundary-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.96875rem;
    line-height: 1.65;
    text-align: left;
}

@media (max-width: 768px) {
    .ebp-verify__grid {
        grid-template-columns: 1fr;
    }

    .ebp-verify__boundary {
        padding: 1.15rem 1.15rem 1.1rem;
    }
}

/* Dubai EBP — covered above the floor */
.inner-content--ebp-upgrade {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--ebp-upgrade::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.ebp-upgrade {
    position: relative;
    z-index: 1;
}

.ebp-upgrade__header {
    max-width: 44rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.ebp-upgrade__header .section__title {
    max-width: 42rem;
}

.ebp-upgrade__header .section__subtitle {
    max-width: 40rem;
    margin-inline: 0;
}

.page-pillar .inner-content--ebp-upgrade .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.ebp-upgrade__lead {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: 1.35rem 1.4rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.ebp-upgrade__lead-icon {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    font-size: 1.15rem;
    margin-top: 0.15rem;
}

.ebp-upgrade__lead-body,
.ebp-upgrade__lead-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    line-height: 1.65;
    text-align: left;
}

.ebp-upgrade__questions {
    list-style: none;
    margin: 0 0 1.35rem;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.ebp-upgrade__qcard {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
}

.ebp-upgrade__qcard--preauth,
.ebp-upgrade__qcard--renewal {
    border-top-color: var(--color-navy-700);
}

.ebp-upgrade__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.ebp-upgrade__qtitle,
.ebp-upgrade__title {
    font-family: var(--font-heading);
    font-size: 1.015625rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
    margin: 0;
}

.ebp-upgrade__qtext,
.ebp-upgrade__qtext p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.ebp-upgrade__caption {
    margin: 0 0 0.85rem;
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-gold-500);
}

.ebp-upgrade__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.ebp-upgrade__card {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-width: 0;
    padding: 1.2rem 1.2rem 1.15rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-top: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
}

.ebp-upgrade__card:nth-child(even) {
    border-top-color: var(--color-navy-700);
}

.ebp-upgrade__card-top {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.ebp-upgrade__card-top .ebp-upgrade__icon {
    flex-shrink: 0;
}

.ebp-upgrade__field {
    padding-top: 0.7rem;
    border-top: 1px solid rgba(12, 35, 64, 0.06);
}

.ebp-upgrade__label {
    display: block;
    margin-bottom: 0.25rem;
    font-family: var(--font-heading);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-gold-500);
}

.ebp-upgrade__field--above .ebp-upgrade__label {
    color: var(--color-navy-700);
}

.ebp-upgrade__value,
.ebp-upgrade__value p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--color-grey-600);
    text-align: left;
}

.ebp-upgrade__callout,
.ebp-upgrade__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.ebp-upgrade__callout > i,
.ebp-upgrade__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.ebp-upgrade__callout .inner-content__body,
.ebp-upgrade__callout .inner-content__body p,
.ebp-upgrade__note .inner-content__body,
.ebp-upgrade__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.ebp-upgrade__note a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 768px) {
    .ebp-upgrade__questions,
    .ebp-upgrade__grid {
        grid-template-columns: 1fr;
    }

    .ebp-upgrade__lead {
        padding: 1.15rem 1.15rem 1.1rem;
    }
}

/* Dubai EBP — Deep Guides destination cards */
.inner-content--ebp-guides {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.ebp-guides__header {
    max-width: 42rem;
    margin-inline: 0;
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.ebp-guides__header .section__title {
    max-width: 40rem;
}

.ebp-guides__header .section__subtitle {
    max-width: 38rem;
    margin-inline: 0;
}

.page-pillar .inner-content--ebp-guides .section__header {
    margin-bottom: clamp(1.35rem, 2.8vw, 2rem);
    text-align: left;
}

.ebp-guides__intro {
    max-width: 42rem;
    margin: 0 0 1.15rem;
}

.ebp-guides__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.ebp-guides__grid > li {
    min-width: 0;
    display: flex;
}

.ebp-guides__card {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    min-height: 5.25rem;
    height: 100%;
    padding: 1rem 1.05rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    color: var(--color-navy-800);
    text-decoration: none;
    box-shadow: none;
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.ebp-guides__icon {
    width: 2.35rem;
    height: 2.35rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1.05rem;
}

.ebp-guides__copy {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.ebp-guides__title {
    font-family: var(--font-heading);
    font-size: 0.96875rem;
    font-weight: 700;
    line-height: 1.35;
}

.ebp-guides__desc {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--color-grey-600);
}

.ebp-guides__arrow {
    flex-shrink: 0;
    color: var(--color-gold-500);
    font-size: 1rem;
    transition: transform var(--transition), color var(--transition);
}

.ebp-guides__card:hover,
.ebp-guides__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

.ebp-guides__card:hover .ebp-guides__arrow,
.ebp-guides__card:focus-visible .ebp-guides__arrow {
    transform: translateX(3px);
    color: var(--color-gold-400);
}

.ebp-guides__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.ebp-guides__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.ebp-guides__note .inner-content__body,
.ebp-guides__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .ebp-guides__grid {
        grid-template-columns: 1fr;
    }
}

/* Dubai EBP — official source cards */
.inner-content--ebp-sources {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--ebp-sources::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 40% at 6% 18%, rgba(201, 162, 39, 0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 94% 88%, rgba(42, 95, 150, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.ebp-sources {
    position: relative;
    z-index: 1;
}

.ebp-sources__header {
    max-width: 42rem;
    margin-inline: 0;
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.ebp-sources__header .section__title {
    max-width: 38rem;
}

.ebp-sources__header .section__subtitle {
    max-width: 36rem;
    margin-inline: 0;
}

.page-pillar .inner-content--ebp-sources .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
    margin-inline: 0;
}

.ebp-sources__intro {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    text-align: left;
}

.ebp-sources__intro p {
    margin: 0;
}

.ebp-sources__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.ebp-sources__grid > li {
    min-width: 0;
    display: flex;
}

.ebp-sources__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    width: 100%;
    min-height: 8.25rem;
    padding: 1.15rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid rgba(201, 162, 39, 0.55);
    border-radius: var(--radius-lg);
    color: var(--color-navy-800);
    text-decoration: none;
    box-shadow: none;
    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.ebp-sources__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0.75rem;
    margin-bottom: 0.15rem;
}

.ebp-sources__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(42, 95, 150, 0.08) 0%, rgba(201, 162, 39, 0.14) 100%);
    border: 1px solid rgba(201, 162, 39, 0.16);
    color: var(--color-navy-700);
    font-size: 1rem;
}

.ebp-sources__ext {
    color: var(--color-gold-500);
    font-size: 0.95rem;
    transition: transform var(--transition), color var(--transition);
}

.ebp-sources__title {
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.ebp-sources__desc {
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--color-grey-600);
}

.ebp-sources__card:hover,
.ebp-sources__card:focus-visible {
    color: var(--color-navy-900);
    background: var(--color-white);
    border-color: rgba(201, 162, 39, 0.28);
    border-left-color: var(--color-gold-500);
    box-shadow: 0 6px 22px rgba(7, 21, 37, 0.07);
    outline: none;
}

.ebp-sources__card:hover .ebp-sources__ext,
.ebp-sources__card:focus-visible .ebp-sources__ext {
    transform: translate(2px, -2px);
    color: var(--color-gold-400);
}

.ebp-sources__note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(12, 35, 64, 0.08);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-md);
}

.ebp-sources__note > i {
    color: var(--color-gold-500);
    font-size: 1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.ebp-sources__note .inner-content__body,
.ebp-sources__note .inner-content__body p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

@media (max-width: 768px) {
    .ebp-sources__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .inner-hero--pillar .inner-hero__grid {
        grid-template-columns: 1fr;
    }

    .inner-hero__pillar-panel {
        max-width: 22rem;
        margin-inline: auto;
    }

    .page-pillar .pillar-content__body {
        text-align: left;
    }
}

/* ==========================================================================
   Claims & pre-authorization pillar — unique .cl-* surfaces
   ========================================================================== */

.page-pillar.page-claims-and-preauthorization-uae .inner-content--cl-what .section__header,
.page-pillar.page-claims-and-preauthorization-uae .inner-content--cl-settle .section__header,
.page-pillar.page-claims-and-preauthorization-uae .inner-content--cl-who .section__header,
.page-pillar.page-claims-and-preauthorization-uae .inner-content--cl-ready .section__header,
.page-pillar.page-claims-and-preauthorization-uae .inner-content--cl-stall .section__header,
.page-pillar.page-claims-and-preauthorization-uae .inner-content--cl-guides .section__header,
.page-pillar.page-claims-and-preauthorization-uae .inner-content--cl-sources .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

/* --- what_is: 2×2 gold-left cards on white→grey --- */
.inner-content--cl-what {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.cl-what__header {
    max-width: 44rem;
    margin-inline: 0;
    text-align: left;
}

.cl-what__header .section__title,
.cl-what__header .section__subtitle {
    max-width: 40rem;
    margin-inline: 0;
}

.cl-what__lead {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.1rem;
    align-items: start;
    margin: 0 0 1.35rem;
    padding: 1.3rem 1.4rem 1.25rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(201, 162, 39, 0.2);
}

.cl-what__lead-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    height: 2.4rem;
    padding: 0 0.7rem;
    border-radius: 999px;
    background: rgba(201, 162, 39, 0.18);
    color: var(--color-gold-300);
    font-weight: 700;
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-top: 0.15rem;
}

.cl-what__lead-body,
.cl-what__lead-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: 1rem;
    line-height: 1.65;
    text-align: left;
}

.cl-what__lead-body a {
    color: var(--color-gold-300);
    font-weight: 600;
}

.cl-what__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.cl-what__card {
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-left: 4px solid var(--color-gold-500);
    border-radius: 14px;
    padding: 1.15rem 1.2rem 1.2rem;
    box-shadow: var(--shadow-md);
}

.cl-what__icon {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--color-grey-50);
    color: var(--color-navy-700);
    font-size: 1.1rem;
    margin-bottom: 0.7rem;
}

.cl-what__title {
    margin: 0 0 0.4rem;
    font-size: 1.05rem;
    color: var(--color-navy-900);
    text-align: left;
}

.cl-what__text,
.cl-what__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.cl-what__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1.15rem;
    padding: 1rem 1.1rem;
    background: var(--color-grey-50);
    border-radius: 12px;
    border: 1px solid var(--color-grey-200);
}

.cl-what__note > i {
    color: var(--color-gold-500);
    margin-top: 0.2rem;
}

.cl-what__note .inner-content__body,
.cl-what__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

@media (max-width: 768px) {
    .cl-what__grid {
        grid-template-columns: 1fr;
    }

    .cl-what__lead {
        grid-template-columns: 1fr;
        padding: 1.1rem;
    }
}

/* --- cashless: signpost lead + forked path board on navy-wash --- */
.inner-content--cl-settle {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--cl-settle::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 46% 38% at 92% 12%, rgba(201, 162, 39, 0.07) 0%, transparent 68%),
        radial-gradient(ellipse 40% 32% at 8% 90%, rgba(42, 95, 150, 0.08) 0%, transparent 62%);
    pointer-events: none;
}

.cl-settle {
    position: relative;
    z-index: 1;
}

.cl-settle__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.cl-settle__lead {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.95rem;
    align-items: start;
    max-width: 52rem;
    margin: 0 0 1.4rem;
    padding: 1.1rem 1.2rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
    box-shadow: var(--shadow-sm);
}

.cl-settle__lead-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
}

.cl-settle__intro,
.cl-settle__intro p {
    margin: 0;
    text-align: left;
}

.cl-settle__board {
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 16px;
    padding: 1.15rem 1.15rem 0.85rem;
    box-shadow: var(--shadow-sm);
}

.cl-settle__caption {
    margin: 0 0 0.9rem;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--color-navy-800);
    text-align: left;
}

.cl-settle__scroll {
    margin: 0;
}

.cl-settle__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    display: block;
}

.cl-settle__table thead,
.cl-settle__table tbody {
    display: block;
    width: 100%;
}

.cl-settle__table thead tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.75rem;
}

.cl-settle__th--q {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.cl-settle__th--direct,
.cl-settle__th--reimburse {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.9rem 1rem;
    text-align: left;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.35;
    border-radius: 12px;
}

.cl-settle__th--direct {
    background: var(--color-navy-800);
    color: var(--color-white);
    border: 1px solid rgba(201, 162, 39, 0.22);
}

.cl-settle__th--reimburse {
    background: var(--color-white);
    color: var(--color-navy-900);
    border: 1px solid var(--color-grey-200);
    border-top: 4px solid var(--color-gold-400);
    border-radius: 12px;
}

.cl-settle__path-icon {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-shrink: 0;
}

.cl-settle__th--direct .cl-settle__path-icon {
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
}

.cl-settle__th--reimburse .cl-settle__path-icon {
    background: var(--color-grey-50);
    color: var(--color-navy-700);
}

.cl-settle__table tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.75rem;
    padding: 1rem 0.15rem 0.15rem;
    border-top: 1px solid var(--color-grey-200);
}

.cl-settle__table tbody tr:first-child {
    border-top: 0;
}

.cl-settle__table tbody th {
    grid-column: 1 / -1;
    padding: 0 0.1rem 0.35rem;
    text-align: left;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-navy-600);
    background: transparent;
    width: auto;
}

.cl-settle__table td {
    min-width: 0;
    padding: 0.95rem 1rem;
    text-align: left;
    vertical-align: top;
    font-size: 0.9375rem;
    line-height: 1.55;
    border-radius: 12px;
}

.cl-settle__td--direct {
    background: rgba(11, 31, 64, 0.05);
    border: 1px solid rgba(11, 31, 64, 0.08);
}

.cl-settle__td--reimburse {
    background: rgba(201, 162, 39, 0.08);
    border: 1px solid rgba(201, 162, 39, 0.16);
}

.cl-settle__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1.15rem;
}

.cl-settle__note > i {
    color: var(--color-gold-500);
    margin-top: 0.25rem;
}

.cl-settle__note .inner-content__body,
.cl-settle__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

.cl-settle__more {
    margin: 0.55rem 0 0;
}

.cl-settle__more a,
.cl-settle__note a {
    font-weight: 600;
    color: var(--color-navy-700);
    text-underline-offset: 0.18em;
}

@media (max-width: 768px) {
    .cl-settle__lead {
        grid-template-columns: 1fr;
    }

    .cl-settle__table thead {
        display: none;
    }

    .cl-settle__table tbody tr {
        grid-template-columns: 1fr;
    }

    .cl-settle__table td::before {
        content: attr(data-col);
        display: block;
        margin-bottom: 0.35rem;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--color-navy-600);
        text-align: left;
    }
}

/* --- who_submits: facility files, TPA routes; member and HR sit beside --- */
.inner-content--cl-who {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.cl-who__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.cl-who__intro,
.cl-who__intro p {
    max-width: 46rem;
    margin: 0 0 1.25rem;
    text-align: left;
}

.cl-who__path {
    display: flex;
    flex-direction: column;
    margin: 0 0 1.15rem;
}

.cl-who__desk {
    padding: 1.2rem 1.3rem 1.25rem;
    border-radius: 16px;
    text-align: left;
}

.cl-who__desk--filer {
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    color: rgba(255, 255, 255, 0.88);
}

.cl-who__desk--router {
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-top: 3px solid var(--color-gold-500);
    box-shadow: 0 1px 0 rgba(12, 28, 54, 0.04);
}

.cl-who__head {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin: 0 0 0.75rem;
}

.cl-who__heading {
    min-width: 0;
}

.cl-who__icon {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.cl-who__desk--filer .cl-who__icon {
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
}

.cl-who__desk--router .cl-who__icon {
    background: var(--color-navy-800);
    color: var(--color-gold-300);
}

.cl-who__kicker {
    display: block;
    margin: 0 0 0.2rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.cl-who__desk--filer .cl-who__kicker {
    color: var(--color-gold-300);
}

.cl-who__desk--router .cl-who__kicker {
    color: var(--color-gold-500);
}

.cl-who__title {
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.3;
    text-align: left;
}

.cl-who__desk--filer .cl-who__title {
    color: var(--color-white);
}

.cl-who__desk--router .cl-who__title {
    color: var(--color-navy-900);
}

.cl-who__text,
.cl-who__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    text-align: left;
}

.cl-who__desk--filer .cl-who__text,
.cl-who__desk--filer .cl-who__text p {
    color: rgba(255, 255, 255, 0.82);
}

.cl-who__desk--router .cl-who__text,
.cl-who__desk--router .cl-who__text p {
    color: var(--color-grey-600);
}

.cl-who__handoff {
    display: flex;
    justify-content: center;
    margin: -0.7rem 0;
    position: relative;
    z-index: 1;
}

.cl-who__handoff i {
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--color-gold-500);
    color: var(--color-navy-900);
    font-size: 0.95rem;
    box-shadow: 0 0 0 5px var(--color-grey-50);
}

.cl-who__seats {
    list-style: none;
    margin: 0 0 1.15rem;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.9rem;
}

.cl-who__seat {
    margin: 0;
    padding: 1.1rem 1.15rem 1.15rem;
    background: var(--color-white);
    border: 1px dashed var(--color-grey-300);
    border-radius: 14px;
    text-align: left;
}

.cl-who__seat .cl-who__icon {
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    color: var(--color-navy-700);
}

.cl-who__seat .cl-who__kicker {
    color: var(--color-navy-600);
}

.cl-who__seat .cl-who__title {
    color: var(--color-navy-900);
    font-size: 1.02rem;
}

.cl-who__seat .cl-who__text,
.cl-who__seat .cl-who__text p {
    color: var(--color-grey-600);
}

.cl-who__note {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    padding: 1.05rem 1.15rem;
    background: var(--color-navy-800);
    color: rgba(255, 255, 255, 0.84);
    border-radius: var(--radius-lg);
}

.cl-who__note > i {
    color: var(--color-gold-300);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.cl-who__note .inner-content__body,
.cl-who__note .inner-content__body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    text-align: left;
}

.cl-who__note a {
    color: var(--color-gold-300);
    font-weight: 600;
}

@media (max-width: 768px) {
    .cl-who__seats {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .cl-who__desk,
    .cl-who__seat {
        padding: 1rem 1.05rem 1.05rem;
    }

    .cl-who__icon {
        width: 2.2rem;
        height: 2.2rem;
    }
}

/* --- ready: reception counter kit + proceed-without-approval receipt --- */
.inner-content--cl-ready {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--cl-ready::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 40% at 4% 10%, rgba(201, 162, 39, 0.06) 0%, transparent 70%);
    pointer-events: none;
}

.cl-ready {
    position: relative;
    z-index: 1;
}

.cl-ready__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.cl-ready__intro,
.cl-ready__intro p {
    max-width: 46rem;
    margin: 0 0 1.25rem;
    text-align: left;
}

.cl-ready__counter {
    position: relative;
    margin: 0 0 1rem;
    padding: 1.15rem 1.15rem 1.45rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 16px 16px 12px 12px;
}

.cl-ready__counter::after {
    content: '';
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: var(--color-gold-500);
}

.cl-ready__slips {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.cl-ready__slip {
    margin: 0;
    padding: 1rem 1.05rem 1.05rem;
    background: var(--color-white);
    border-radius: 4px 12px 12px 12px;
    text-align: left;
}

.cl-ready__head {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin: 0 0 0.65rem;
}

.cl-ready__heading {
    min-width: 0;
}

.cl-ready__icon {
    width: 2.35rem;
    height: 2.35rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.cl-ready__slip .cl-ready__icon {
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    color: var(--color-navy-700);
}

.cl-ready__kicker {
    display: block;
    margin: 0 0 0.18rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.cl-ready__slip .cl-ready__kicker {
    color: var(--color-navy-600);
}

.cl-ready__title {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.3;
    color: var(--color-navy-900);
    text-align: left;
}

.cl-ready__text,
.cl-ready__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-grey-600);
    text-align: left;
}

.cl-ready__if {
    position: relative;
    margin: 0 0 1rem;
    padding: 1.15rem 1.2rem 1.2rem 1.35rem;
    background: var(--color-white);
    border: 1px dashed var(--color-gold-500);
    border-radius: 12px;
    text-align: left;
}

.cl-ready__if::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.85rem;
    bottom: 0.85rem;
    width: 4px;
    background: repeating-linear-gradient(
        to bottom,
        var(--color-gold-500) 0 8px,
        transparent 8px 14px
    );
    border-radius: 0 2px 2px 0;
}

.cl-ready__if .cl-ready__icon {
    background: rgba(201, 162, 39, 0.14);
    color: var(--color-navy-800);
}

.cl-ready__if .cl-ready__kicker {
    color: var(--color-gold-500);
}

.cl-ready__if .cl-ready__title {
    font-size: 1.05rem;
}

.cl-ready__limit {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    padding: 1.05rem 1.15rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: var(--radius-lg);
}

.cl-ready__limit > i {
    color: var(--color-navy-700);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.cl-ready__limit .inner-content__body,
.cl-ready__limit .inner-content__body p {
    margin: 0;
    color: var(--color-grey-600);
    text-align: left;
}

.cl-ready__limit a {
    color: var(--color-navy-800);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 768px) {
    .cl-ready__slips {
        grid-template-columns: 1fr;
    }

    .cl-ready__counter {
        padding: 0.95rem 0.95rem 1.3rem;
    }
}

/* --- stall: jam logbook — each row a different diagnosis --- */
.inner-content--cl-stall {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.cl-stall__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.cl-stall__intro,
.cl-stall__intro p {
    max-width: 46rem;
    margin: 0 0 1.25rem;
    text-align: left;
}

.cl-stall__log {
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.cl-stall__entry {
    display: grid;
    grid-template-columns: minmax(11.5rem, 13.75rem) 1fr;
    align-items: stretch;
    border-bottom: 1px solid var(--color-grey-200);
}

.cl-stall__entry:last-child {
    border-bottom: 0;
}

.cl-stall__code {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.55rem;
    padding: 1.15rem 1.1rem;
    background: var(--color-navy-800);
    text-align: left;
}

.cl-stall__icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
}

.cl-stall__kicker {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.cl-stall__copy {
    padding: 1.15rem 1.25rem 1.2rem;
    text-align: left;
}

.cl-stall__entry:nth-child(even) .cl-stall__copy {
    background: var(--color-grey-50);
}

.cl-stall__title {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
    color: var(--color-navy-900);
    text-align: left;
}

.cl-stall__text,
.cl-stall__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.cl-stall__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1.15rem;
    padding: 1.05rem 1.15rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
}

.cl-stall__note > i {
    color: var(--color-gold-500);
    margin-top: 0.25rem;
    flex-shrink: 0;
}

.cl-stall__note .inner-content__body,
.cl-stall__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

.cl-stall__note a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 768px) {
    .cl-stall__entry {
        grid-template-columns: 1fr;
    }

    .cl-stall__code {
        flex-direction: row;
        align-items: center;
        gap: 0.75rem;
        padding: 0.85rem 1rem;
    }

    .cl-stall__kicker {
        font-size: 0.72rem;
    }

    .cl-stall__copy {
        padding: 1rem 1.05rem 1.1rem;
    }
}

/* --- further reading: HowTo / rejection / network shelf, category drawer, related --- */
.inner-content--cl-guides {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--cl-guides::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 42% 36% at 96% 86%, rgba(42, 95, 150, 0.08) 0%, transparent 65%);
    pointer-events: none;
}

.cl-guides {
    position: relative;
    z-index: 1;
}

.cl-guides__header {
    max-width: 44rem;
    margin-inline: 0;
    text-align: left;
}

.cl-guides__intro,
.cl-guides__intro p {
    margin: 0 0 1.15rem;
    text-align: left;
}

.cl-guides__owns {
    list-style: none;
    margin: 0 0 0.9rem;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.85rem;
}

.cl-guides__owns:has(> :nth-child(4)) {
    grid-template-columns: repeat(2, 1fr);
}

.cl-guides__own,
.cl-guides__index,
.cl-guides__link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    height: 100%;
    padding: 1.15rem 1.15rem 1.2rem;
    text-decoration: none;
    color: inherit;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cl-guides__own {
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
}

.cl-guides__own--howto {
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border-color: rgba(201, 162, 39, 0.22);
}

.cl-guides__own--reject {
    border-bottom: 3px solid var(--color-gold-500);
}

.cl-guides__own--appeal {
    border-top: 3px solid var(--color-gold-500);
}

.cl-guides__own--network {
    border-left: 3px solid var(--color-navy-700);
}

.cl-guides__mark {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
}

.cl-guides__icon {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 1.05rem;
}

.cl-guides__own .cl-guides__icon {
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    color: var(--color-navy-700);
}

.cl-guides__own--howto .cl-guides__icon {
    background: rgba(201, 162, 39, 0.16);
    border-color: transparent;
    color: var(--color-gold-300);
}

.cl-guides__kicker {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.cl-guides__own--howto .cl-guides__kicker {
    color: var(--color-gold-300);
}

.cl-guides__own--reject .cl-guides__kicker {
    color: var(--color-gold-500);
}

.cl-guides__own--appeal .cl-guides__kicker {
    color: var(--color-gold-500);
}

.cl-guides__copy {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    flex: 1;
}

.cl-guides__title {
    display: block;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
    overflow-wrap: anywhere;
}

.cl-guides__own--howto .cl-guides__title {
    color: var(--color-white);
}

.cl-guides__desc {
    display: block;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-grey-600);
    text-align: left;
}

.cl-guides__own--howto .cl-guides__desc {
    color: rgba(255, 255, 255, 0.78);
}

.cl-guides__arrow {
    color: var(--color-gold-500);
    margin-top: auto;
    transition: transform 0.2s ease;
}

.cl-guides__own--howto .cl-guides__arrow {
    color: var(--color-gold-300);
}

.cl-guides__drawer {
    margin: 0 0 0.9rem;
    min-width: 0;
}

.cl-guides__index {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    background: var(--color-navy-800);
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 14px;
    min-width: 0;
    max-width: 100%;
}

.cl-guides__index .cl-guides__mark {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.cl-guides__index .cl-guides__icon {
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
}

.cl-guides__index .cl-guides__kicker {
    color: var(--color-gold-300);
}

.cl-guides__index .cl-guides__title {
    color: var(--color-white);
}

.cl-guides__index .cl-guides__desc {
    color: rgba(255, 255, 255, 0.78);
}

.cl-guides__index .cl-guides__arrow {
    margin-top: 0;
    margin-left: auto;
    color: var(--color-gold-300);
    flex-shrink: 0;
}

.cl-guides__related {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
}

.cl-guides__link {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.95rem 1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
}

.cl-guides__link .cl-guides__mark {
    flex-shrink: 0;
}

.cl-guides__link .cl-guides__icon {
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    color: var(--color-navy-700);
}

.cl-guides__link .cl-guides__arrow {
    margin-top: 0.15rem;
    margin-left: auto;
    flex-shrink: 0;
}

.cl-guides__own:hover,
.cl-guides__own:focus-visible,
.cl-guides__index:hover,
.cl-guides__index:focus-visible,
.cl-guides__link:hover,
.cl-guides__link:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.cl-guides__own:hover .cl-guides__arrow,
.cl-guides__own:focus-visible .cl-guides__arrow,
.cl-guides__index:hover .cl-guides__arrow,
.cl-guides__index:focus-visible .cl-guides__arrow,
.cl-guides__link:hover .cl-guides__arrow,
.cl-guides__link:focus-visible .cl-guides__arrow {
    transform: translateX(4px);
}

.cl-guides__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1.05rem;
    padding: 1.05rem 1.15rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
}

.cl-guides__note > i {
    color: var(--color-navy-700);
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.cl-guides__note .inner-content__body,
.cl-guides__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

@media (max-width: 900px) {
    .cl-guides__owns {
        grid-template-columns: 1fr;
    }

    .cl-guides__index {
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .cl-guides__index .cl-guides__arrow {
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .cl-guides__related {
        grid-template-columns: 1fr;
    }
}

/* --- sources: mandate stamps + Central Bank licence docket --- */
.inner-content--cl-sources {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.cl-sources__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.cl-sources__intro,
.cl-sources__intro p {
    max-width: 46rem;
    margin: 0 0 1.2rem;
    text-align: left;
}

.cl-sources__floor {
    list-style: none;
    margin: 0 0 0.9rem;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.cl-sources__stamp,
.cl-sources__bank {
    text-decoration: none;
    color: inherit;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cl-sources__stamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
    height: 100%;
    padding: 1.15rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 16px;
}

.cl-sources__head {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.2rem;
}

.cl-sources__seal {
    width: 2.7rem;
    height: 2.7rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 2px solid var(--color-gold-500);
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    font-size: 1.05rem;
}

.cl-sources__host {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--color-navy-600);
    word-break: break-all;
}

.cl-sources__title {
    display: block;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.cl-sources__desc {
    display: block;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-grey-600);
    text-align: left;
}

.cl-sources__ext {
    color: var(--color-gold-500);
    margin-top: auto;
    padding-top: 0.45rem;
}

.cl-sources__bank {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 1rem;
    padding: 1.2rem 1.25rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-top: 4px solid var(--color-gold-500);
    border-radius: 14px;
}

.cl-sources__bank .cl-sources__seal {
    border-color: var(--color-gold-400);
}

.cl-sources__bank-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    min-width: 0;
    flex: 1;
}

.cl-sources__kicker {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-gold-500);
}

.cl-sources__bank .cl-sources__host {
    order: 0;
}

.cl-sources__bank .cl-sources__ext {
    margin-top: 0.15rem;
    padding-top: 0;
    flex-shrink: 0;
}

.cl-sources__stamp:hover,
.cl-sources__stamp:focus-visible,
.cl-sources__bank:hover,
.cl-sources__bank:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.cl-sources__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
}

.cl-sources__note > i {
    color: var(--color-navy-700);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.cl-sources__note .inner-content__body,
.cl-sources__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

@media (max-width: 768px) {
    .cl-sources__floor {
        grid-template-columns: 1fr;
    }

    .cl-sources__bank {
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cl-guides__own,
    .cl-guides__index,
    .cl-guides__link,
    .cl-guides__arrow,
    .cl-sources__stamp,
    .cl-sources__bank {
        transition: none;
    }

    .cl-guides__own:hover,
    .cl-guides__own:focus-visible,
    .cl-guides__index:hover,
    .cl-guides__index:focus-visible,
    .cl-guides__link:hover,
    .cl-guides__link:focus-visible,
    .cl-sources__stamp:hover,
    .cl-sources__stamp:focus-visible,
    .cl-sources__bank:hover,
    .cl-sources__bank:focus-visible {
        transform: none;
    }
}

/* ==========================================================================
   Policy renewals pillar — unique .rn-* surfaces
   ========================================================================== */

.page-pillar.page-policy-renewals-uae .inner-content--rn-what .section__header,
.page-pillar.page-policy-renewals-uae .inner-content--rn-compare .section__header,
.page-pillar.page-policy-renewals-uae .inner-content--rn-beside .section__header,
.page-pillar.page-policy-renewals-uae .inner-content--rn-phases .section__header,
.page-pillar.page-policy-renewals-uae .inner-content--rn-gap .section__header,
.page-pillar.page-policy-renewals-uae .inner-content--rn-guides .section__header,
.page-pillar.page-policy-renewals-uae .inner-content--rn-sources .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

/* --- what_is: new period featured; endorsement / switch / new business as mix-ups --- */
.inner-content--rn-what {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.rn-what__header,
.rn-compare__header,
.rn-beside__header,
.rn-phases__header,
.rn-gap__header,
.rn-guides__header,
.rn-sources__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.rn-what__intro,
.rn-what__intro p {
    max-width: 46rem;
    margin: 0 0 1.2rem;
    text-align: left;
}

.rn-what__period {
    margin: 0 0 0.9rem;
    padding: 1.25rem 1.3rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 16px;
    text-align: left;
}

.rn-what__head {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin: 0 0 0.75rem;
}

.rn-what__heading {
    min-width: 0;
}

.rn-what__icon {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.rn-what__period .rn-what__icon {
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
}

.rn-what__kicker {
    display: block;
    margin: 0 0 0.18rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.rn-what__period .rn-what__kicker {
    color: var(--color-gold-300);
}

.rn-what__period .rn-what__title {
    margin: 0;
    color: var(--color-white);
    font-size: 1.15rem;
}

.rn-what__period .rn-what__text,
.rn-what__period .rn-what__text p {
    color: rgba(255, 255, 255, 0.82);
}

.rn-what__mix {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.85rem;
}

.rn-what__card {
    margin: 0;
    padding: 1.1rem 1.1rem 1.15rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
    text-align: left;
}

.rn-what__card--endorsement {
    border-left: 3px dashed var(--color-gold-500);
}

.rn-what__card .rn-what__icon {
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    color: var(--color-navy-700);
}

.rn-what__card .rn-what__kicker {
    color: var(--color-navy-600);
}

.rn-what__card--endorsement .rn-what__kicker {
    color: var(--color-gold-500);
}

.rn-what__title,
.rn-beside__title,
.rn-gap__title,
.rn-phases__title {
    margin: 0 0 0.3rem;
    font-size: 1.05rem;
    color: var(--color-navy-900);
    text-align: left;
}

.rn-what__card .rn-what__title {
    margin: 0;
}

.rn-what__text,
.rn-what__text p,
.rn-beside__text,
.rn-beside__text p,
.rn-gap__text,
.rn-gap__text p,
.rn-phases__text,
.rn-phases__text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-grey-600);
    text-align: left;
}

.rn-what__note,
.rn-compare__note,
.rn-beside__note,
.rn-guides__note,
.rn-gap__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1.1rem;
}

.rn-what__note > i,
.rn-compare__note > i,
.rn-beside__note > i,
.rn-guides__note > i,
.rn-gap__note > i {
    color: var(--color-gold-500);
    margin-top: 0.2rem;
}

.rn-what__note .inner-content__body,
.rn-what__note .inner-content__body p,
.rn-compare__note .inner-content__body,
.rn-compare__note .inner-content__body p,
.rn-beside__note .inner-content__body,
.rn-beside__note .inner-content__body p,
.rn-guides__note .inner-content__body,
.rn-guides__note .inner-content__body p,
.rn-gap__note .inner-content__body,
.rn-gap__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

@media (max-width: 900px) {
    .rn-what__mix {
        grid-template-columns: 1fr;
    }
}

/* --- who_renews: two hanging files with a question rail on navy-wash --- */
.inner-content--rn-compare {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--rn-compare::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 48% 36% at 94% 8%, rgba(201, 162, 39, 0.07) 0%, transparent 70%);
    pointer-events: none;
}

.rn-compare {
    position: relative;
    z-index: 1;
}

.rn-compare__intro,
.rn-compare__intro p,
.rn-beside__intro,
.rn-beside__intro p,
.rn-phases__intro,
.rn-phases__intro p,
.rn-guides__intro,
.rn-guides__intro p,
.rn-sources__intro,
.rn-sources__intro p {
    margin: 0 0 1.1rem;
    text-align: left;
}

.rn-compare__scroll {
    margin: 0;
}

.rn-compare__files {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    display: block;
}

.rn-compare__caption {
    caption-side: top;
    margin: 0 0 0.85rem;
    text-align: left;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-navy-800);
}

.rn-compare__files thead,
.rn-compare__files tbody {
    display: block;
    width: 100%;
}

.rn-compare__files thead tr,
.rn-compare__files tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 11.25rem) minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.7rem;
    align-items: stretch;
}

.rn-compare__files tbody tr {
    margin-top: 0.7rem;
}

.rn-compare__th,
.rn-compare__q,
.rn-compare__td {
    text-align: left;
    vertical-align: top;
}

.rn-compare__th--q {
    display: flex;
    align-items: flex-end;
    padding: 0 0.15rem 0.55rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-navy-600);
    background: transparent;
}

.rn-compare__th--group,
.rn-compare__th--individual {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
    padding: 0.95rem 1.05rem 1rem;
    border-radius: 4px 14px 0 0;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
}

.rn-compare__th--group {
    background: var(--color-navy-800);
    color: var(--color-white);
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-bottom: 0;
}

.rn-compare__th--individual {
    background: var(--color-white);
    color: var(--color-navy-900);
    border: 1px solid var(--color-grey-200);
    border-bottom: 0;
    border-top: 3px solid var(--color-gold-500);
}

.rn-compare__file-mark {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.rn-compare__file-icon {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    flex-shrink: 0;
}

.rn-compare__th--group .rn-compare__file-icon {
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
}

.rn-compare__th--individual .rn-compare__file-icon {
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    color: var(--color-navy-700);
}

.rn-compare__kicker {
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.rn-compare__th--group .rn-compare__kicker {
    color: var(--color-gold-300);
}

.rn-compare__th--individual .rn-compare__kicker {
    color: var(--color-gold-500);
}

.rn-compare__file-name {
    display: block;
}

.rn-compare__q {
    padding: 0.9rem 0.85rem;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-navy-900);
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    border-radius: 10px;
}

.rn-compare__td {
    padding: 0.9rem 1rem;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--color-grey-600);
    border: 1px solid var(--color-grey-200);
    border-top: 0;
}

.rn-compare__td--group {
    background: var(--color-white);
    border-color: rgba(12, 35, 64, 0.12);
    box-shadow: inset 3px 0 0 var(--color-navy-700);
}

.rn-compare__td--individual {
    background: var(--color-white);
}

.rn-compare__td a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.rn-compare__note a {
    font-weight: 600;
}

@media (max-width: 768px) {
    .rn-compare__files thead {
        display: none;
    }

    .rn-compare__files tbody tr {
        grid-template-columns: 1fr;
        gap: 0.5rem;
        margin-top: 1.05rem;
        padding-bottom: 0.35rem;
        border-bottom: 1px dashed var(--color-grey-300);
    }

    .rn-compare__files tbody tr:first-child {
        margin-top: 0;
    }

    .rn-compare__td {
        border-top: 1px solid var(--color-grey-200);
        border-radius: 10px;
    }

    .rn-compare__td::before {
        content: attr(data-col);
        display: block;
        margin-bottom: 0.35rem;
        font-size: 0.66rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--color-navy-600);
    }
}

/* --- besides_price: one schedule sheet, four lines that still move --- */
.inner-content--rn-beside {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.rn-beside__sheet {
    list-style: none;
    margin: 0;
    padding: 0.15rem 0;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.rn-beside__line {
    margin: 0;
    padding: 1.15rem 1.25rem 1.2rem;
    border-bottom: 1px dashed var(--color-grey-200);
    text-align: left;
}

.rn-beside__line:last-child {
    border-bottom: 0;
}

.rn-beside__head {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin: 0 0 0.55rem;
}

.rn-beside__heading {
    min-width: 0;
}

.rn-beside__icon {
    width: 2.35rem;
    height: 2.35rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    color: var(--color-navy-700);
}

.rn-beside__kicker {
    display: block;
    margin: 0 0 0.18rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-500);
}

.rn-beside__title {
    margin: 0;
}

.rn-beside__note a {
    font-weight: 600;
}

@media (max-width: 640px) {
    .rn-beside__line {
        padding: 1rem 1.05rem 1.05rem;
    }
}

/* --- phases: order-of-work ladder (not a T-90 calendar, not a 4-up) --- */
.inner-content--rn-phases {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--rn-phases::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 40% 32% at 6% 88%, rgba(42, 95, 150, 0.08) 0%, transparent 65%);
    pointer-events: none;
}

.rn-phases {
    position: relative;
    z-index: 1;
}

.rn-phases__ladder {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.rn-phases__step {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.85rem;
    align-items: start;
    position: relative;
}

.rn-phases__step:nth-child(2) {
    margin-left: 1.15rem;
}

.rn-phases__step:nth-child(3) {
    margin-left: 2.3rem;
}

.rn-phases__step:nth-child(4) {
    margin-left: 3.45rem;
}

.rn-phases__step:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 1.05rem;
    top: 2.45rem;
    bottom: -0.55rem;
    width: 2px;
    background: var(--color-gold-500);
}

.rn-phases__num {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    font-weight: 800;
    font-size: 0.9rem;
    z-index: 1;
    position: relative;
}

.rn-phases__body {
    min-width: 0;
    padding: 1.05rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
    text-align: left;
}

.rn-phases__step--open .rn-phases__body {
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border-color: rgba(201, 162, 39, 0.22);
}

.rn-phases__head {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin: 0 0 0.55rem;
}

.rn-phases__heading {
    min-width: 0;
}

.rn-phases__icon {
    width: 2.2rem;
    height: 2.2rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    color: var(--color-navy-700);
}

.rn-phases__step--open .rn-phases__icon {
    background: rgba(201, 162, 39, 0.16);
    border-color: transparent;
    color: var(--color-gold-300);
}

.rn-phases__kicker {
    display: block;
    margin: 0 0 0.18rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-500);
}

.rn-phases__step--open .rn-phases__kicker {
    color: var(--color-gold-300);
}

.rn-phases__step--open .rn-phases__title {
    margin: 0;
    color: var(--color-white);
}

.rn-phases__step--open .rn-phases__text,
.rn-phases__step--open .rn-phases__text p {
    color: rgba(255, 255, 255, 0.82);
}

.rn-phases__title {
    margin: 0;
}

.rn-phases__limit {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    margin-top: 1.15rem;
    padding: 1.05rem 1.15rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: var(--radius-lg);
}

.rn-phases__limit > i {
    color: var(--color-navy-700);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.rn-phases__limit .inner-content__body,
.rn-phases__limit .inner-content__body p {
    margin: 0;
    color: var(--color-grey-600);
    text-align: left;
}

.rn-phases__limit a {
    color: var(--color-navy-800);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 768px) {
    .rn-phases__step:nth-child(2),
    .rn-phases__step:nth-child(3),
    .rn-phases__step:nth-child(4) {
        margin-left: 0;
    }

    .rn-phases__step:not(:last-child)::after {
        display: none;
    }
}

/* --- gap: cover cutoff, then three costs after the timestamp --- */
.inner-content--rn-gap {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.rn-gap__cutoff {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.05rem;
    align-items: start;
    margin: 0 0 1.15rem;
    padding: 1.25rem 1.3rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 16px;
    text-align: left;
}

.rn-gap__cutoff-mark {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
}

.rn-gap__cutoff-icon {
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 2px solid var(--color-gold-500);
    background: rgba(201, 162, 39, 0.12);
    color: var(--color-gold-300);
    font-size: 1.15rem;
}

.rn-gap__cutoff .rn-gap__kicker {
    color: var(--color-gold-300);
    max-width: 6.5rem;
}

.rn-gap__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.rn-gap__cutoff-body,
.rn-gap__cutoff-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    text-align: left;
}

.rn-gap__cutoff-body a {
    color: var(--color-gold-300);
    font-weight: 600;
}

.rn-gap__after {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.85rem;
}

.rn-gap__cost {
    margin: 0;
    padding: 1.1rem 1.1rem 1.15rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
    text-align: left;
}

.rn-gap__cost--duty {
    background: var(--color-navy-800);
    border-color: rgba(201, 162, 39, 0.22);
}

.rn-gap__cost--visa {
    border-top: 3px solid var(--color-gold-500);
}

.rn-gap__cost--waiting {
    border: 1px dashed var(--color-gold-500);
}

.rn-gap__head {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin: 0 0 0.55rem;
}

.rn-gap__heading {
    min-width: 0;
}

.rn-gap__icon {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    color: var(--color-navy-700);
}

.rn-gap__cost--duty .rn-gap__icon {
    background: rgba(201, 162, 39, 0.16);
    border-color: transparent;
    color: var(--color-gold-300);
}

.rn-gap__cost--duty .rn-gap__kicker {
    color: var(--color-gold-300);
}

.rn-gap__cost--visa .rn-gap__kicker,
.rn-gap__cost--waiting .rn-gap__kicker {
    color: var(--color-gold-500);
}

.rn-gap__cost--other .rn-gap__kicker {
    color: var(--color-navy-600);
}

.rn-gap__cost--duty .rn-gap__title {
    margin: 0;
    color: var(--color-white);
}

.rn-gap__cost--duty .rn-gap__text,
.rn-gap__cost--duty .rn-gap__text p {
    color: rgba(255, 255, 255, 0.82);
}

.rn-gap__title {
    margin: 0;
}

.rn-gap__note a {
    font-weight: 600;
}

@media (max-width: 900px) {
    .rn-gap__after {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .rn-gap__cutoff {
        grid-template-columns: 1fr;
    }

    .rn-gap__cutoff .rn-gap__kicker {
        max-width: none;
    }
}

/* --- further reading: calendar / pack / checklist / premium-questions kit --- */
.inner-content--rn-guides {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--rn-guides::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 44% 34% at 8% 12%, rgba(201, 162, 39, 0.07) 0%, transparent 68%);
    pointer-events: none;
}

.rn-guides {
    position: relative;
    z-index: 1;
}

.rn-guides__owns {
    list-style: none;
    margin: 0 0 0.9rem;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.rn-guides__own,
.rn-guides__link,
.rn-guides__index {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.7rem;
    height: 100%;
    padding: 1.15rem 1.15rem 1.2rem;
    text-decoration: none;
    color: inherit;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.rn-guides__own {
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
}

.rn-guides__own--calendar {
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border-color: rgba(201, 162, 39, 0.22);
}

.rn-guides__own--pack {
    border-left: 3px solid var(--color-navy-700);
}

.rn-guides__own--checklist {
    border-bottom: 3px solid var(--color-gold-500);
}

.rn-guides__own--premium {
    border-top: 3px solid var(--color-gold-500);
}

.rn-guides__mark {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
}

.rn-guides__icon {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    color: var(--color-navy-700);
}

.rn-guides__own--calendar .rn-guides__icon {
    background: rgba(201, 162, 39, 0.16);
    border-color: transparent;
    color: var(--color-gold-300);
}

.rn-guides__kicker {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.rn-guides__own--calendar .rn-guides__kicker {
    color: var(--color-gold-300);
}

.rn-guides__own--checklist .rn-guides__kicker,
.rn-guides__own--premium .rn-guides__kicker {
    color: var(--color-gold-500);
}

.rn-guides__copy {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    flex: 1;
}

.rn-guides__title {
    display: block;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
    overflow-wrap: anywhere;
}

.rn-guides__own--calendar .rn-guides__title {
    color: var(--color-white);
}

.rn-guides__desc {
    display: block;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-grey-600);
    text-align: left;
}

.rn-guides__own--calendar .rn-guides__desc {
    color: rgba(255, 255, 255, 0.78);
}

.rn-guides__arrow {
    color: var(--color-gold-500);
    margin-top: auto;
    transition: transform 0.2s ease;
}

.rn-guides__own--calendar .rn-guides__arrow {
    color: var(--color-gold-300);
}

.rn-guides__more {
    list-style: none;
    margin: 0 0 0.9rem;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
}

.rn-guides__link {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
}

.rn-guides__link .rn-guides__mark {
    flex-shrink: 0;
}

.rn-guides__link .rn-guides__arrow {
    margin-top: 0.15rem;
    margin-left: auto;
    flex-shrink: 0;
}

.rn-guides__rest {
    margin: 0 0 0.15rem;
}

.rn-guides__index {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    padding: 1.05rem 1.15rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-top: 4px solid var(--color-gold-500);
    border-radius: 14px;
}

.rn-guides__index .rn-guides__mark {
    flex-direction: row;
    align-items: center;
    gap: 0.7rem;
    flex-shrink: 0;
}

.rn-guides__index .rn-guides__kicker {
    color: var(--color-gold-500);
}

.rn-guides__index .rn-guides__arrow {
    margin-top: 0;
    margin-left: auto;
}

.rn-guides__own:hover,
.rn-guides__own:focus-visible,
.rn-guides__link:hover,
.rn-guides__link:focus-visible,
.rn-guides__index:hover,
.rn-guides__index:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.rn-guides__own:hover .rn-guides__arrow,
.rn-guides__own:focus-visible .rn-guides__arrow,
.rn-guides__link:hover .rn-guides__arrow,
.rn-guides__link:focus-visible .rn-guides__arrow,
.rn-guides__index:hover .rn-guides__arrow,
.rn-guides__index:focus-visible .rn-guides__arrow {
    transform: translateX(4px);
}

.rn-guides__note > i {
    color: var(--color-navy-700);
}

@media (max-width: 768px) {
    .rn-guides__owns,
    .rn-guides__more {
        grid-template-columns: 1fr;
    }

    .rn-guides__index {
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .rn-guides__index .rn-guides__arrow {
        margin-left: 0;
    }
}

/* --- sources: keep-cover duty, health-floor ribbons, licence rule --- */
.inner-content--rn-sources {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.rn-sources__keep,
.rn-sources__ribbon,
.rn-sources__licence {
    text-decoration: none;
    color: inherit;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.rn-sources__keep {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    margin: 0 0 0.9rem;
    padding: 1.2rem 1.25rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 16px;
}

.rn-sources__keep-mark {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    max-width: 11rem;
}

.rn-sources__icon {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-shrink: 0;
}

.rn-sources__keep .rn-sources__icon {
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
}

.rn-sources__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.rn-sources__keep .rn-sources__kicker {
    color: var(--color-gold-300);
}

.rn-sources__host {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--color-navy-600);
    word-break: break-all;
}

.rn-sources__keep .rn-sources__host {
    color: rgba(255, 255, 255, 0.62);
}

.rn-sources__copy {
    min-width: 0;
}

.rn-sources__title {
    display: block;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.rn-sources__keep .rn-sources__title {
    color: var(--color-white);
}

.rn-sources__desc {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-grey-600);
    text-align: left;
}

.rn-sources__keep .rn-sources__desc {
    color: rgba(255, 255, 255, 0.78);
}

.rn-sources__ext {
    color: var(--color-gold-500);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.rn-sources__keep .rn-sources__ext {
    color: var(--color-gold-300);
}

.rn-sources__floors {
    list-style: none;
    margin: 0 0 0.9rem;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.rn-sources__ribbon {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
    height: 100%;
    padding: 0;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
    overflow: hidden;
}

.rn-sources__ribbon-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    width: 100%;
    padding: 0.7rem 1rem;
    background: var(--color-grey-50);
    border-bottom: 1px solid var(--color-grey-200);
}

.rn-sources__ribbon .rn-sources__icon {
    width: 2rem;
    height: 2rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    color: var(--color-navy-700);
}

.rn-sources__ribbon .rn-sources__title,
.rn-sources__ribbon .rn-sources__desc {
    padding: 0 1rem;
}

.rn-sources__ribbon .rn-sources__desc {
    flex: 1;
}

.rn-sources__ribbon .rn-sources__ext {
    margin: 0 1rem 0.9rem;
}

.rn-sources__licence {
    display: flex;
    align-items: flex-start;
    gap: 0.95rem;
    margin: 0 0 1rem;
    padding: 1.15rem 1.2rem;
    background: var(--color-white);
    border: 1px dashed var(--color-navy-700);
    border-radius: 14px;
}

.rn-sources__licence .rn-sources__icon {
    background: var(--color-navy-800);
    color: var(--color-gold-300);
}

.rn-sources__licence .rn-sources__kicker {
    color: var(--color-navy-700);
    margin-bottom: 0.15rem;
}

.rn-sources__keep:hover,
.rn-sources__keep:focus-visible,
.rn-sources__ribbon:hover,
.rn-sources__ribbon:focus-visible,
.rn-sources__licence:hover,
.rn-sources__licence:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.rn-sources__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
}

.rn-sources__note > i {
    color: var(--color-navy-700);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.rn-sources__note .inner-content__body,
.rn-sources__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

@media (max-width: 900px) {
    .rn-sources__floors {
        grid-template-columns: 1fr;
    }

    .rn-sources__keep {
        grid-template-columns: 1fr;
    }

    .rn-sources__keep-mark {
        max-width: none;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.65rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rn-guides__own,
    .rn-guides__link,
    .rn-guides__index,
    .rn-guides__arrow,
    .rn-sources__keep,
    .rn-sources__ribbon,
    .rn-sources__licence {
        transition: none;
    }

    .rn-guides__own:hover,
    .rn-guides__own:focus-visible,
    .rn-guides__link:hover,
    .rn-guides__link:focus-visible,
    .rn-guides__index:hover,
    .rn-guides__index:focus-visible,
    .rn-sources__keep:hover,
    .rn-sources__keep:focus-visible,
    .rn-sources__ribbon:hover,
    .rn-sources__ribbon:focus-visible,
    .rn-sources__licence:hover,
    .rn-sources__licence:focus-visible {
        transform: none;
    }
}

/* ==========================================================================
   Employee benefits pillar — unique .eb-* surfaces
   ========================================================================== */

.page-pillar.page-employee-benefits-uae .inner-content--eb-what .section__header,
.page-pillar.page-employee-benefits-uae .inner-content--eb-stack .section__header,
.page-pillar.page-employee-benefits-uae .inner-content--eb-owns .section__header,
.page-pillar.page-employee-benefits-uae .inner-content--eb-cohorts .section__header,
.page-pillar.page-employee-benefits-uae .inner-content--eb-between .section__header,
.page-pillar.page-employee-benefits-uae .inner-content--eb-guides .section__header,
.page-pillar.page-employee-benefits-uae .inner-content--eb-sources .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.eb-what__header,
.eb-stack__header,
.eb-owns__header,
.eb-cohorts__header,
.eb-between__header,
.eb-guides__header,
.eb-sources__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.eb-what__intro,
.eb-what__intro p,
.eb-stack__intro,
.eb-stack__intro p,
.eb-owns__intro,
.eb-owns__intro p,
.eb-cohorts__intro,
.eb-cohorts__intro p,
.eb-between__intro,
.eb-between__intro p,
.eb-guides__intro,
.eb-guides__intro p,
.eb-sources__intro,
.eb-sources__intro p {
    margin: 0 0 1.15rem;
    text-align: left;
}

/* --- what_is: stack vs product duel, floor/extras as side pair --- */
.inner-content--eb-what {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.inner-content--eb-what .eb-what__intro {
    max-width: 42rem;
    margin: 0 0 1.5rem;
    padding: 0.1rem 0 0.15rem 1.15rem;
    border-left: 3px solid var(--color-gold-400);
}

.inner-content--eb-what .eb-what__intro p {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.7;
}

.eb-what__duel {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0;
    align-items: stretch;
    margin: 0 0 1.15rem;
}

.eb-what__phrase {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.4rem 1.45rem 1.35rem;
    text-align: left;
    min-height: 100%;
}

.eb-what__phrase-mark {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.85rem;
}

.eb-what__icon {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-shrink: 0;
}

.eb-what__kicker {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.eb-what__title {
    margin: 0 0 0.55rem;
    font-size: clamp(1.2rem, 2vw, 1.45rem);
    line-height: 1.25;
    text-align: left;
}

.eb-what__text,
.eb-what__text p {
    margin: 0;
    text-align: left;
    flex: 1;
}

.eb-what__more {
    margin: 0.95rem 0 0;
}

.eb-what__more a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 600;
    text-underline-offset: 0.18em;
}

.eb-what__phrase--stack {
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 18px 8px 8px 18px;
    box-shadow: var(--shadow-md);
}

.eb-what__phrase--stack .eb-what__icon {
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
}

.eb-what__phrase--stack .eb-what__kicker {
    color: var(--color-gold-300);
}

.eb-what__phrase--stack .eb-what__title {
    color: var(--color-white);
}

.eb-what__phrase--stack .eb-what__text,
.eb-what__phrase--stack .eb-what__text p {
    color: rgba(255, 255, 255, 0.84);
}

.eb-what__phrase--stack .eb-what__more a {
    color: var(--color-gold-300);
}

.eb-what__phrase--product {
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-top: 4px solid var(--color-gold-400);
    border-radius: 8px 18px 18px 8px;
    box-shadow: var(--shadow-sm);
}

.eb-what__phrase--product .eb-what__icon {
    background: var(--color-grey-50);
    color: var(--color-navy-700);
}

.eb-what__phrase--product .eb-what__kicker {
    color: var(--color-navy-600);
}

.eb-what__phrase--product .eb-what__title {
    color: var(--color-navy-900);
}

.eb-what__phrase--product .eb-what__text,
.eb-what__phrase--product .eb-what__text p {
    color: var(--color-grey-700);
}

.eb-what__phrase--product .eb-what__more a {
    color: var(--color-navy-700);
}

.eb-what__vs {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    width: 3.15rem;
    margin: 0 -0.85rem;
}

.eb-what__vs span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.15rem;
    height: 3.15rem;
    border-radius: 999px;
    background: var(--gradient-gold);
    color: var(--color-navy-900);
    font-weight: 800;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 0 0 6px var(--color-white), var(--shadow-gold);
}

.eb-what__side {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.eb-what__side-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.95rem;
    align-items: start;
    padding: 1.1rem 1.15rem 1.15rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
    text-align: left;
}

.eb-what__side-icon {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.eb-what__side-card--floor {
    border-bottom: 3px solid var(--color-navy-700);
}

.eb-what__side-card--floor .eb-what__side-icon {
    background: var(--color-navy-800);
    color: var(--color-gold-300);
}

.eb-what__side-card--extra {
    border-bottom: 3px solid var(--color-gold-400);
}

.eb-what__side-card--extra .eb-what__side-icon {
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-navy-800);
}

.eb-what__side-title {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
    color: var(--color-navy-900);
    text-align: left;
}

.eb-what__side-text,
.eb-what__side-text p {
    margin: 0;
    text-align: left;
}

.eb-what__side-card .eb-what__more {
    margin-top: 0.7rem;
}

.eb-what__side-card .eb-what__more a {
    color: var(--color-navy-700);
}

.eb-what__note,
.eb-stack__note,
.eb-owns__note,
.eb-cohorts__note,
.eb-between__note,
.eb-guides__note,
.eb-sources__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1.1rem;
    padding: 1rem 1.1rem;
    background: var(--color-grey-50);
    border-radius: 12px;
}

.eb-what__note > i,
.eb-stack__note > i,
.eb-owns__note > i,
.eb-cohorts__note > i,
.eb-guides__note > i {
    color: var(--color-gold-500);
    margin-top: 0.15rem;
}

.eb-between__note > i,
.eb-sources__note > i {
    color: var(--color-navy-600);
    margin-top: 0.15rem;
}

.eb-what__note .inner-content__body,
.eb-what__note .inner-content__body p,
.eb-stack__note .inner-content__body,
.eb-stack__note .inner-content__body p,
.eb-owns__note .inner-content__body,
.eb-owns__note .inner-content__body p,
.eb-cohorts__note .inner-content__body,
.eb-cohorts__note .inner-content__body p,
.eb-between__note .inner-content__body,
.eb-between__note .inner-content__body p,
.eb-guides__note .inner-content__body,
.eb-guides__note .inner-content__body p,
.eb-sources__note .inner-content__body,
.eb-sources__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

/* --- stack: overlapping layers + two-tone table on navy-wash --- */
.inner-content--eb-stack {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--eb-stack::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 52% 40% at 6% 12%, rgba(201, 162, 39, 0.08) 0%, transparent 68%);
    pointer-events: none;
}

.eb-stack {
    position: relative;
    z-index: 1;
}

.inner-content--eb-stack .eb-stack__intro {
    position: relative;
    max-width: 44rem;
    margin: 0 0 1.6rem;
    padding: 0 0 0 1.2rem;
}

.inner-content--eb-stack .eb-stack__intro::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.2rem;
    bottom: 0.2rem;
    width: 3px;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--color-navy-700) 0%, var(--color-gold-400) 100%);
}

.inner-content--eb-stack .eb-stack__intro p {
    margin: 0;
}

.eb-stack__layers {
    list-style: none;
    margin: 0 0 1.75rem;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 0.55rem;
}

.eb-stack__layer {
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 0.9rem;
    align-items: start;
    width: 100%;
    padding: 1.1rem 1.2rem 1.15rem;
    border-radius: 14px;
    text-align: left;
    box-sizing: border-box;
}

.eb-stack__idx {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.15rem;
    height: 2.15rem;
    border-radius: 999px;
    font-weight: 800;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
}

.eb-stack__layer-icon {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.eb-stack__layer-title {
    margin: 0 0 0.3rem;
    font-size: 1.08rem;
    text-align: left;
}

.eb-stack__layer-text,
.eb-stack__layer-text p {
    margin: 0;
    text-align: left;
}

.eb-stack__layer--1 {
    max-width: 100%;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    box-shadow: var(--shadow-md);
}

.eb-stack__layer--1 .eb-stack__idx {
    background: rgba(201, 162, 39, 0.18);
    color: var(--color-gold-300);
}

.eb-stack__layer--1 .eb-stack__layer-icon {
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
}

.eb-stack__layer--1 .eb-stack__layer-title {
    color: var(--color-white);
}

.eb-stack__layer--1 .eb-stack__layer-text,
.eb-stack__layer--1 .eb-stack__layer-text p {
    color: rgba(255, 255, 255, 0.84);
}

.eb-stack__layer--1 .eb-stack__layer-text a {
    color: var(--color-gold-300);
}

.eb-stack__layer--2,
.eb-stack__layer--3,
.eb-stack__layer--4 {
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    box-shadow: var(--shadow-sm);
}

.eb-stack__layer--2 { max-width: 94%; border-top: 3px solid var(--color-gold-400); }
.eb-stack__layer--3 { max-width: 88%; border-top: 3px solid var(--color-navy-600); }
.eb-stack__layer--4 { max-width: 82%; border-top: 3px solid var(--color-gold-300); }

.eb-stack__layer--2 .eb-stack__idx,
.eb-stack__layer--3 .eb-stack__idx,
.eb-stack__layer--4 .eb-stack__idx {
    background: var(--color-navy-800);
    color: var(--color-gold-300);
}

.eb-stack__layer--2 .eb-stack__layer-icon,
.eb-stack__layer--3 .eb-stack__layer-icon,
.eb-stack__layer--4 .eb-stack__layer-icon {
    background: var(--color-grey-50);
    color: var(--color-navy-700);
}

.eb-stack__layer--2 .eb-stack__layer-title,
.eb-stack__layer--3 .eb-stack__layer-title,
.eb-stack__layer--4 .eb-stack__layer-title {
    color: var(--color-navy-900);
}

.eb-stack__layer--2 .eb-stack__layer-text,
.eb-stack__layer--3 .eb-stack__layer-text,
.eb-stack__layer--4 .eb-stack__layer-text,
.eb-stack__layer--2 .eb-stack__layer-text p,
.eb-stack__layer--3 .eb-stack__layer-text p,
.eb-stack__layer--4 .eb-stack__layer-text p {
    color: var(--color-grey-700);
}

.eb-stack__board {
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 16px;
    padding: 1.15rem 1.15rem 0.35rem;
    box-shadow: var(--shadow-sm);
}

.eb-stack__board-caption {
    margin: 0 0 0.85rem;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--color-navy-800);
    text-align: left;
}

.eb-stack__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.eb-stack__table th,
.eb-stack__table td {
    text-align: left;
    padding: 0.9rem 1rem;
    vertical-align: top;
    border-bottom: 1px solid var(--color-grey-200);
}

.eb-stack__table thead th {
    font-size: 0.74rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 700;
}

.eb-stack__th--q {
    background: var(--color-grey-50);
    color: var(--color-navy-700);
    border-radius: 10px 0 0 0;
    width: 18%;
}

.eb-stack__th--stack {
    background: var(--color-navy-800);
    color: var(--color-white);
}

.eb-stack__th--product {
    background: var(--color-gold-500);
    color: var(--color-navy-900);
    border-radius: 0 10px 0 0;
}

.eb-stack__table tbody th {
    width: 18%;
    background: var(--color-grey-50);
    color: var(--color-navy-900);
    font-weight: 600;
}

.eb-stack__td--stack {
    background: rgba(11, 31, 64, 0.035);
}

.eb-stack__td--product {
    background: rgba(201, 162, 39, 0.08);
}

.eb-stack__table tbody tr:last-child th,
.eb-stack__table tbody tr:last-child td {
    border-bottom: 0;
}

.eb-stack__more {
    margin: 0.55rem 0 0;
}

.eb-stack__more a {
    font-weight: 600;
    color: var(--color-navy-700);
    text-underline-offset: 0.18em;
}

/* --- who_owns: three-party chain + employee as card-holder --- */
.inner-content--eb-owns {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.inner-content--eb-owns .eb-owns__intro {
    max-width: 44rem;
    margin: 0 0 1.45rem;
    padding: 1rem 1.15rem;
    background: var(--surface-navy-soft);
    border-radius: 12px;
    border: 1px solid var(--color-grey-200);
}

.inner-content--eb-owns .eb-owns__intro p {
    margin: 0;
}

.eb-owns__split {
    display: grid;
    grid-template-columns: 1.35fr 0.85fr;
    gap: 1.15rem;
    align-items: stretch;
    margin: 0 0 0.15rem;
}

.eb-owns__split--solo {
    grid-template-columns: 1fr;
}

.eb-owns__chain {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.eb-owns__chain::before {
    content: '';
    position: absolute;
    left: 1.35rem;
    top: 1.4rem;
    bottom: 1.4rem;
    width: 2px;
    background: linear-gradient(180deg, var(--color-gold-400) 0%, var(--color-navy-600) 100%);
    z-index: 0;
}

.eb-owns__party {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.9rem;
    align-items: start;
    padding: 1.05rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
    text-align: left;
}

.eb-owns__party--hr { border-left: 4px solid var(--color-navy-800); }
.eb-owns__party--broker { border-left: 4px solid var(--color-gold-400); }
.eb-owns__party--insurer { border-left: 4px solid var(--color-navy-600); }

.eb-owns__step {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.3rem;
    height: 2.3rem;
    border-radius: 999px;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    font-weight: 800;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    box-shadow: 0 0 0 4px var(--color-white);
}

.eb-owns__party-head {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.4rem;
}

.eb-owns__party-icon {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--color-grey-50);
    color: var(--color-navy-700);
}

.eb-owns__title {
    margin: 0;
    font-size: 1.08rem;
    color: var(--color-navy-900);
    text-align: left;
}

.eb-owns__text,
.eb-owns__text p {
    margin: 0;
    text-align: left;
}

.eb-owns__more {
    margin: 0.75rem 0 0;
}

.eb-owns__more a {
    font-weight: 600;
    color: var(--color-navy-700);
    text-underline-offset: 0.18em;
}

.eb-owns__member {
    padding: 1.3rem 1.25rem 1.35rem;
    background: var(--surface-warm);
    border: 1px solid #eadfc4;
    border-top: 4px solid var(--color-gold-400);
    border-radius: 16px;
    text-align: left;
    height: 100%;
    box-sizing: border-box;
}

.eb-owns__member-mark {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.75rem;
}

.eb-owns__member-icon {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.18);
    color: var(--color-navy-800);
}

.eb-owns__kicker {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-700);
}

.eb-owns__member-title {
    margin: 0 0 0.5rem;
    font-size: 1.2rem;
    color: var(--color-navy-900);
    text-align: left;
}

.eb-owns__member-text,
.eb-owns__member-text p {
    margin: 0;
    text-align: left;
}

.eb-owns__member .eb-owns__more a {
    color: var(--color-navy-800);
}

/* --- cohorts: visa floor map + three adjacent axes --- */
.inner-content--eb-cohorts {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--eb-cohorts::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 40% 34% at 92% 88%, rgba(201, 162, 39, 0.07) 0%, transparent 70%);
    pointer-events: none;
}

.eb-cohorts {
    position: relative;
    z-index: 1;
}

.inner-content--eb-cohorts .eb-cohorts__intro {
    position: relative;
    max-width: 46rem;
    margin: 0 0 1.4rem;
    padding: 1.1rem 1.2rem 1.1rem 1.15rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
    box-shadow: var(--shadow-sm);
}

.inner-content--eb-cohorts .eb-cohorts__intro p {
    margin: 0;
}

.eb-cohorts__floor {
    margin: 0 0 1.1rem;
    padding: 1.4rem 1.45rem 1.35rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 18px;
    box-shadow: var(--shadow-md);
    text-align: left;
}

.eb-cohorts__floor-mark {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.8rem;
}

.eb-cohorts__floor-icon {
    width: 2.55rem;
    height: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
}

.eb-cohorts__kicker {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.eb-cohorts__floor .eb-cohorts__kicker {
    color: var(--color-gold-300);
}

.eb-cohorts__floor-title {
    margin: 0 0 0.75rem;
    font-size: clamp(1.2rem, 2vw, 1.45rem);
    line-height: 1.25;
    color: var(--color-white);
    text-align: left;
}

.eb-cohorts__chips {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 0 0.9rem;
    padding: 0;
}

.eb-cohorts__chips li {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.75rem;
    border-radius: 999px;
    background: rgba(201, 162, 39, 0.16);
    border: 1px solid rgba(201, 162, 39, 0.35);
    color: var(--color-gold-300);
    font-size: 0.82rem;
    font-weight: 600;
}

.eb-cohorts__floor-text,
.eb-cohorts__floor-text p {
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    text-align: left;
    max-width: 46rem;
}

.eb-cohorts__floor-text a,
.eb-cohorts__floor .eb-cohorts__more a {
    color: var(--color-gold-300);
    font-weight: 600;
}

.eb-cohorts__axes {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.eb-cohorts__axis {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.15rem 1.15rem 1.2rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
    text-align: left;
    min-height: 100%;
}

.eb-cohorts__axis-mark {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.75rem;
}

.eb-cohorts__axis-icon {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.eb-cohorts__axis .eb-cohorts__kicker {
    color: var(--color-navy-600);
}

.eb-cohorts__axis--licence {
    border-top: 4px solid var(--color-gold-400);
}

.eb-cohorts__axis--licence .eb-cohorts__axis-icon {
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-navy-800);
}

.eb-cohorts__axis--grade {
    border-top: 4px solid var(--color-navy-700);
}

.eb-cohorts__axis--grade .eb-cohorts__axis-icon {
    background: var(--color-navy-800);
    color: var(--color-gold-300);
}

.eb-cohorts__axis--dependents,
.eb-cohorts__axis--axis {
    border-top: 4px solid var(--color-navy-500);
}

.eb-cohorts__axis--dependents .eb-cohorts__axis-icon,
.eb-cohorts__axis--axis .eb-cohorts__axis-icon {
    background: var(--color-grey-50);
    color: var(--color-navy-700);
}

.eb-cohorts__axis-title {
    margin: 0 0 0.4rem;
    font-size: 1.05rem;
    color: var(--color-navy-900);
    text-align: left;
}

.eb-cohorts__axis-text,
.eb-cohorts__axis-text p {
    margin: 0;
    text-align: left;
    flex: 1;
}

.eb-cohorts__more {
    margin: 0.85rem 0 0;
}

.eb-cohorts__more a,
.eb-cohorts__note a {
    font-weight: 600;
    color: var(--color-navy-700);
    text-underline-offset: 0.18em;
}

.eb-cohorts__axis .eb-cohorts__more {
    margin-top: auto;
    padding-top: 0.85rem;
}

/* --- between: year cycle, live year as the long middle --- */
.inner-content--eb-between {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.eb-between__lead {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.95rem;
    align-items: start;
    max-width: 52rem;
    margin: 0 0 1.5rem;
    padding: 1.1rem 1.2rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
    box-shadow: var(--shadow-sm);
}

.eb-between__lead-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
}

.inner-content--eb-between .eb-between__intro,
.inner-content--eb-between .eb-between__intro p {
    margin: 0;
}

.eb-between__cycle {
    list-style: none;
    margin: 0 0 0.2rem;
    padding: 0.55rem 0 0;
    display: grid;
    grid-template-columns: 1fr 1.4fr 1fr;
    gap: 0.9rem;
    position: relative;
}

.eb-between__cycle::before {
    content: '';
    position: absolute;
    top: 1.7rem;
    left: 12%;
    right: 12%;
    height: 2px;
    background: linear-gradient(90deg, var(--color-gold-400) 0%, var(--color-navy-600) 100%);
    z-index: 0;
}

.eb-between__beat {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.15rem 1.15rem 1.2rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 16px;
    text-align: left;
    min-height: 100%;
}

.eb-between__station {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.7rem;
}

.eb-between__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    font-weight: 800;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    box-shadow: 0 0 0 5px var(--color-white);
}

.eb-between__beat-icon {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--color-grey-50);
    color: var(--color-navy-700);
}

.eb-between__kicker {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.eb-between__title {
    margin: 0 0 0.45rem;
    font-size: 1.1rem;
    color: var(--color-navy-900);
    text-align: left;
}

.eb-between__text,
.eb-between__text p {
    margin: 0;
    text-align: left;
    flex: 1;
}

.eb-between__more {
    margin: 0.85rem 0 0;
}

.eb-between__more a,
.eb-between__note a {
    font-weight: 600;
    color: var(--color-navy-700);
    text-underline-offset: 0.18em;
}

.eb-between__beat--join {
    border-top: 4px solid var(--color-gold-400);
}

.eb-between__beat--live {
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    box-shadow: var(--shadow-md);
}

.eb-between__beat--live .eb-between__num {
    background: rgba(201, 162, 39, 0.18);
    color: var(--color-gold-300);
    box-shadow: 0 0 0 5px var(--color-navy-800);
}

.eb-between__beat--live .eb-between__beat-icon {
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
}

.eb-between__beat--live .eb-between__kicker {
    color: var(--color-gold-300);
}

.eb-between__beat--live .eb-between__title {
    color: var(--color-white);
}

.eb-between__beat--live .eb-between__text,
.eb-between__beat--live .eb-between__text p {
    color: rgba(255, 255, 255, 0.84);
}

.eb-between__beat--live .eb-between__more a {
    color: var(--color-gold-300);
}

.eb-between__beat--renew {
    border-top: 4px solid var(--color-navy-700);
}

/* --- further reading: featured product, mosaic, then cluster index --- */
.inner-content--eb-guides {
    background: var(--surface-navy-wash);
    position: relative;
}

.inner-content--eb-guides::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 46% 38% at 94% 6%, rgba(201, 162, 39, 0.07) 0%, transparent 70%);
    pointer-events: none;
}

.eb-guides {
    position: relative;
    z-index: 1;
}

.eb-guides__cluster {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.eb-guides__mid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.eb-guides__tile {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.85rem;
    align-items: start;
    padding: 1.05rem 1.1rem 1.1rem;
    text-decoration: none;
    color: inherit;
    border-radius: 14px;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.eb-guides__tile-mark {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
}

.eb-guides__icon {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.eb-guides__kind {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.eb-guides__title {
    display: block;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.eb-guides__desc {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-grey-600);
    text-align: left;
}

.eb-guides__arrow {
    color: var(--color-gold-500);
    margin-top: 0.35rem;
    transition: transform 0.2s ease;
}

.eb-guides__tile--feature {
    grid-template-columns: auto 1fr auto;
    padding: 1.35rem 1.4rem 1.3rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    box-shadow: var(--shadow-md);
    align-items: center;
}

.eb-guides__tile--feature .eb-guides__icon {
    width: 2.7rem;
    height: 2.7rem;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
}

.eb-guides__tile--feature .eb-guides__kind {
    color: var(--color-gold-300);
}

.eb-guides__tile--feature .eb-guides__title {
    color: var(--color-white);
    font-size: clamp(1.15rem, 2vw, 1.35rem);
}

.eb-guides__tile--feature .eb-guides__desc {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
}

.eb-guides__tile--feature .eb-guides__arrow {
    color: var(--color-gold-300);
    font-size: 1.25rem;
}

.eb-guides__tile--mid {
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    min-height: 100%;
}

.eb-guides__tile--mid .eb-guides__icon {
    background: var(--color-grey-50);
    color: var(--color-navy-700);
}

.eb-guides__tile--mid .eb-guides__kind {
    color: var(--color-navy-600);
}

.eb-guides__tile--index {
    background: var(--surface-warm);
    border: 1px solid #eadfc4;
    border-left: 4px solid var(--color-gold-400);
    align-items: center;
}

.eb-guides__tile--index .eb-guides__icon {
    background: rgba(201, 162, 39, 0.18);
    color: var(--color-navy-800);
}

.eb-guides__tile--index .eb-guides__kind {
    color: var(--color-navy-700);
}

.eb-guides__tile:hover,
.eb-guides__tile:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.eb-guides__tile:hover .eb-guides__arrow,
.eb-guides__tile:focus-visible .eb-guides__arrow {
    transform: translateX(4px);
}

/* --- sources: official duty register + licensing closer --- */
.inner-content--eb-sources {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.eb-sources__register {
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.inner-content--eb-sources .eb-sources__intro {
    margin: 0;
    padding: 1.15rem 1.25rem 1.1rem;
    background: var(--color-grey-50);
    border-bottom: 1px solid var(--color-grey-200);
    max-width: none;
}

.inner-content--eb-sources .eb-sources__intro p {
    margin: 0;
    max-width: 46rem;
}

.eb-sources__duty {
    list-style: none;
    margin: 0;
    padding: 0;
}

.eb-sources__cite {
    display: grid;
    grid-template-columns: 2.4rem minmax(8rem, 12rem) 1fr auto;
    gap: 0.75rem 1rem;
    align-items: start;
    padding: 1.05rem 1.25rem;
    border-bottom: 1px solid var(--color-grey-200);
    text-decoration: none;
    color: inherit;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.eb-sources__duty li:last-child .eb-sources__cite {
    border-bottom: 0;
}

.eb-sources__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 8px;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    font-weight: 800;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
}

.eb-sources__host {
    display: block;
    margin-top: 0.4rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--color-navy-600);
    word-break: break-word;
}

.eb-sources__cite .eb-sources__host {
    margin-top: 0.15rem;
}

.eb-sources__title {
    display: block;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.eb-sources__desc {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-grey-600);
    text-align: left;
}

.eb-sources__ext {
    color: var(--color-navy-500);
    margin-top: 0.2rem;
}

.eb-sources__cite:hover,
.eb-sources__cite:focus-visible {
    background: var(--color-grey-50);
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
    position: relative;
    z-index: 1;
}

.eb-sources__licence {
    display: grid;
    grid-template-columns: minmax(9rem, 13rem) 1fr auto;
    gap: 0.85rem 1.1rem;
    align-items: start;
    padding: 1.2rem 1.25rem 1.25rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    text-decoration: none;
    color: inherit;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.eb-sources__licence-mark {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.eb-sources__kicker {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.eb-sources__licence .eb-sources__host {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
}

.eb-sources__licence .eb-sources__title {
    color: var(--color-white);
}

.eb-sources__licence .eb-sources__desc {
    color: rgba(255, 255, 255, 0.8);
}

.eb-sources__licence .eb-sources__ext {
    color: var(--color-gold-300);
}

.eb-sources__licence:hover,
.eb-sources__licence:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

@media (max-width: 860px) {
    .eb-owns__split,
    .eb-cohorts__axes,
    .eb-between__cycle,
    .eb-what__side {
        grid-template-columns: 1fr;
    }

    .eb-between__cycle {
        padding-top: 0;
    }

    .eb-between__cycle::before {
        display: none;
    }

    .eb-between__beat:not(:last-child)::after {
        content: '';
        position: absolute;
        left: 1.2rem;
        bottom: -0.7rem;
        width: 2px;
        height: 0.7rem;
        background: var(--color-gold-400);
        z-index: 0;
    }

    .eb-stack__layer {
        grid-template-columns: auto 1fr;
        max-width: 100% !important;
    }

    .eb-stack__layer-icon {
        display: none;
    }

    .eb-stack__table thead {
        display: none;
    }

    .eb-stack__table,
    .eb-stack__table tbody,
    .eb-stack__table tr,
    .eb-stack__table th,
    .eb-stack__table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .eb-stack__table tbody tr {
        margin: 0 0 0.85rem;
        border: 1px solid var(--color-grey-200);
        border-radius: 12px;
        overflow: hidden;
        background: var(--color-white);
    }

    .eb-stack__table tbody th,
    .eb-stack__table tbody td {
        width: 100%;
        border-bottom: 1px solid var(--color-grey-200);
    }

    .eb-stack__table tbody tr:last-child th,
    .eb-stack__table tbody tr:last-child td {
        border-bottom: 1px solid var(--color-grey-200);
    }

    .eb-stack__table tbody td:last-child {
        border-bottom: 0;
    }

    .eb-stack__table td::before {
        content: attr(data-col);
        display: block;
        margin-bottom: 0.35rem;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--color-navy-600);
        text-align: left;
    }

    .eb-what__duel {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .eb-what__phrase--stack,
    .eb-what__phrase--product {
        border-radius: 16px;
    }

    .eb-what__vs {
        width: auto;
        margin: -0.85rem auto;
        justify-self: center;
    }

    .eb-what__vs span {
        box-shadow: 0 0 0 6px var(--color-grey-50), var(--shadow-gold);
    }

    .eb-guides__mid {
        grid-template-columns: 1fr;
    }

    .eb-guides__tile--feature,
    .eb-guides__tile--index {
        grid-template-columns: auto 1fr;
    }

    .eb-guides__tile--feature .eb-guides__arrow,
    .eb-guides__tile--index .eb-guides__arrow {
        display: none;
    }

    .eb-sources__cite,
    .eb-sources__licence {
        grid-template-columns: auto 1fr;
    }

    .eb-sources__cite .eb-sources__ext,
    .eb-sources__licence .eb-sources__ext {
        display: none;
    }

    .eb-sources__cite .eb-sources__host {
        grid-column: 2;
        margin-top: 0;
    }

    .eb-sources__cite .eb-sources__copy {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .eb-guides__tile,
    .eb-sources__cite,
    .eb-sources__licence,
    .eb-guides__arrow {
        transition: none;
    }

    .eb-guides__tile:hover,
    .eb-guides__tile:focus-visible,
    .eb-sources__cite:hover,
    .eb-sources__cite:focus-visible,
    .eb-sources__licence:hover,
    .eb-sources__licence:focus-visible {
        transform: none;
    }
}

/* ==========================================================================
   Lapse & grace pillar — unique .lp-* surfaces
   ========================================================================== */

.page-pillar.page-uae-health-insurance-lapse-and-grace-period .inner-content--lp-grace .section__header,
.page-pillar.page-uae-health-insurance-lapse-and-grace-period .inner-content--lp-day .section__header,
.page-pillar.page-uae-health-insurance-lapse-and-grace-period .inner-content--lp-duty .section__header,
.page-pillar.page-uae-health-insurance-lapse-and-grace-period .inner-content--lp-visa .section__header,
.page-pillar.page-uae-health-insurance-lapse-and-grace-period .inner-content--lp-fine .section__header,
.page-pillar.page-uae-health-insurance-lapse-and-grace-period .inner-content--lp-wait .section__header,
.page-pillar.page-uae-health-insurance-lapse-and-grace-period .inner-content--lp-ten .section__header,
.page-pillar.page-uae-health-insurance-lapse-and-grace-period .inner-content--lp-read .section__header,
.page-pillar.page-uae-health-insurance-lapse-and-grace-period .inner-content--lp-cite .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--lp-grace {
    background: var(--surface-warm-wash);
}

.lp-grace__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.lp-grace__header .section__title,
.lp-grace__header .section__subtitle {
    max-width: 40rem;
    margin-inline: 0;
}

.lp-grace__docket {
    display: grid;
    grid-template-columns: 10.25rem 1fr;
    margin: 0 0 1.35rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.lp-grace__stub {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 1.2rem 1.05rem 1.15rem;
    background:
        radial-gradient(circle at right 10px, var(--surface-warm) 5.5px, transparent 6px) 100% 0.7rem / 11px 18px repeat-y,
        linear-gradient(180deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border-right: 1px dashed rgba(201, 162, 39, 0.45);
    color: var(--color-white);
    text-align: left;
}

.lp-grace__answer {
    display: block;
    font-family: var(--font-heading);
    font-size: clamp(2.4rem, 5vw, 3.4rem);
    font-weight: 800;
    line-height: 0.9;
    letter-spacing: -0.04em;
    color: var(--color-gold-300);
}

.lp-grace__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-grace__stub .lp-grace__kicker {
    color: rgba(255, 255, 255, 0.68);
    max-width: 8.2rem;
    line-height: 1.35;
}

.lp-grace__sheet {
    padding: 1.2rem 1.3rem 1.25rem;
    text-align: left;
}

.lp-grace__sheet,
.lp-grace__sheet p {
    margin: 0;
    color: var(--color-grey-700);
}

.lp-grace__mistaken,
.lp-grace__mistaken p {
    max-width: 40rem;
    margin: 0 0 0.7rem;
    font-weight: 700;
    color: var(--color-navy-800);
    text-align: left;
}

.lp-grace__facade {
    position: relative;
    padding: 0.85rem 0.75rem 0.75rem;
    background: linear-gradient(180deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 16px;
}

.lp-grace__transom {
    display: block;
    height: 4px;
    margin: 0 0.2rem 0.75rem;
    background: linear-gradient(90deg, var(--color-gold-500) 0%, var(--color-gold-300) 50%, var(--color-gold-500) 100%);
    border-radius: 2px;
}

.lp-grace__windows {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.65rem;
}

.lp-grace__pane {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-height: 100%;
    padding: 1rem 1.05rem 1.05rem;
    background: var(--color-white);
    border-radius: 4px 4px 12px 12px;
    overflow: hidden;
    text-align: left;
}

.lp-grace__pane::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        transparent 46%,
        rgba(201, 162, 39, 0.22) 46.5%,
        rgba(201, 162, 39, 0.22) 53.5%,
        transparent 54%
    );
    pointer-events: none;
}

.lp-grace__pane-head {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    position: relative;
    z-index: 1;
}

.lp-grace__icon {
    width: 2.15rem;
    height: 2.15rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    border-radius: 8px;
}

.lp-grace__pane-titles {
    min-width: 0;
}

.lp-grace__pane .lp-grace__kicker {
    color: var(--color-navy-600);
    margin-bottom: 0.2rem;
}

.lp-grace__title {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.lp-grace__text,
.lp-grace__text p {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-grey-600);
    text-align: left;
}

.lp-grace__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 0.9rem;
    padding: 1rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
}

.lp-grace__note > i {
    color: var(--color-navy-700);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.lp-grace__note .inner-content__body,
.lp-grace__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

@media (max-width: 900px) {
    .lp-grace__docket {
        grid-template-columns: 1fr;
    }

    .lp-grace__stub {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        border-right: 0;
        border-bottom: 1px dashed rgba(201, 162, 39, 0.45);
        background:
            radial-gradient(circle at 10px bottom, var(--surface-warm) 5.5px, transparent 6px) 0.7rem 100% / 18px 11px repeat-x,
            linear-gradient(180deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    }

    .lp-grace__stub .lp-grace__kicker {
        max-width: 12rem;
        text-align: right;
    }

    .lp-grace__windows {
        grid-template-columns: 1fr;
    }
}

/* --- what_happens: expiry timestamp board + split change / first-move slips --- */
.inner-content--lp-day {
    background: var(--surface-navy-wash);
}

.lp-day__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.lp-day__header .section__title,
.lp-day__header .section__subtitle {
    max-width: 40rem;
    margin-inline: 0;
}

.lp-day__intro,
.lp-day__intro p {
    max-width: 46rem;
    margin: 0 0 1.1rem;
    text-align: left;
}

.lp-day__board {
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.lp-day__stamp {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    padding: 0.95rem 1.15rem;
    background: linear-gradient(90deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    color: var(--color-white);
    text-align: left;
}

.lp-day__stamp-icon {
    width: 2.15rem;
    height: 2.15rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    border-radius: 8px;
}

.lp-day__stamp-text {
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.4;
}

.lp-day__log {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    display: block;
}

.lp-day__log tbody {
    display: block;
    padding: 0.75rem;
}

.lp-day__slip {
    display: grid;
    grid-template-columns: 10.5rem 1fr 1fr;
    align-items: stretch;
    margin: 0 0 0.75rem;
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
    overflow: hidden;
}

.lp-day__slip:last-child {
    margin-bottom: 0;
}

.lp-day__slip > th,
.lp-day__slip > td {
    display: block;
    text-align: left;
    vertical-align: top;
}

.lp-day__slip > th {
    padding: 1rem 1rem 1.05rem;
    background: var(--color-navy-800);
    color: var(--color-white);
}

.lp-day__icon {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.55rem;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    border-radius: 8px;
}

.lp-day__area {
    display: block;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.3;
}

.lp-day__cell {
    padding: 1rem 1.05rem 1.05rem;
}

.lp-day__cell--change {
    background: var(--color-grey-50);
    border-right: 2px dashed var(--color-gold-500);
}

.lp-day__cell--first {
    background: var(--surface-warm);
}

.lp-day__col {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.lp-day__text,
.lp-day__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-grey-700);
    text-align: left;
}

.lp-day__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 0.9rem;
    padding: 1rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
}

.lp-day__note > i {
    color: var(--color-navy-700);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.lp-day__note .inner-content__body,
.lp-day__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

@media (max-width: 900px) {
    .lp-day__slip {
        grid-template-columns: 1fr;
    }

    .lp-day__slip > th {
        display: flex;
        align-items: center;
        gap: 0.7rem;
    }

    .lp-day__icon {
        margin-bottom: 0;
    }

    .lp-day__cell--change {
        border-right: 0;
        border-bottom: 2px dashed var(--color-gold-500);
    }
}

/* --- employer: cream ruling + duty tags on a live sponsorship cord --- */
.inner-content--lp-duty {
    background: var(--surface-muted-wash);
}

.lp-duty__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.lp-duty__header .section__title,
.lp-duty__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.lp-duty__ruling {
    margin: 0 0 1.35rem;
    padding: 1.25rem 1.3rem 1.3rem 1.4rem;
    background: var(--surface-warm);
    border: 1px solid rgba(201, 162, 39, 0.28);
    border-left: 5px solid var(--color-gold-500);
    border-radius: 4px 14px 14px 4px;
    text-align: left;
}

.lp-duty__yes {
    margin: 0 0 0.45rem;
    font-family: var(--font-heading);
    font-size: clamp(1.85rem, 3.2vw, 2.35rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.03em;
    color: var(--color-navy-800);
}

.lp-duty__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.lp-duty__ruling .lp-duty__kicker {
    margin-bottom: 0.7rem;
    color: var(--color-navy-700);
}

.lp-duty__ruling-body,
.lp-duty__ruling-body p {
    margin: 0;
    color: var(--color-grey-700);
    text-align: left;
}

.lp-duty__cord {
    list-style: none;
    margin: 0;
    padding: 0.15rem 0 0.15rem 0;
    position: relative;
}

.lp-duty__cord::before {
    content: '';
    position: absolute;
    left: 1.05rem;
    top: 0.4rem;
    bottom: 0.4rem;
    width: 3px;
    background: linear-gradient(180deg, var(--color-gold-500) 0%, var(--color-gold-400) 100%);
    border-radius: 2px;
}

.lp-duty__tag {
    position: relative;
    margin: 0 0 0.75rem 2.35rem;
    padding: 1rem 1.1rem 1.05rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-left: 8px solid var(--color-navy-800);
    border-radius: 0 12px 12px 0;
    text-align: left;
}

.lp-duty__tag:last-child {
    margin-bottom: 0;
}

.lp-duty__tag::before {
    content: '';
    position: absolute;
    left: -1.4rem;
    top: 1.45rem;
    width: 1.15rem;
    height: 3px;
    background: var(--color-gold-500);
}

.lp-duty__tag-head {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.45rem;
}

.lp-duty__icon {
    width: 2.1rem;
    height: 2.1rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    border-radius: 8px;
}

.lp-duty__tag-titles {
    min-width: 0;
}

.lp-duty__tag .lp-duty__kicker {
    margin-bottom: 0.2rem;
}

.lp-duty__title {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.lp-duty__text,
.lp-duty__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-grey-600);
    text-align: left;
}

.lp-duty__file {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-top: 1rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lp-duty__file-copy {
    flex: 1;
    min-width: 0;
}

.lp-duty__file .lp-duty__kicker {
    margin-bottom: 0.15rem;
}

.lp-duty__file .lp-duty__title {
    display: block;
}

.lp-duty__ext {
    color: var(--color-gold-500);
    flex-shrink: 0;
}

.lp-duty__file:hover,
.lp-duty__file:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.lp-duty__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
}

.lp-duty__note > i {
    color: var(--color-navy-700);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.lp-duty__note .inner-content__body,
.lp-duty__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

@media (max-width: 640px) {
    .lp-duty__cord::before {
        left: 0.85rem;
    }

    .lp-duty__tag {
        margin-left: 1.9rem;
        padding: 0.95rem 0.95rem 1rem;
    }

    .lp-duty__tag::before {
        left: -1.15rem;
        width: 0.95rem;
    }
}

/* --- visa: electronic lookup kiosk, closed shutter, ID-chip checks --- */
.inner-content--lp-visa {
    background: var(--color-grey-50);
}

.lp-visa__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.lp-visa__header .section__title,
.lp-visa__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.lp-visa__kiosk {
    margin: 0 0 1.15rem;
    padding: 1.2rem 1.3rem 0;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 18px;
    overflow: hidden;
    text-align: left;
}

.lp-visa__leds {
    display: flex;
    gap: 0.35rem;
    margin-bottom: 0.85rem;
}

.lp-visa__leds span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-gold-400);
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.16);
}

.lp-visa__kicker {
    display: block;
    margin: 0 0 0.45rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.lp-visa__kiosk .lp-visa__kicker {
    color: var(--color-gold-300);
}

.lp-visa__screen,
.lp-visa__screen p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    text-align: left;
}

.lp-visa__wait {
    margin: 0.85rem 0 0;
    padding-top: 0.8rem;
    border-top: 1px dashed rgba(201, 162, 39, 0.35);
    font-weight: 700;
    color: var(--color-white);
    text-align: left;
}

.lp-visa__shutter {
    display: block;
    height: 22px;
    margin: 1.15rem -1.3rem 0;
    background: repeating-linear-gradient(
        180deg,
        var(--color-navy-900) 0 5px,
        rgba(201, 162, 39, 0.28) 5px 7px
    );
}

.lp-visa__tray {
    position: relative;
    padding: 1.05rem 0.8rem 0.8rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 16px;
}

.lp-visa__chips {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.65rem;
}

.lp-visa__chip {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 100%;
    padding: 1.35rem 0.9rem 0.95rem;
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
    text-align: left;
}

.lp-visa__emv {
    position: absolute;
    top: 0.65rem;
    right: 0.7rem;
    width: 1.55rem;
    height: 1.1rem;
    border-radius: 3px;
    background:
        linear-gradient(135deg, var(--color-gold-400) 0%, var(--color-gold-500) 55%, var(--color-gold-300) 100%);
    box-shadow: inset 0 0 0 1px rgba(7, 21, 37, 0.12);
}

.lp-visa__chip-head {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}

.lp-visa__icon {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    border-radius: 8px;
}

.lp-visa__chip-titles {
    min-width: 0;
}

.lp-visa__chip .lp-visa__kicker {
    margin-bottom: 0.2rem;
    color: var(--color-navy-600);
}

.lp-visa__title {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.lp-visa__text,
.lp-visa__text p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: var(--color-grey-600);
    text-align: left;
}

.lp-visa__related {
    margin-top: 1rem;
}

.lp-visa__related > .lp-visa__kicker {
    margin-bottom: 0.5rem;
}

.lp-visa__rels {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
}

.lp-visa__rel {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 100%;
    padding: 0.95rem 1.05rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-top: 3px solid var(--color-gold-500);
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lp-visa__rel-copy {
    flex: 1;
    min-width: 0;
    font-weight: 700;
    color: var(--color-navy-900);
}

.lp-visa__ext {
    color: var(--color-gold-500);
    flex-shrink: 0;
}

.lp-visa__rel:hover,
.lp-visa__rel:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.lp-visa__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
}

.lp-visa__note > i {
    color: var(--color-navy-700);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.lp-visa__note .inner-content__body,
.lp-visa__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

@media (max-width: 1024px) {
    .lp-visa__chips {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .lp-visa__chips,
    .lp-visa__rels {
        grid-template-columns: 1fr;
    }
}

/* --- fine: reported cheque well + three “separate from” ledgers --- */
.inner-content--lp-fine {
    background: linear-gradient(180deg, #faf8f2 0%, var(--color-grey-50) 100%);
}

.lp-fine__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.lp-fine__header .section__title,
.lp-fine__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.lp-fine__bill {
    display: grid;
    grid-template-columns: 13.5rem 1fr;
    gap: 0.85rem;
    align-items: stretch;
    margin: 0 0 1.15rem;
    padding: 0.75rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
}

.lp-fine__denom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.45rem;
    padding: 1.1rem 1rem 1rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border-radius: 12px;
    box-shadow: inset 0 0 0 2px var(--color-gold-500);
    text-align: left;
}

.lp-fine__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.lp-fine__denom .lp-fine__kicker {
    color: var(--color-gold-300);
}

.lp-fine__kicker--accrue {
    margin-top: 0.35rem;
}

.lp-fine__amount {
    display: block;
    font-family: var(--font-heading);
    font-size: clamp(1.7rem, 3vw, 2.15rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
    color: var(--color-white);
}

.lp-fine__unit {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.72);
}

.lp-fine__copy {
    padding: 0.55rem 0.7rem 0.55rem 0.25rem;
    text-align: left;
}

.lp-fine__copy,
.lp-fine__copy p {
    margin: 0;
    color: var(--color-grey-700);
}

.lp-fine__apart {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.lp-fine__col {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 1rem 1.05rem 1.05rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
    text-align: left;
}

.lp-fine__rule {
    display: block;
    height: 3px;
    width: 2.4rem;
    background: var(--color-gold-500);
    border-radius: 2px;
}

.lp-fine__col-head {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
}

.lp-fine__icon {
    width: 2.1rem;
    height: 2.1rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    border-radius: 8px;
}

.lp-fine__col-titles {
    min-width: 0;
}

.lp-fine__col .lp-fine__kicker {
    margin-bottom: 0.2rem;
}

.lp-fine__title {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.lp-fine__text,
.lp-fine__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-grey-600);
    text-align: left;
}

.lp-fine__caution {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.1rem;
    background: var(--color-white);
    border: 1px dashed var(--color-gold-500);
    border-radius: 12px;
}

.lp-fine__caution > i {
    color: var(--color-navy-700);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.lp-fine__caution .inner-content__body,
.lp-fine__caution .inner-content__body p {
    margin: 0;
    text-align: left;
}

.lp-fine__guide {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-top: 0.75rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-left: 4px solid var(--color-gold-500);
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lp-fine__guide-copy {
    flex: 1;
    min-width: 0;
}

.lp-fine__guide .lp-fine__kicker {
    margin-bottom: 0.15rem;
}

.lp-fine__guide .lp-fine__title {
    display: block;
}

.lp-fine__guide .lp-fine__text {
    display: block;
    margin-top: 0.2rem;
}

.lp-fine__ext {
    color: var(--color-gold-500);
    flex-shrink: 0;
}

.lp-fine__guide:hover,
.lp-fine__guide:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

@media (max-width: 900px) {
    .lp-fine__bill {
        grid-template-columns: 1fr;
    }

    .lp-fine__apart {
        grid-template-columns: 1fr;
    }

    .lp-fine__denom {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: space-between;
        gap: 0.5rem 1rem;
    }

    .lp-fine__kicker--accrue {
        margin-top: 0;
        width: 100%;
    }
}

/* --- continuity: framed certificate with four sign-here asks --- */
.inner-content--lp-wait {
    background: var(--surface-navy-soft);
}

.lp-wait__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.lp-wait__header .section__title,
.lp-wait__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.lp-wait__cert {
    position: relative;
    padding: 1.45rem 1.4rem 1.2rem;
    background: #fbfaf6;
    border: 1px solid rgba(201, 162, 39, 0.35);
    box-shadow: inset 0 0 0 4px rgba(201, 162, 39, 0.18);
    border-radius: 6px;
}

.lp-wait__corner {
    position: absolute;
    width: 1.15rem;
    height: 1.15rem;
    border: 2px solid var(--color-gold-500);
    pointer-events: none;
}

.lp-wait__corner--tl {
    top: 0.55rem;
    left: 0.55rem;
    border-right: 0;
    border-bottom: 0;
}

.lp-wait__corner--tr {
    top: 0.55rem;
    right: 0.55rem;
    border-left: 0;
    border-bottom: 0;
}

.lp-wait__corner--bl {
    bottom: 0.55rem;
    left: 0.55rem;
    border-right: 0;
    border-top: 0;
}

.lp-wait__corner--br {
    bottom: 0.55rem;
    right: 0.55rem;
    border-left: 0;
    border-top: 0;
}

.lp-wait__lead {
    margin: 0 0.4rem 1.05rem;
    padding: 0 0 1rem;
    border-bottom: 1px solid rgba(201, 162, 39, 0.28);
}

.lp-wait__kicker {
    display: block;
    margin: 0 0 0.4rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.lp-wait__intro,
.lp-wait__intro p {
    margin: 0;
    color: var(--color-grey-700);
    text-align: left;
}

.lp-wait__asks {
    list-style: none;
    margin: 0 0.15rem;
    padding: 0;
}

.lp-wait__ask {
    display: grid;
    grid-template-columns: 1.65rem 1fr;
    gap: 0.85rem;
    align-items: start;
    margin: 0;
    padding: 0.85rem 0.2rem;
    border-bottom: 1px dashed rgba(20, 54, 96, 0.18);
}

.lp-wait__ask:last-child {
    border-bottom: 0;
    padding-bottom: 0.2rem;
}

.lp-wait__mark {
    width: 1.55rem;
    height: 1.55rem;
    margin-top: 0.15rem;
    border: 2px solid var(--color-gold-500);
    border-radius: 3px;
    background: var(--color-white);
    box-shadow: inset 0.2rem 0.2rem 0 0 rgba(201, 162, 39, 0.18);
}

.lp-wait__ask-body {
    min-width: 0;
    text-align: left;
}

.lp-wait__title {
    margin: 0 0 0.25rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.lp-wait__text,
.lp-wait__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-grey-600);
    text-align: left;
}

.lp-wait__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin: 0.9rem 0.15rem 0;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(201, 162, 39, 0.28);
}

.lp-wait__note > i {
    color: var(--color-navy-700);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.lp-wait__note .inner-content__body,
.lp-wait__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

@media (max-width: 640px) {
    .lp-wait__cert {
        padding: 1.25rem 1rem 1rem;
    }

    .lp-wait__lead,
    .lp-wait__asks {
        margin-inline: 0.1rem;
    }
}

/* --- checklist: 10-day countdown pad counted backwards from expiry --- */
.inner-content--lp-ten {
    background: var(--surface-muted-wash);
}

.lp-ten__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.lp-ten__header .section__title,
.lp-ten__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.lp-ten__intro,
.lp-ten__intro p {
    max-width: 46rem;
    margin: 0 0 1.1rem;
    text-align: left;
}

.lp-ten__pad {
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.lp-ten__bind {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0;
    padding: 0.85rem 1.1rem 0.9rem;
    background:
        radial-gradient(circle at 22px 14px, var(--surface-muted) 5.5px, transparent 6px) 0 0 / 36px 28px repeat-x,
        linear-gradient(90deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    color: var(--color-white);
    text-align: left;
}

.lp-ten__bind-icon {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(201, 162, 39, 0.16);
    color: var(--color-gold-300);
    border-radius: 8px;
}

.lp-ten__kicker {
    display: block;
    margin: 0;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.lp-ten__bind .lp-ten__kicker {
    color: var(--color-gold-300);
}

.lp-ten__days {
    list-style: none;
    margin: 0;
    padding: 0.75rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.65rem;
}

.lp-ten__day {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-height: 100%;
    padding: 0;
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
    overflow: hidden;
    text-align: left;
}

.lp-ten__num {
    display: block;
    padding: 0.45rem 0.75rem;
    background: var(--color-navy-800);
    font-family: var(--font-heading);
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.03em;
    color: var(--color-gold-300);
}

.lp-ten__title {
    margin: 0;
    padding: 0.15rem 0.75rem 0;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.lp-ten__text,
.lp-ten__text p {
    margin: 0;
    padding: 0 0.75rem 0.85rem;
    font-size: 0.84rem;
    line-height: 1.5;
    color: var(--color-grey-600);
    text-align: left;
}

.lp-ten__day--last {
    background: var(--surface-warm);
    border-color: rgba(201, 162, 39, 0.4);
}

.lp-ten__day--last .lp-ten__num {
    background: var(--color-navy-900);
}

.lp-ten__bound {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
}

.lp-ten__bound > i {
    color: var(--color-navy-700);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.lp-ten__bound-copy {
    min-width: 0;
}

.lp-ten__bound .lp-ten__kicker {
    margin-bottom: 0.3rem;
}

.lp-ten__bound .inner-content__body,
.lp-ten__bound .inner-content__body p {
    margin: 0;
    text-align: left;
}

@media (max-width: 1100px) {
    .lp-ten__days {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .lp-ten__days {
        grid-template-columns: 1fr;
    }

    .lp-ten__day {
        display: grid;
        grid-template-columns: 3.4rem 1fr;
        grid-template-rows: auto auto;
        align-items: start;
    }

    .lp-ten__num {
        grid-row: 1 / span 2;
        height: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: 0.7rem;
    }

    .lp-ten__title {
        padding-top: 0.7rem;
    }
}

/* --- further_reading: Keep Reading rod with hanging bookmark tabs --- */
.inner-content--lp-read {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.lp-read__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.lp-read__header .section__title,
.lp-read__header .section__subtitle {
    max-width: 40rem;
    margin-inline: 0;
}

.lp-read__intro,
.lp-read__intro p {
    max-width: 46rem;
    margin: 0 0 1.1rem;
    text-align: left;
}

.lp-read__rack {
    position: relative;
}

.lp-read__rod {
    display: flex;
    align-items: center;
    margin: 0 0.15rem;
    padding: 0.55rem 1rem;
    background: linear-gradient(90deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border-radius: 999px;
    box-shadow: 0 4px 0 var(--color-gold-500);
}

.lp-read__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.lp-read__rod .lp-read__kicker {
    color: var(--color-gold-300);
}

.lp-read__tabs {
    list-style: none;
    margin: 0.35rem 0 0;
    padding: 0 0.2rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.55rem;
}

.lp-read__tabs > li {
    min-width: 0;
    display: flex;
}

.lp-read__tab {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    width: 100%;
    padding: 0 0.9rem 0.95rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-top: 0;
    border-radius: 0 0 14px 14px;
    text-decoration: none;
    color: inherit;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lp-read__fold {
    display: block;
    width: calc(100% + 1.8rem);
    height: 8px;
    margin: 0 -0.9rem 0.75rem;
    background: linear-gradient(180deg, var(--color-gold-500) 0%, var(--color-gold-400) 100%);
}

.lp-read__icon {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    border-radius: 8px;
}

.lp-read__tab .lp-read__kicker {
    margin-top: 0.15rem;
}

.lp-read__title {
    display: block;
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.35;
    color: var(--color-navy-900);
    text-align: left;
}

.lp-read__desc {
    display: block;
    font-size: 0.84rem;
    color: var(--color-grey-600);
}

.lp-read__ext {
    margin-top: auto;
    padding-top: 0.35rem;
    color: var(--color-gold-500);
}

.lp-read__tab:hover,
.lp-read__tab:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.lp-read__note {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
}

.lp-read__note > i {
    color: var(--color-navy-700);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.lp-read__note .inner-content__body,
.lp-read__note .inner-content__body p {
    margin: 0;
    text-align: left;
}

@media (max-width: 1100px) {
    .lp-read__tabs {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .lp-read__tabs {
        grid-template-columns: 1fr;
    }

    .lp-read__tab {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        border-radius: 0 0 12px 12px;
        gap: 0.5rem 0.75rem;
        padding-bottom: 0.85rem;
    }

    .lp-read__fold {
        width: calc(100% + 1.8rem);
        margin-bottom: 0.15rem;
    }

    .lp-read__title {
        flex: 1;
        min-width: 8rem;
    }

    .lp-read__ext {
        margin-top: 0;
        padding-top: 0;
        margin-left: auto;
    }
}

/* --- sources: verify blotter + federal / emirate cabinets, host bar at the foot --- */
.inner-content--lp-cite {
    background: var(--surface-navy-wash);
}

.lp-cite__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.lp-cite__header .section__title,
.lp-cite__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.lp-cite__blotter {
    margin: 0 0 1.2rem;
    padding: 1.15rem 1.2rem 1.2rem;
    background:
        repeating-linear-gradient(
            180deg,
            transparent 0 1.55rem,
            rgba(20, 54, 96, 0.05) 1.55rem 1.6rem
        ),
        var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-left: 4px solid var(--color-navy-800);
    border-radius: 4px 12px 12px 4px;
    text-align: left;
}

.lp-cite__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.lp-cite__blotter .lp-cite__kicker {
    margin-bottom: 0.45rem;
    color: var(--color-navy-700);
}

.lp-cite__intro,
.lp-cite__intro p {
    margin: 0;
    color: var(--color-grey-700);
    text-align: left;
}

.lp-cite__cabinet {
    margin: 0 0 1.1rem;
}

.lp-cite__cabinet-title {
    margin: 0 0 0.65rem;
    padding: 0.4rem 0.75rem;
    display: inline-block;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 4px;
    text-align: left;
}

.lp-cite__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.7rem;
}

.lp-cite__cite {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    height: 100%;
    padding: 0;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lp-cite__head {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.85rem 0.95rem 0;
}

.lp-cite__icon {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    border-radius: 8px;
}

.lp-cite__title {
    display: block;
    padding: 0 0.95rem;
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.35;
    color: var(--color-navy-900);
    text-align: left;
}

.lp-cite__desc {
    display: block;
    flex: 1;
    padding: 0 0.95rem 0.35rem;
    font-size: 0.84rem;
    line-height: 1.5;
    color: var(--color-grey-600);
}

.lp-cite__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    width: 100%;
    margin-top: auto;
    padding: 0.55rem 0.95rem;
    background: var(--color-navy-900);
}

.lp-cite__host {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--color-gold-300);
    word-break: break-all;
}

.lp-cite__ext {
    color: var(--color-gold-400);
    flex-shrink: 0;
}

.lp-cite__cite:hover,
.lp-cite__cite:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.lp-cite__foot {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 0.25rem;
    padding: 1rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
}

.lp-cite__foot > i {
    color: var(--color-navy-700);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.lp-cite__foot .inner-content__body,
.lp-cite__foot .inner-content__body p {
    margin: 0;
    text-align: left;
}

@media (max-width: 900px) {
    .lp-cite__grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lp-duty__file,
    .lp-visa__rel,
    .lp-fine__guide,
    .lp-read__tab,
    .lp-cite__cite {
        transition: none;
    }

    .lp-duty__file:hover,
    .lp-duty__file:focus-visible,
    .lp-visa__rel:hover,
    .lp-visa__rel:focus-visible,
    .lp-fine__guide:hover,
    .lp-fine__guide:focus-visible,
    .lp-read__tab:hover,
    .lp-read__tab:focus-visible,
    .lp-cite__cite:hover,
    .lp-cite__cite:focus-visible {
        transform: none;
    }
}

/* ==========================================================================
   Broker vs adviser pillar — unique .ba-* surfaces
   ========================================================================== */

.page-pillar.page-insurance-broker-vs-adviser-uae .inner-content--ba-reg .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ba-reg {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-50) 100%);
}

.inner-content--ba-reg p,
.inner-content--ba-reg li,
.inner-content--ba-reg .inner-content__body {
    text-align: left;
}

.ba-reg__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ba-reg__header .section__title,
.ba-reg__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ba-reg__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.ba-reg__icon {
    width: 2.2rem;
    height: 2.2rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    border-radius: 8px;
}

.ba-reg__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.ba-reg__text,
.ba-reg__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-grey-600);
    text-align: left;
}

.ba-reg__bench {
    position: relative;
    display: grid;
    grid-template-columns: minmax(10rem, 14rem) 1fr;
    gap: 1rem;
    margin: 0 0 1rem;
    padding: 1.45rem 1.25rem 1.2rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 4px 4px 16px 16px;
    text-align: left;
}

.ba-reg__bench::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.1rem;
    right: 1.1rem;
    height: 5px;
    background: linear-gradient(90deg, var(--color-gold-500), var(--color-gold-300), var(--color-gold-500));
    border-radius: 0 0 3px 3px;
}

.ba-reg__bench-mark {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.55rem;
    padding-top: 0.35rem;
}

.ba-reg__bench .ba-reg__icon {
    background: rgba(201, 162, 39, 0.16);
}

.ba-reg__bench .ba-reg__kicker {
    color: var(--color-gold-300);
}

.ba-reg__bench-body,
.ba-reg__bench-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    text-align: left;
}

.ba-reg__bench-body strong {
    color: var(--color-white);
}

.ba-reg__zones {
    list-style: none;
    margin: 0 0 0.9rem;
    padding: 0.85rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    background: var(--color-white);
    border: 1px dashed var(--color-navy-700);
    border-radius: 16px;
}

.ba-reg__zone {
    padding: 1rem 1.05rem 1.05rem;
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    border-radius: 12px;
    text-align: left;
}

.ba-reg__zone-head {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-bottom: 0.45rem;
}

.ba-reg__zone .ba-reg__kicker {
    margin-bottom: 0.2rem;
}

.ba-reg__health {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin: 0 0 0.9rem;
    padding: 1.1rem 1.15rem;
    background: var(--surface-warm);
    border: 1px solid rgba(201, 162, 39, 0.28);
    border-radius: 14px;
    text-align: left;
}

.ba-reg__health .ba-reg__kicker {
    margin-bottom: 0.2rem;
}

.ba-reg__folios {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin: 0 0 0.9rem;
    padding: 1.1rem 1.15rem 1.15rem 1.35rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 14px;
    text-align: left;
}

.ba-reg__spine {
    width: 4px;
    align-self: stretch;
    min-height: 3rem;
    background: var(--color-gold-500);
    border-radius: 2px;
    flex-shrink: 0;
}

.ba-reg__spine + .ba-reg__spine {
    margin-left: -0.45rem;
    background: var(--color-navy-800);
}

.ba-reg__folios-copy {
    min-width: 0;
}

.ba-reg__folios-body,
.ba-reg__folios-body p {
    margin: 0;
    color: var(--color-grey-700);
}

.ba-reg__folios .ba-reg__kicker {
    margin-bottom: 0.25rem;
}

.ba-reg__statute {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1.05rem 1.15rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-top: 4px solid var(--color-gold-500);
    border-radius: 12px;
    text-align: left;
}

.ba-reg__statute-copy {
    min-width: 0;
}

.ba-reg__statute .ba-reg__kicker {
    margin-bottom: 0.25rem;
}

.ba-reg__statute .inner-content__body,
.ba-reg__statute .inner-content__body p {
    margin: 0;
}

@media (max-width: 800px) {
    .ba-reg__bench {
        grid-template-columns: 1fr;
    }

    .ba-reg__zones {
        grid-template-columns: 1fr;
    }

    .ba-reg__bench-mark {
        flex-direction: row;
        align-items: center;
        gap: 0.75rem;
    }
}

.page-pillar.page-insurance-broker-vs-adviser-uae .inner-content--ba-role .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ba-role {
    background: var(--surface-navy-wash);
}

.inner-content--ba-role p,
.inner-content--ba-role li,
.inner-content--ba-role .inner-content__body {
    text-align: left;
}

.ba-role__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ba-role__header .section__title,
.ba-role__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ba-role__caption,
.ba-role__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.ba-role__caption {
    margin: 0 0 0.85rem;
    text-align: left;
}

.ba-role__intro {
    max-width: 42rem;
    margin: 0 0 1rem;
}

.ba-role__desk {
    list-style: none;
    margin: 0 0 1.35rem;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.55rem 0.9rem;
}

.ba-role__plate {
    position: relative;
    margin: 0 0 0.55rem;
    padding: 1.05rem 1.1rem 1.15rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 4px 4px 2px 2px;
    text-align: left;
}

.ba-role__plate::before,
.ba-role__plate::after {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 1.7rem;
    height: 9px;
    background: linear-gradient(180deg, var(--color-gold-400) 0%, var(--color-gold-500) 100%);
    border-radius: 0 0 2px 2px;
}

.ba-role__plate::before {
    left: 16%;
}

.ba-role__plate::after {
    right: 16%;
}

.ba-role__plate--outside {
    grid-column: 1 / -1;
    background: var(--surface-warm);
    border-style: dashed;
    border-color: var(--color-navy-700);
}

.ba-role__plate-head {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 0.85rem;
}

.ba-role__seal {
    width: 2.45rem;
    height: 2.45rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    border: 2px solid var(--color-gold-500);
    border-radius: 50%;
}

.ba-role__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.ba-role__face {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: stretch;
    margin: 0 0 0.85rem;
}

.ba-role__face-tab {
    display: flex;
    align-items: center;
    padding: 0.5rem 1.15rem 0.5rem 0.7rem;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 0 100%);
}

.ba-role__face-who {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0.45rem 0.85rem;
    background: var(--color-grey-50);
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--color-navy-900);
}

.ba-role__plate--client .ba-role__face-who {
    background: rgba(20, 54, 96, 0.06);
}

.ba-role__plate--insurer .ba-role__face-tab,
.ba-role__plate--self .ba-role__face-tab {
    background: var(--color-gold-500);
    color: var(--color-navy-900);
}

.ba-role__plate--outside .ba-role__face-tab {
    background: var(--color-navy-700);
}

.ba-role__stamps {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.ba-role__stamp {
    margin: 0;
    padding-top: 0.55rem;
    border-top: 1px dotted var(--color-grey-300);
}

.ba-role__stamp dt {
    margin: 0 0 0.15rem;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.ba-role__stamp dd {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--color-grey-700);
}

.ba-role__point {
    max-width: 46rem;
    padding: 1.05rem 1.15rem 1.1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-bottom: 4px solid var(--color-gold-500);
    border-radius: 4px;
    text-align: left;
}

.ba-role__point .ba-role__kicker {
    margin-bottom: 0.3rem;
}

.ba-role__point .inner-content__body,
.ba-role__point .inner-content__body p {
    margin: 0;
}

@media (min-width: 801px) {
    .ba-role__plate:not(.ba-role__plate--outside) .ba-role__stamps {
        grid-template-columns: 1.15fr 0.85fr;
        gap: 0.65rem 0.9rem;
    }

    .ba-role__plate:not(.ba-role__plate--outside) .ba-role__stamp {
        padding-top: 0;
        border-top: 0;
        border-left: 1px dotted var(--color-grey-300);
        padding-left: 0.8rem;
    }

    .ba-role__plate:not(.ba-role__plate--outside) .ba-role__stamp:first-child {
        border-left: 0;
        padding-left: 0;
    }
}

@media (max-width: 800px) {
    .ba-role__desk {
        grid-template-columns: 1fr;
    }

    .ba-role__plate--outside {
        grid-column: auto;
    }

    .ba-role__face {
        grid-template-columns: 1fr;
    }

    .ba-role__face-tab {
        clip-path: none;
        justify-content: flex-start;
        padding-right: 0.7rem;
        border-radius: 4px 4px 0 0;
    }
}

.page-pillar.page-insurance-broker-vs-adviser-uae .inner-content--ba-is .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ba-is {
    background: var(--surface-warm-wash);
}

.inner-content--ba-is p,
.inner-content--ba-is li,
.inner-content--ba-is .inner-content__body {
    text-align: left;
}

.ba-is__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ba-is__header .section__title,
.ba-is__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ba-is__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.ba-is__lemma {
    display: grid;
    grid-template-columns: auto 1fr;
    margin: 0 0 1rem;
    background: linear-gradient(165deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border-radius: 0 14px 14px 0;
    overflow: hidden;
    text-align: left;
}

.ba-is__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 1.1rem 0.45rem;
    background: var(--color-gold-500);
    color: var(--color-navy-900);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.ba-is__lemma-body {
    padding: 1.2rem 1.3rem 1.25rem;
}

.ba-is__lemma-body,
.ba-is__lemma-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
}

.ba-is__lemma-body strong {
    color: var(--color-white);
}

.ba-is__sheet {
    display: grid;
    grid-template-columns: 1fr 16px 1fr;
    margin: 0 0 1rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 4px;
    overflow: hidden;
}

.ba-is__perf {
    background:
        radial-gradient(circle, var(--surface-warm) 3.5px, transparent 4px) 50% 10px / 16px 18px repeat-y,
        linear-gradient(var(--color-grey-200), var(--color-grey-200)) 50% / 1px 100% no-repeat;
}

.ba-is__poles {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ba-is__pole {
    padding: 1.1rem 1.15rem 1.2rem;
    text-align: left;
}

.ba-is__pole--notdo,
.ba-is__pole--isnot {
    position: relative;
}

.ba-is__pole--isnot {
    border-top: 1px dashed var(--color-grey-200);
}

.ba-is__pole--notdo::after,
.ba-is__pole--isnot::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 18px 18px 0;
    border-color: transparent var(--surface-warm) transparent transparent;
}

.ba-is__poles--does {
    background: rgba(20, 54, 96, 0.04);
}

.ba-is__pole-head,
.ba-is__mail-head {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.5rem;
}

.ba-is__mark {
    width: 2.1rem;
    height: 2.1rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    clip-path: polygon(0 8px, 8px 0, 100% 0, 100% 100%, 0 100%);
}

.ba-is__pole--does .ba-is__mark {
    background: var(--color-gold-500);
    color: var(--color-navy-900);
}

.ba-is__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.ba-is__text,
.ba-is__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-grey-700);
}

.ba-is__mail {
    position: relative;
    margin: 0 0 1rem;
    padding: 1.7rem 1.2rem 1.2rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    text-align: left;
}

.ba-is__flap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 18px;
    background: var(--color-navy-800);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.ba-is__window {
    padding: 0.85rem 1rem;
    background: var(--color-grey-50);
    border: 1px solid var(--color-grey-200);
    box-shadow: inset 0 0 0 4px var(--color-white), inset 0 0 0 5px var(--color-grey-200);
}

.ba-is__window,
.ba-is__window p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-grey-700);
}

.ba-is__belongs {
    max-width: 42rem;
    margin: 0 0 0.85rem;
}

.ba-is__belongs p {
    margin: 0;
}

.ba-is__signs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.ba-is__sign {
    display: flex;
    align-items: flex-end;
    gap: 0.7rem;
    min-height: 5.2rem;
    padding: 0.95rem 1.05rem 0.9rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 4px;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ba-is__sign-copy {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.ba-is__sign-label {
    font-weight: 700;
    color: var(--color-navy-900);
}

.ba-is__sign-rule {
    flex: 1;
    min-width: 1.5rem;
    border-bottom: 1px dotted var(--color-navy-700);
    margin-bottom: 0.35rem;
}

.ba-is__sign > i {
    color: var(--color-gold-500);
    flex-shrink: 0;
    margin-bottom: 0.15rem;
}

.ba-is__sign:hover,
.ba-is__sign:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

@media (max-width: 800px) {
    .ba-is__lemma {
        grid-template-columns: 1fr;
        border-radius: 0 0 14px 14px;
    }

    .ba-is__tab {
        writing-mode: horizontal-tb;
        transform: none;
        justify-content: flex-start;
        padding: 0.45rem 0.9rem;
        letter-spacing: 0.1em;
    }

    .ba-is__sheet {
        grid-template-columns: 1fr;
    }

    .ba-is__perf {
        height: 14px;
        background:
            radial-gradient(circle, var(--surface-warm) 3.5px, transparent 4px) 10px 50% / 18px 14px repeat-x,
            linear-gradient(var(--color-grey-200), var(--color-grey-200)) 50% / 100% 1px no-repeat;
    }

    .ba-is__signs {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ba-is__sign {
        transition: none;
    }

    .ba-is__sign:hover,
    .ba-is__sign:focus-visible {
        transform: none;
    }
}

.page-pillar.page-insurance-broker-vs-adviser-uae .inner-content--ba-lic .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ba-lic {
    background: var(--surface-muted-wash);
}

.inner-content--ba-lic p,
.inner-content--ba-lic li,
.inner-content--ba-lic .inner-content__body {
    text-align: left;
}

.ba-lic__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ba-lic__header .section__title,
.ba-lic__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ba-lic__intro,
.ba-lic__note {
    max-width: 42rem;
    margin: 0 0 1rem;
}

.ba-lic__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.ba-lic {
    padding-right: 0.9rem;
}

.ba-lic__file {
    position: relative;
    margin: 0 0.85rem 0 0;
    padding: 1.15rem 1.7rem 0.35rem 2.55rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-radius: 0 4px 4px 0;
    overflow: visible;
}

.ba-lic__holes {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1.55rem;
    background:
        radial-gradient(circle at 50% 16%, var(--surface-muted) 5.5px, transparent 6px),
        radial-gradient(circle at 50% 50%, var(--surface-muted) 5.5px, transparent 6px),
        radial-gradient(circle at 50% 84%, var(--surface-muted) 5.5px, transparent 6px),
        var(--color-navy-800);
}

.ba-lic__minutes {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin: 0 0 0.35rem;
    padding: 0 0 0.9rem;
    border-bottom: 1px solid var(--color-grey-200);
}

.ba-lic__minutes .ba-lic__kicker {
    flex-shrink: 0;
}

.ba-lic__ticks {
    display: flex;
    flex: 1;
    align-items: flex-end;
    justify-content: space-between;
    height: 1.15rem;
    border-bottom: 2px solid var(--color-navy-800);
}

.ba-lic__ticks span {
    width: 3px;
    height: 100%;
    background: var(--color-gold-500);
}

.ba-lic__steps {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ba-lic__step {
    position: relative;
    margin: 0;
    padding: 1rem 0.4rem 1rem 0;
    border-bottom: 1px dotted var(--color-grey-300);
}

.ba-lic__step:last-child {
    border-bottom: 0;
}

.ba-lic__exhibit {
    position: absolute;
    top: 1.05rem;
    right: -2.55rem;
    width: 1.7rem;
    padding: 0.4rem 0 0.45rem;
    background: var(--color-gold-500);
    color: var(--color-navy-900);
    font-family: var(--font-heading);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    border-radius: 0 3px 3px 0;
}

.ba-lic__step-head {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
}

.ba-lic__ink {
    width: 2.15rem;
    height: 2.15rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-navy-800);
    border: 2px solid var(--color-navy-800);
    outline: 1px solid var(--color-navy-800);
    outline-offset: 2px;
    background: transparent;
}

.ba-lic__title {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.ba-lic__step-head .ba-lic__kicker {
    margin-bottom: 0.2rem;
}

.ba-lic__text,
.ba-lic__text p {
    margin: 0;
    padding-left: 2.9rem;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-grey-700);
}

@media (max-width: 800px) {
    .ba-lic {
        padding-right: 0;
    }

    .ba-lic__file {
        margin-right: 0;
        padding: 1.05rem 1.05rem 0.25rem 1.05rem;
        border-radius: 4px;
    }

    .ba-lic__holes {
        display: none;
    }

    .ba-lic__minutes {
        flex-direction: column;
        align-items: stretch;
        gap: 0.45rem;
    }

    .ba-lic__step {
        display: grid;
        grid-template-columns: 1.7rem 1fr;
        gap: 0.15rem 0.7rem;
        padding-right: 0;
    }

    .ba-lic__exhibit {
        position: static;
        grid-row: 1 / span 2;
        align-self: start;
        width: 1.7rem;
        border-radius: 3px;
    }

    .ba-lic__step-head {
        grid-column: 2;
    }

    .ba-lic__text {
        grid-column: 2;
        padding-left: 0;
    }
}

.page-pillar.page-insurance-broker-vs-adviser-uae .inner-content--ba-ask .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ba-ask {
    background: var(--color-white);
}

.inner-content--ba-ask p,
.inner-content--ba-ask li,
.inner-content--ba-ask .inner-content__body {
    text-align: left;
}

.ba-ask__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ba-ask__header .section__title,
.ba-ask__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ba-ask__intro {
    max-width: 42rem;
    margin: 0 0 1rem;
}

.ba-ask__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.ba-ask__pad {
    position: relative;
    margin: 0.85rem 0 1.1rem;
    padding: 1.55rem 1.25rem 1.05rem 1.2rem;
    background:
        linear-gradient(var(--color-gold-500), var(--color-gold-500)) 1.2rem 0 / 2px 100% no-repeat,
        var(--surface-warm);
    border: 1px solid var(--color-grey-200);
    border-top: 10px solid var(--color-navy-800);
}

.ba-ask__coil {
    position: absolute;
    top: -11px;
    left: 1.1rem;
    right: 1.1rem;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.ba-ask__coil span {
    width: 0.85rem;
    height: 1.35rem;
    border: 2px solid var(--color-navy-800);
    border-radius: 999px;
    background: var(--color-gold-300);
    box-shadow: inset 0 0 0 2px var(--color-navy-800);
}

.ba-ask__pad > .ba-ask__kicker {
    margin: 0 0 0.75rem 0.45rem;
}

.ba-ask__qs {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ba-ask__q {
    display: grid;
    grid-template-columns: 4.4rem 1fr;
    gap: 0.65rem;
    align-items: start;
    margin: 0;
    padding: 0.7rem 0 0.7rem 0.45rem;
    border-bottom: 1px dashed rgba(20, 54, 96, 0.18);
}

.ba-ask__q:last-child {
    border-bottom: 0;
}

.ba-ask__idx {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}

.ba-ask__num {
    font-family: var(--font-heading);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: var(--color-navy-800);
}

.ba-ask__icon {
    width: 1.7rem;
    height: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gold-500);
}

.ba-ask__text,
.ba-ask__text p {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.45;
    color: var(--color-navy-900);
}

.ba-ask__cannot {
    position: relative;
    max-width: 46rem;
    margin-top: 0.35rem;
    padding: 1.15rem 1.2rem 1.2rem;
    background: var(--color-navy-800);
    color: rgba(255, 255, 255, 0.86);
    text-align: left;
}

.ba-ask__cannot::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 1.6rem;
    border: 10px solid transparent;
    border-bottom-color: var(--color-navy-800);
}

.ba-ask__cannot .ba-ask__kicker {
    margin-bottom: 0.35rem;
    color: var(--color-gold-300);
}

.ba-ask__cannot .inner-content__body,
.ba-ask__cannot .inner-content__body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
}

@media (max-width: 800px) {
    .ba-ask__coil span:nth-child(n + 7) {
        display: none;
    }

    .ba-ask__q {
        grid-template-columns: 3.4rem 1fr;
        padding-left: 0.15rem;
    }

    .ba-ask__pad {
        background-position: 0.85rem 0;
        padding-left: 0.9rem;
    }
}

.page-pillar.page-insurance-broker-vs-adviser-uae .inner-content--ba-go .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ba-go {
    background: var(--surface-navy-wash);
}

.inner-content--ba-go p,
.inner-content--ba-go li,
.inner-content--ba-go .inner-content__body {
    text-align: left;
}

.ba-go__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ba-go__header .section__title,
.ba-go__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ba-go__intro,
.ba-go__note {
    max-width: 42rem;
    margin: 0 0 1rem;
}

.ba-go__board {
    max-width: 42rem;
    padding: 0.85rem 0.75rem 0.85rem;
    background: linear-gradient(180deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);
    border: 1px solid rgba(201, 162, 39, 0.28);
    border-radius: 6px;
}

.ba-go__board-kicker {
    margin: 0 0.4rem 0.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.ba-go__flaps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.4rem;
}

.ba-go__flap {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.8rem;
    min-height: 3.35rem;
    padding: 0.7rem 0.95rem;
    background: linear-gradient(
        180deg,
        var(--color-navy-600) 0%,
        var(--color-navy-700) 48%,
        var(--color-navy-900) 50%,
        var(--color-navy-700) 100%
    );
    color: var(--color-white);
    text-decoration: none;
    border-radius: 2px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ba-go__flap::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background: var(--color-navy-900);
    pointer-events: none;
}

.ba-go__icon {
    position: relative;
    z-index: 1;
    width: 1.85rem;
    height: 1.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gold-300);
}

.ba-go__copy {
    position: relative;
    z-index: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.ba-go__title {
    font-weight: 700;
    color: var(--color-white);
}

.ba-go__desc {
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.72);
}

.ba-go__flap > i {
    position: relative;
    z-index: 1;
    color: var(--color-gold-300);
    flex-shrink: 0;
}

.ba-go__flap:hover,
.ba-go__flap:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

@media (prefers-reduced-motion: reduce) {
    .ba-go__flap {
        transition: none;
    }

    .ba-go__flap:hover,
    .ba-go__flap:focus-visible {
        transform: none;
    }
}

.page-pillar.page-insurance-broker-vs-adviser-uae .inner-content--ba-ref .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ba-ref {
    background: var(--surface-warm-wash);
}

.inner-content--ba-ref p,
.inner-content--ba-ref li,
.inner-content--ba-ref .inner-content__body {
    text-align: left;
}

.ba-ref__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ba-ref__header .section__title,
.ba-ref__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ba-ref__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.ba-ref__slip {
    position: relative;
    max-width: 42rem;
    margin: 0 0 1.25rem;
    padding: 1.35rem 1.2rem 1.1rem 1.25rem;
    background: var(--color-white);
    border: 1px dashed var(--color-navy-700);
    text-align: left;
}

.ba-ref__hole {
    position: absolute;
    top: -0.55rem;
    left: 50%;
    width: 1.1rem;
    height: 1.1rem;
    margin-left: -0.55rem;
    background: var(--surface-warm);
    border: 1px dashed var(--color-navy-700);
    border-radius: 50%;
    box-shadow: inset 0 0 0 3px var(--color-white);
}

.ba-ref__slip .ba-ref__kicker {
    margin-bottom: 0.35rem;
}

.ba-ref__intro,
.ba-ref__intro p {
    margin: 0;
}

.ba-ref__case {
    margin: 0 0 1.15rem;
}

.ba-ref__shelf {
    list-style: none;
    margin: 0;
    padding: 0 0 0.15rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.ba-ref__vol {
    display: grid;
    grid-template-columns: 2.15rem 1fr;
    min-height: 8.2rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    text-decoration: none;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ba-ref__spine {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 0.15rem;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
}

.ba-ref__host {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: lowercase;
}

.ba-ref__cover {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.85rem 0.95rem 0.9rem;
    min-width: 0;
}

.ba-ref__cover-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.ba-ref__icon {
    color: var(--color-navy-800);
}

.ba-ref__cover-head > i {
    color: var(--color-gold-500);
    font-size: 0.9rem;
}

.ba-ref__title {
    font-weight: 700;
    color: var(--color-navy-900);
}

.ba-ref__desc {
    font-size: 0.84rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.ba-ref__vol:hover,
.ba-ref__vol:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.ba-ref__ledge {
    display: block;
    height: 10px;
    background:
        linear-gradient(180deg, var(--color-gold-400) 0 3px, var(--color-navy-800) 3px 100%);
    border-radius: 0 0 3px 3px;
    box-shadow: 0 4px 10px rgba(7, 21, 37, 0.12);
}

.ba-ref__stamp {
    max-width: 42rem;
    padding: 0.95rem 1.05rem;
    background: var(--color-white);
    border: 2px solid var(--color-navy-800);
    outline: 1px solid var(--color-navy-800);
    outline-offset: 4px;
    text-align: left;
}

.ba-ref__stamp,
.ba-ref__stamp p {
    margin: 0;
    font-size: 0.88rem;
    color: var(--color-grey-700);
}

@media (max-width: 800px) {
    .ba-ref__shelf {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ba-ref__vol {
        transition: none;
    }

    .ba-ref__vol:hover,
    .ba-ref__vol:focus-visible {
        transform: none;
    }
}

.page-pillar.page-sponsoring-parents-health-insurance-uae .inner-content--pp-why .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--pp-why {
    background: var(--surface-muted-wash);
}

.inner-content--pp-why p,
.inner-content--pp-why li,
.inner-content--pp-why .inner-content__body {
    text-align: left;
}

.pp-why__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.pp-why__header .section__title,
.pp-why__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.pp-why__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.pp-why__landing {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    padding: 1.15rem 1.25rem 1.2rem;
    background: var(--color-navy-800);
    color: rgba(255, 255, 255, 0.86);
    border-bottom: 6px solid var(--color-gold-500);
    text-align: left;
}

.pp-why__landing .pp-why__kicker {
    margin-bottom: 0.4rem;
    color: var(--color-gold-300);
}

.pp-why__intro,
.pp-why__intro p {
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
}

.pp-why__intro strong {
    color: var(--color-white);
}

.pp-why__stairs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.55rem;
    max-width: 46rem;
}

.pp-why__rise {
    display: grid;
    grid-template-columns: var(--pp-rise, 1.5rem) 1fr;
    gap: 0.55rem;
    align-items: stretch;
}

.pp-why__rise:nth-child(1) { --pp-rise: 1.35rem; }
.pp-why__rise:nth-child(2) { --pp-rise: 2.35rem; }
.pp-why__rise:nth-child(3) { --pp-rise: 3.35rem; }
.pp-why__rise:nth-child(4) { --pp-rise: 4.35rem; }
.pp-why__rise:nth-child(n + 5) { --pp-rise: 5.1rem; }

.pp-why__riser {
    background:
        linear-gradient(var(--color-gold-500), var(--color-gold-500)) 0 0 / 100% 5px no-repeat,
        var(--color-navy-800);
    border-radius: 2px 2px 0 0;
}

.pp-why__tread {
    padding: 1rem 1.1rem 1.05rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    border-top: 5px solid var(--color-gold-500);
    text-align: left;
}

.pp-why__tread-head {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-bottom: 0.35rem;
}

.pp-why__mark {
    width: 2.05rem;
    height: 2.05rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
}

.pp-why__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.pp-why__tread-head .pp-why__kicker {
    margin-bottom: 0.2rem;
}

.pp-why__text,
.pp-why__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-grey-700);
}

.pp-why__note {
    max-width: 42rem;
    margin-top: 1rem;
}

@media (max-width: 800px) {
    .pp-why__rise {
        grid-template-columns: 0.7rem 1fr;
        --pp-rise: 0.7rem !important;
    }

    .pp-why__riser {
        background:
            linear-gradient(var(--color-gold-500), var(--color-gold-500)) 0 0 / 100% 4px no-repeat,
            linear-gradient(180deg, var(--color-navy-700), var(--color-navy-800));
    }
}

.page-pillar.page-sponsoring-parents-health-insurance-uae .inner-content--pp-uw .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--pp-uw {
    background: var(--color-white);
}

.inner-content--pp-uw p,
.inner-content--pp-uw li,
.inner-content--pp-uw .inner-content__body {
    text-align: left;
}

.pp-uw__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.pp-uw__header .section__title,
.pp-uw__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.pp-uw__intro {
    max-width: 42rem;
    margin: 0 0 1rem;
}

.pp-uw__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.pp-uw__form {
    position: relative;
    max-width: 46rem;
    margin: 0.9rem 0 1.1rem;
    padding: 1.7rem 1.25rem 0.85rem;
    background: var(--surface-warm);
    border: 1px solid var(--color-grey-200);
}

.pp-uw__clip {
    position: absolute;
    top: -12px;
    left: 50%;
    width: 2.4rem;
    height: 1.7rem;
    margin-left: -1.2rem;
    background: var(--color-navy-800);
    border-radius: 3px 3px 9px 9px;
    box-shadow: inset 0 0 0 2px var(--color-gold-500);
}

.pp-uw__clip::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -7px;
    width: 14px;
    height: 10px;
    margin-left: -7px;
    background: var(--color-navy-800);
    border-radius: 0 0 3px 3px;
}

.pp-uw__form > .pp-uw__kicker {
    margin: 0 0 0.85rem;
}

.pp-uw__fields {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pp-uw__field {
    display: grid;
    grid-template-columns: 2.4rem 1fr;
    gap: 0.65rem;
    align-items: start;
    margin: 0;
    padding: 0.85rem 0;
    border-bottom: 1px dashed rgba(20, 54, 96, 0.2);
}

.pp-uw__field:last-child {
    border-bottom: 0;
}

.pp-uw__num {
    font-family: var(--font-heading);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: var(--color-navy-800);
    padding-top: 0.2rem;
}

.pp-uw__field-head {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.25rem;
}

.pp-uw__icon {
    color: var(--color-gold-500);
    flex-shrink: 0;
}

.pp-uw__title {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.pp-uw__text,
.pp-uw__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--color-grey-700);
}

.pp-uw__blank {
    display: block;
    height: 1.05rem;
    margin-top: 0.45rem;
    border-bottom: 1px solid var(--color-navy-700);
    background: repeating-linear-gradient(
        90deg,
        transparent 0,
        transparent 0.55rem,
        rgba(20, 54, 96, 0.12) 0.55rem,
        rgba(20, 54, 96, 0.12) 0.58rem
    );
    background-size: 0.58rem 1px;
    background-repeat: repeat-x;
    background-position: 0 100%;
}

.pp-uw__costly {
    max-width: 46rem;
    padding: 1.1rem 1.2rem;
    background: var(--color-navy-800);
    color: rgba(255, 255, 255, 0.86);
    text-align: left;
}

.pp-uw__costly .pp-uw__kicker {
    margin-bottom: 0.35rem;
    color: var(--color-gold-300);
}

.pp-uw__costly .inner-content__body,
.pp-uw__costly .inner-content__body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
}

.page-pillar.page-sponsoring-parents-health-insurance-uae .inner-content--pp-out .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--pp-out {
    background: var(--surface-navy-wash);
}

.inner-content--pp-out p,
.inner-content--pp-out li,
.inner-content--pp-out .inner-content__body {
    text-align: left;
}

.pp-out__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.pp-out__header .section__title,
.pp-out__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.pp-out__intro {
    max-width: 42rem;
    margin: 0 0 0.85rem;
}

.pp-out__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.pp-out__rail {
    margin: 0 0 0.85rem;
}

.pp-out__grid {
    list-style: none;
    margin: 0 0 1.1rem;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.8rem;
}

.pp-out__card {
    padding: 1.1rem 1.15rem 1.15rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    text-align: left;
}

.pp-out__card-head {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.5rem;
}

.pp-out__icon {
    color: var(--color-navy-800);
    flex-shrink: 0;
}

.pp-out__stamp {
    display: inline-block;
    margin: 0;
    padding: 0.22rem 0.55rem 0.18rem;
    border: 2px solid var(--color-navy-800);
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-navy-900);
    transform: rotate(-1.5deg);
}

.pp-out__card:nth-child(even) .pp-out__stamp {
    transform: rotate(1.5deg);
}

.pp-out__card--load .pp-out__stamp {
    border-color: var(--color-gold-500);
    color: var(--color-navy-900);
}

.pp-out__card--cut .pp-out__stamp {
    border-style: dashed;
}

.pp-out__card--wait .pp-out__stamp {
    box-shadow: inset 0 0 0 1px var(--color-navy-800);
}

.pp-out__card--no .pp-out__stamp {
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    border-color: var(--color-navy-800);
}

.pp-out__card .pp-out__kicker {
    margin-bottom: 0.3rem;
}

.pp-out__text,
.pp-out__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-grey-700);
}

.pp-out__write {
    position: relative;
    max-width: 42rem;
    margin-left: 0.9rem;
    padding: 1.05rem 1.15rem 1.1rem 1.7rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    text-align: left;
}

.pp-out__pin {
    position: absolute;
    top: 0.85rem;
    left: -0.55rem;
    width: 1.05rem;
    height: 1.85rem;
    border: 2px solid var(--color-navy-800);
    border-radius: 0.7rem 0.7rem 0.35rem 0.35rem;
    background: transparent;
    box-shadow: inset 0 -10px 0 -8px var(--color-gold-500);
}

.pp-out__write .pp-out__kicker {
    margin-bottom: 0.3rem;
}

.pp-out__write .inner-content__body,
.pp-out__write .inner-content__body p {
    margin: 0;
}

@media (max-width: 800px) {
    .pp-out__grid {
        grid-template-columns: 1fr;
    }

    .pp-out__stamp {
        transform: none;
    }

    .pp-out__card:nth-child(even) .pp-out__stamp {
        transform: none;
    }
}

.page-pillar.page-sponsoring-parents-health-insurance-uae .inner-content--pp-dep .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--pp-dep {
    background: var(--surface-muted-wash);
}

.inner-content--pp-dep p,
.inner-content--pp-dep li,
.inner-content--pp-dep .inner-content__body {
    text-align: left;
}

.pp-dep__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.pp-dep__header .section__title,
.pp-dep__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.pp-dep__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.pp-dep__pair {
    display: grid;
    grid-template-columns: 1fr 3.4rem 1fr;
    grid-template-areas:
        "no no no"
        "dep cut cov";
    align-items: start;
    gap: 0 0.15rem;
}

.pp-dep__no {
    grid-area: no;
    margin: 0 0 0.7rem;
}

.pp-dep__no .pp-dep__kicker {
    display: inline-block;
    padding: 0.18rem 0.55rem;
    background: var(--color-gold-500);
    color: var(--color-navy-900);
}

.pp-dep__docket--deposit {
    grid-area: dep;
}

.pp-dep__cut {
    grid-area: cut;
}

.pp-dep__docket--cover {
    grid-area: cov;
    margin-top: 1.85rem;
}

.pp-dep__docket {
    padding: 1.15rem 1.15rem 1.2rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    text-align: left;
}

.pp-dep__docket--deposit {
    background: var(--surface-navy-soft);
}

.pp-dep__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    margin-bottom: 0.55rem;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
}

.pp-dep__title {
    margin: 0.25rem 0 0.45rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.pp-dep__text,
.pp-dep__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-grey-700);
}

.pp-dep__cut {
    position: relative;
    min-height: 8rem;
    align-self: stretch;
}

.pp-dep__cut::before {
    content: "";
    position: absolute;
    top: 8%;
    bottom: 8%;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    background: var(--color-gold-500);
    transform: rotate(18deg);
    transform-origin: center center;
}

.pp-dep__cut-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-18deg);
    padding: 0.22rem 0.5rem;
    background: var(--color-gold-500);
    color: var(--color-navy-900);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 1;
}

@media (max-width: 900px) {
    .pp-dep__pair {
        grid-template-columns: 1fr;
        grid-template-areas:
            "no"
            "dep"
            "cut"
            "cov";
    }

    .pp-dep__docket--cover {
        margin-top: 0;
    }

    .pp-dep__cut {
        min-height: 2.4rem;
    }

    .pp-dep__cut::before {
        top: 50%;
        bottom: auto;
        left: 8%;
        right: 8%;
        width: auto;
        height: 3px;
        margin: 0;
        transform: rotate(-8deg);
    }

    .pp-dep__cut-label {
        transform: translate(-50%, -50%) rotate(-8deg);
    }
}

.page-pillar.page-sponsoring-parents-health-insurance-uae .inner-content--pp-net .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--pp-net {
    background: var(--color-white);
}

.inner-content--pp-net p,
.inner-content--pp-net li,
.inner-content--pp-net .inner-content__body {
    text-align: left;
}

.pp-net__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.pp-net__header .section__title,
.pp-net__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.pp-net__intro,
.pp-net__note {
    max-width: 42rem;
    margin: 0 0 1rem;
}

.pp-net__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.pp-net__board {
    max-width: 46rem;
    overflow: hidden;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
}

.pp-net__mast {
    padding: 0.85rem 1.15rem 0.8rem;
    background: var(--color-navy-800);
    border-bottom: 4px solid var(--color-gold-500);
}

.pp-net__mast .pp-net__kicker {
    color: var(--color-gold-300);
}

.pp-net__rows {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pp-net__row {
    display: grid;
    grid-template-columns: 2.6rem 1fr auto;
    gap: 0.85rem;
    align-items: start;
    margin: 0;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--color-grey-200);
    background-image: linear-gradient(90deg, var(--color-gold-500) 0 4px, transparent 4px);
}

.pp-net__row:last-child {
    border-bottom: 0;
}

.pp-net__row:nth-child(even) {
    background-color: var(--color-grey-50);
}

.pp-net__code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    font-family: var(--font-heading);
    font-size: 0.9rem;
    font-weight: 800;
}

.pp-net__copy {
    min-width: 0;
}

.pp-net__copy .pp-net__kicker {
    margin-bottom: 0.2rem;
}

.pp-net__title {
    margin: 0 0 0.3rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-navy-900);
    text-align: left;
}

.pp-net__text,
.pp-net__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--color-grey-700);
}

.pp-net__go {
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: var(--color-navy-800);
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
    background: var(--color-gold-500);
}

.pp-net__go i {
    color: var(--color-navy-900);
    font-size: 0.85rem;
    margin-right: 0.2rem;
}

@media (max-width: 800px) {
    .pp-net__row {
        grid-template-columns: 2.15rem 1fr;
        gap: 0.65rem;
    }

    .pp-net__go {
        display: none;
    }
}

.page-pillar.page-sponsoring-parents-health-insurance-uae .inner-content--pp-y2 .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--pp-y2 {
    background: var(--surface-warm-wash);
}

.inner-content--pp-y2 p,
.inner-content--pp-y2 li,
.inner-content--pp-y2 .inner-content__body {
    text-align: left;
}

.pp-y2__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.pp-y2__header .section__title,
.pp-y2__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.pp-y2__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.pp-y2__diary {
    position: relative;
    max-width: 46rem;
    margin: 0 0 1rem;
    padding: 1.15rem 2.1rem 1.15rem 1.2rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    text-align: left;
}

.pp-y2__months {
    position: absolute;
    top: 1.4rem;
    right: 0;
    bottom: 1.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 1.15rem;
}

.pp-y2__months span {
    height: 0.42rem;
    background: var(--color-gold-500);
    border-radius: 3px 0 0 3px;
}

.pp-y2__diary > .pp-y2__kicker {
    margin-bottom: 0.85rem;
}

.pp-y2__changes {
    list-style: none;
    margin: 0 0 0.95rem;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
}

.pp-y2__change {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.7rem 0.8rem;
    background: var(--color-navy-800);
    color: var(--color-white);
}

.pp-y2__change-label {
    font-weight: 700;
    font-size: 0.92rem;
}

.pp-y2__icon {
    flex-shrink: 0;
    color: var(--color-gold-300);
}

.pp-y2__ask .pp-y2__icon {
    color: var(--color-navy-800);
    margin-top: 0.15rem;
}

.pp-y2__intro,
.pp-y2__intro p {
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.pp-y2__asks {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pp-y2__ask {
    display: grid;
    grid-template-columns: 1.5rem 1fr;
    gap: 0.65rem;
    margin: 0;
    padding: 0.7rem 0;
    border-top: 1px dashed var(--color-grey-300);
}

.pp-y2__ask .pp-y2__kicker {
    margin-bottom: 0.2rem;
}

.pp-y2__text,
.pp-y2__text p {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.45;
    color: var(--color-navy-900);
}

.pp-y2__limit {
    position: relative;
    max-width: 46rem;
    padding: 1.15rem 1.2rem 1.2rem;
    background: var(--color-white);
    border: 1px solid var(--color-grey-200);
    overflow: hidden;
    text-align: left;
}

.pp-y2__limit::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 1.35rem 1.35rem 0;
    border-color: transparent var(--surface-warm) transparent transparent;
    box-shadow: -1px 1px 0 var(--color-gold-500);
}

.pp-y2__limit .pp-y2__kicker {
    margin-bottom: 0.3rem;
}

.pp-y2__limit .inner-content__body,
.pp-y2__limit .inner-content__body p {
    margin: 0;
    color: var(--color-grey-700);
}

@media (max-width: 800px) {
    .pp-y2__diary {
        padding-right: 1.65rem;
    }

    .pp-y2__changes {
        grid-template-columns: 1fr;
    }
}

.page-pillar.page-sponsoring-parents-health-insurance-uae .inner-content--pp-kin .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--pp-kin {
    background: var(--surface-muted-wash);
}

.inner-content--pp-kin p,
.inner-content--pp-kin li,
.inner-content--pp-kin .inner-content__body {
    text-align: left;
}

.pp-kin__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.pp-kin__header .section__title,
.pp-kin__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.pp-kin__intro,
.pp-kin__intro p,
.pp-kin__note,
.pp-kin__note p {
    margin: 0 0 1rem;
    max-width: 46rem;
}

.pp-kin__kicker {
    margin: 0 0 0.65rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
    text-align: center;
}

.pp-kin__tree {
    --pp-kin-n: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 70rem;
    margin: 0;
    padding: 1.2rem 1rem 1.15rem;
    background: #fff;
    border: 1px solid rgba(7, 21, 37, 0.08);
}

.pp-kin__hub {
    display: block;
    width: 14px;
    height: 14px;
    background: var(--color-gold-500);
    transform: rotate(45deg);
    box-shadow: 0 0 0 4px var(--color-navy-800);
}

.pp-kin__drop {
    display: block;
    width: 2px;
    height: 0.9rem;
    margin: 0.35rem 0 0;
    background: var(--color-navy-800);
}

.pp-kin__bar {
    display: block;
    width: calc(100% * (var(--pp-kin-n, 5) - 1) / var(--pp-kin-n, 5));
    height: 3px;
    background: var(--color-gold-500);
}

.pp-kin__leaves {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(var(--pp-kin-n), minmax(0, 1fr));
    gap: 0 0.7rem;
    width: 100%;
    margin: 0;
    padding: 0;
}

.pp-kin__leaves li {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pp-kin__stem {
    display: block;
    width: 2px;
    height: 1.1rem;
    margin: 0 auto;
    background: var(--color-navy-800);
}

.pp-kin__leaf {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-height: 9.75rem;
    padding: 1.05rem 0.9rem 0.85rem;
    color: inherit;
    text-decoration: none;
    background: #fff;
    border: 1px solid rgba(7, 21, 37, 0.12);
    box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 4px var(--color-gold-400);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.pp-kin__leaf::before,
.pp-kin__leaf::after {
    content: "";
    position: absolute;
    top: 7px;
    width: 11px;
    height: 11px;
    border-style: solid;
    border-color: var(--color-gold-500);
}

.pp-kin__leaf::before {
    left: 7px;
    border-width: 2px 0 0 2px;
}

.pp-kin__leaf::after {
    right: 7px;
    border-width: 2px 2px 0 0;
}

.pp-kin__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.pp-kin__title {
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.pp-kin__desc {
    font-size: 0.84rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.pp-kin__leaf > i {
    margin-top: auto;
    color: var(--color-gold-500);
    font-size: 0.95rem;
}

.pp-kin__leaf:hover,
.pp-kin__leaf:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.pp-kin__leaf:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .pp-kin__leaf {
        transition: none;
    }

    .pp-kin__leaf:hover,
    .pp-kin__leaf:focus-visible {
        transform: none;
    }
}

@media (max-width: 800px) {
    .pp-kin__tree {
        --pp-kin-n: 1;
        align-items: stretch;
        padding: 1rem 1rem 1rem 1.55rem;
        border-left: 3px solid var(--color-gold-500);
    }

    .pp-kin__kicker {
        text-align: left;
        margin-left: 0.15rem;
    }

    .pp-kin__hub {
        align-self: flex-start;
        margin-left: calc(-1.55rem - 10px);
        margin-bottom: 0.85rem;
    }

    .pp-kin__drop,
    .pp-kin__bar {
        display: none;
    }

    .pp-kin__leaves {
        gap: 0.75rem;
    }

    .pp-kin__leaves li {
        position: relative;
    }

    .pp-kin__stem {
        position: absolute;
        top: 1.45rem;
        left: -1.55rem;
        width: 1.55rem;
        height: 2px;
        margin: 0;
    }

    .pp-kin__leaf {
        min-height: 0;
    }
}

.page-pillar.page-sponsoring-parents-health-insurance-uae .inner-content--pp-auth .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--pp-auth {
    background: var(--surface-warm-wash);
}

.inner-content--pp-auth p,
.inner-content--pp-auth li,
.inner-content--pp-auth .inner-content__body {
    text-align: left;
}

.pp-auth__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.pp-auth__header .section__title,
.pp-auth__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.pp-auth__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.pp-auth__statute {
    max-width: 46rem;
    margin: 0 0 1.25rem;
    padding: 1.05rem 1.2rem 1.1rem;
    background: var(--color-white);
    border: 1px solid rgba(7, 21, 37, 0.08);
    border-left: 5px solid var(--color-gold-500);
}

.pp-auth__statute .pp-auth__kicker {
    margin-bottom: 0.35rem;
}

.pp-auth__intro,
.pp-auth__intro p {
    margin: 0;
    color: var(--color-grey-700);
}

.pp-auth__colonnade {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 58rem;
}

.pp-auth__lintel {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: start;
    gap: 0.85rem;
    padding: 1rem 1.15rem 1.05rem;
    margin-bottom: 0.35rem;
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
    background: var(--color-navy-900);
    border-bottom: 5px solid var(--color-gold-500);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.pp-auth__lintel .pp-auth__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    color: var(--color-navy-900);
    background: var(--color-gold-500);
}

.pp-auth__lintel-copy {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    min-width: 0;
}

.pp-auth__lintel .pp-auth__host {
    color: var(--color-gold-300);
}

.pp-auth__lintel .pp-auth__title {
    color: var(--color-white);
}

.pp-auth__lintel .pp-auth__desc {
    color: rgba(255, 255, 255, 0.72);
}

.pp-auth__lintel > i {
    color: var(--color-gold-400);
    font-size: 0.95rem;
    margin-top: 0.25rem;
}

.pp-auth__pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: stretch;
}

.pp-auth__pillar {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 0 0.85rem 1rem;
    background: var(--color-navy-800);
}

.pp-auth__capital {
    display: block;
    height: 12px;
    margin: 0 -0.35rem 0.85rem;
    background: var(--color-gold-500);
    clip-path: polygon(3% 100%, 0 0, 100% 0, 97% 100%);
}

.pp-auth__pillar > .pp-auth__kicker {
    margin-bottom: 0.75rem;
    color: var(--color-gold-300);
}

.pp-auth__plates {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    margin: 0;
    padding: 0;
}

.pp-auth__plates--loose {
    margin-top: 0.85rem;
}

.pp-auth__plate {
    display: flex;
    flex-direction: column;
    gap: 0.32rem;
    padding: 0.85rem 0.9rem 0.9rem;
    color: inherit;
    text-decoration: none;
    background: #f8f4e8;
    box-shadow: inset 0 0 0 1px var(--color-gold-500);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.pp-auth__plate-head {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pp-auth__plate .pp-auth__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
    flex-shrink: 0;
}

.pp-auth__host {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: lowercase;
    color: var(--color-navy-600);
}

.pp-auth__plate-head .pp-auth__host {
    min-width: 0;
    overflow-wrap: anywhere;
}

.pp-auth__plate-head > i {
    margin-left: auto;
    color: var(--color-gold-500);
    font-size: 0.85rem;
}

.pp-auth__title {
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.pp-auth__desc {
    font-size: 0.84rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.pp-auth__lintel:hover,
.pp-auth__lintel:focus-visible,
.pp-auth__plate:hover,
.pp-auth__plate:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.pp-auth__lintel:focus-visible,
.pp-auth__plate:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.pp-auth__foot {
    max-width: 46rem;
    margin: 1.1rem 0 0;
    padding: 0.85rem 0 0 1rem;
    border-left: 3px solid var(--color-gold-500);
    font-size: 0.88rem;
    color: var(--color-grey-700);
}

.pp-auth__foot p,
.pp-auth__foot .seo-sources__foot {
    margin: 0;
    font-size: inherit;
    color: inherit;
}

@media (prefers-reduced-motion: reduce) {
    .pp-auth__lintel,
    .pp-auth__plate {
        transition: none;
    }

    .pp-auth__lintel:hover,
    .pp-auth__lintel:focus-visible,
    .pp-auth__plate:hover,
    .pp-auth__plate:focus-visible {
        transform: none;
    }
}

@media (max-width: 800px) {
    .pp-auth__pair {
        grid-template-columns: 1fr;
    }

    .pp-auth__lintel {
        grid-template-columns: auto 1fr;
    }

    .pp-auth__lintel > i {
        display: none;
    }
}

.page-pillar.page-domestic-worker-insurance-uae .inner-content--dw-which .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--dw-which {
    background: var(--surface-muted-wash);
}

.inner-content--dw-which p,
.inner-content--dw-which li,
.inner-content--dw-which .inner-content__body {
    text-align: left;
}

.dw-which__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.dw-which__header .section__title,
.dw-which__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.dw-which__chips {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0 0 1.15rem;
    padding: 0;
}

.dw-which__chips li {
    padding: 0.32rem 0.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--color-navy-800);
    background: var(--color-white);
    border: 1px solid var(--color-gold-500);
}

.dw-which__kicker {
    display: block;
    margin: 0 0 0.75rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.dw-which__intro,
.dw-which__intro p {
    margin: 0 0 1rem;
    max-width: 46rem;
}

.dw-which__blotter {
    position: relative;
    max-width: 54rem;
    padding: 1.2rem 1.15rem 1.15rem;
    background: var(--surface-warm);
    border: 1px solid rgba(7, 21, 37, 0.08);
}

.dw-which__blotter::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1.35rem 1.35rem 0;
    border-color: transparent var(--color-gold-500) transparent transparent;
}

.dw-which__jackets {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
    margin: 0 0 1.15rem;
}

.dw-which__jacket {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-height: 6.5rem;
    margin: 0.7rem 0 0;
    padding: 1.15rem 1rem 1rem;
}

.dw-which__tab {
    position: absolute;
    top: -0.7rem;
    left: 0.85rem;
    width: 42%;
    height: 0.7rem;
    background: var(--color-gold-500);
    clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 100%, 0 100%);
}

.dw-which__jacket--health {
    color: rgba(255, 255, 255, 0.88);
    background: var(--color-navy-800);
}

.dw-which__jacket--dues {
    color: var(--color-navy-900);
    background: #f8f4e8;
    box-shadow: inset 0 0 0 1px var(--color-gold-500);
}

.dw-which__jacket--dues .dw-which__tab {
    background: var(--color-navy-800);
}

.dw-which__jacket .dw-which__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
}

.dw-which__jacket--health .dw-which__icon {
    color: var(--color-navy-900);
    background: var(--color-gold-500);
}

.dw-which__jacket--dues .dw-which__icon {
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.dw-which__jacket-name {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.3;
}

.dw-which__asks {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
    padding: 0;
}

.dw-which__question {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0 0 0.55rem;
    font-family: var(--font-heading);
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.dw-which__question .dw-which__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    flex-shrink: 0;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.dw-which__pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.dw-which__card {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 100%;
    padding: 0.85rem 0.95rem 0.95rem;
    background: var(--color-white);
}

.dw-which__card--health {
    border-top: 4px solid var(--color-navy-800);
}

.dw-which__card--dues {
    position: relative;
    padding-left: 1.25rem;
    background:
        radial-gradient(circle at 0 12px, transparent 5px, #fff 5.5px) 0 8px / 12px 16px repeat-y,
        #fff;
    box-shadow: inset 8px 0 0 var(--surface-warm);
    border: 1px dashed var(--color-gold-500);
    border-left: 0;
}

.dw-which__card-kicker {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.dw-which__answer {
    font-size: 0.92rem;
    line-height: 1.45;
    color: var(--color-navy-900);
}

.dw-which__answer a {
    color: var(--color-navy-800);
    text-underline-offset: 2px;
}

.dw-which__verdict {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    margin-right: 0.35rem;
    padding: 0.12rem 0.4rem;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dw-which__verdict--yes {
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.dw-which__verdict--no {
    color: var(--color-navy-900);
    background: var(--color-gold-500);
}

.dw-which__keep {
    max-width: 46rem;
    margin: 1.15rem 0 0;
    padding: 0.95rem 1.05rem 1rem;
    background: var(--color-white);
    border: 1px dashed var(--color-navy-800);
}

.dw-which__keep .dw-which__kicker {
    color: var(--color-navy-800);
}

.dw-which__keep .inner-content__body,
.dw-which__keep .inner-content__body p {
    margin: 0;
    color: var(--color-grey-700);
}

@media (max-width: 800px) {
    .dw-which__jackets,
    .dw-which__pair {
        grid-template-columns: 1fr;
    }

    .dw-which__jacket {
        min-height: 0;
    }
}

.page-pillar.page-domestic-worker-insurance-uae .inner-content--dw-pay .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--dw-pay {
    background: var(--surface-warm-wash);
}

.inner-content--dw-pay p,
.inner-content--dw-pay li,
.inner-content--dw-pay .inner-content__body {
    text-align: left;
}

.dw-pay__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.dw-pay__header .section__title,
.dw-pay__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.dw-pay__intro,
.dw-pay__intro p,
.dw-pay__note,
.dw-pay__note p {
    margin: 0 0 1rem;
    max-width: 46rem;
}

.dw-pay__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.dw-pay__counter {
    max-width: 42rem;
}

.dw-pay__till {
    padding: 1.1rem 1.2rem 0.85rem;
    background: var(--color-navy-800);
    color: rgba(255, 255, 255, 0.86);
}

.dw-pay__till .dw-pay__kicker {
    margin-bottom: 0.3rem;
}

.dw-pay__when {
    margin: 0;
    font-weight: 700;
    font-size: 1.02rem;
    line-height: 1.35;
    color: var(--color-white);
}

.dw-pay__drawer {
    display: block;
    height: 14px;
    margin: 0.9rem -1.2rem 0;
    background: var(--color-gold-500);
}

.dw-pay__drawer::after {
    content: "";
    display: block;
    width: 3.25rem;
    height: 5px;
    margin: 4px auto 0;
    background: var(--color-navy-800);
}

.dw-pay__mouth {
    display: block;
    width: 74%;
    height: 11px;
    margin: 0 auto;
    background: var(--color-gold-500);
    clip-path: polygon(7% 0, 93% 0, 100% 100%, 0 100%);
}

.dw-pay__slips {
    list-style: none;
    counter-reset: dw-pay;
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0 0 1.1rem;
    padding: 0;
}

.dw-pay__slips li {
    counter-increment: dw-pay;
}

.dw-pay__slips li:nth-child(even) {
    padding-left: 0.7rem;
}

.dw-pay__slip {
    position: relative;
    display: grid;
    grid-template-columns: 2rem 1fr;
    grid-template-rows: auto auto;
    column-gap: 0.75rem;
    row-gap: 0.25rem;
    padding: 0.95rem 1.05rem 0.95rem 1rem;
    background:
        repeating-linear-gradient(
            90deg,
            var(--surface-warm) 0 7px,
            transparent 7px 14px
        ) 0 0 / 100% 5px no-repeat,
        #fff;
    border: 1px solid rgba(7, 21, 37, 0.08);
    border-top: 0;
    box-shadow: 0 4px 0 rgba(7, 21, 37, 0.04);
}

.dw-pay__slip::before {
    content: counter(dw-pay, decimal-leading-zero);
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: var(--color-navy-900);
    background: var(--color-gold-500);
}

.dw-pay__icon {
    display: none;
}

.dw-pay__slip .dw-pay__icon {
    display: flex;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.dw-pay__title {
    grid-column: 2;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.dw-pay__slip .dw-pay__title {
    grid-row: 1;
    padding-right: 2.2rem;
}

.dw-pay__text {
    grid-column: 2;
    grid-row: 2;
}

.dw-pay__text,
.dw-pay__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.dw-pay__window {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    max-width: 42rem;
    padding: 1.05rem 1.15rem 1.1rem;
    color: inherit;
    text-decoration: none;
    background: var(--color-white);
    border: 3px solid var(--color-navy-800);
    box-shadow: inset 0 0 0 3px var(--color-gold-500);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.dw-pay__window-frame {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    left: 0.35rem;
    height: 7px;
    background: var(--color-navy-800);
}

.dw-pay__window .dw-pay__kicker {
    margin-top: 0.45rem;
    color: var(--color-navy-600);
}

.dw-pay__window-copy {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.dw-pay__window .dw-pay__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
    flex-shrink: 0;
}

.dw-pay__window .dw-pay__title {
    flex: 1;
    min-width: 0;
}

.dw-pay__window > .dw-pay__window-copy > i {
    color: var(--color-gold-500);
    flex-shrink: 0;
}

.dw-pay__window:hover,
.dw-pay__window:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.dw-pay__window:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .dw-pay__window {
        transition: none;
    }

    .dw-pay__window:hover,
    .dw-pay__window:focus-visible {
        transform: none;
    }
}

@media (max-width: 800px) {
    .dw-pay__slips li:nth-child(even) {
        padding-left: 0;
    }
}

.page-pillar.page-domestic-worker-insurance-uae .inner-content--dw-bond .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--dw-bond {
    background: var(--surface-navy-wash);
}

.inner-content--dw-bond p,
.inner-content--dw-bond li,
.inner-content--dw-bond .inner-content__body {
    text-align: left;
}

.dw-bond__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.dw-bond__header .section__title,
.dw-bond__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.dw-bond__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.dw-bond__deed {
    position: relative;
    display: grid;
    grid-template-columns: 14px 1fr;
    max-width: 46rem;
    margin: 0 0 1rem;
    background: #f8f4e8;
    border: 2px solid var(--color-navy-800);
    box-shadow: inset 0 0 0 5px #f8f4e8, inset 0 0 0 6px var(--color-gold-500);
}

.dw-bond__ribbon {
    position: relative;
    background: var(--color-gold-500);
}

.dw-bond__seal {
    position: absolute;
    top: 1.15rem;
    left: 50%;
    width: 22px;
    height: 22px;
    background: var(--color-gold-400);
    transform: translateX(-50%) rotate(45deg);
    box-shadow: 0 0 0 4px var(--color-navy-800);
}

.dw-bond__face {
    padding: 1.15rem 1.2rem 1.15rem 1.35rem;
}

.dw-bond__face > .dw-bond__kicker {
    margin-bottom: 0.4rem;
}

.dw-bond__intro,
.dw-bond__intro p {
    margin: 0 0 0.95rem;
    color: var(--color-grey-700);
}

.dw-bond__intro p:last-child {
    margin-bottom: 0;
}

.dw-bond__schedule {
    margin-top: 0.95rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--color-gold-500);
}

.dw-bond__schedule > .dw-bond__kicker {
    margin-bottom: 0.55rem;
}

.dw-bond__events {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
}

.dw-bond__event {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.55rem 0;
    border-bottom: 1px dotted rgba(7, 21, 37, 0.22);
    font-weight: 700;
    color: var(--color-navy-900);
}

.dw-bond__event:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.dw-bond__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    flex-shrink: 0;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.dw-bond__not {
    max-width: 46rem;
    margin: 0 0 1rem;
    padding: 0.7rem 1.05rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: lowercase;
    color: var(--color-gold-300);
    background: var(--color-navy-800);
}

.dw-bond__limits {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    max-width: 46rem;
    margin: 0;
    padding: 0;
}

.dw-bond__limit {
    position: relative;
    display: grid;
    grid-template-columns: 1.85rem 1fr;
    grid-template-rows: auto auto;
    column-gap: 0.75rem;
    row-gap: 0.2rem;
    padding: 0.9rem 1rem;
    background: var(--color-white);
    text-decoration: none;
    color: inherit;
}

.dw-bond__limit .dw-bond__icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
}

.dw-bond__limit .dw-bond__kicker {
    grid-column: 2;
    color: var(--color-navy-600);
}

.dw-bond__title {
    grid-column: 2;
    margin: 0;
    font-weight: 700;
    color: var(--color-navy-900);
}

.dw-bond__limit .inner-content__body,
.dw-bond__limit .inner-content__body p {
    grid-column: 2;
    margin: 0;
    color: var(--color-grey-700);
}

.dw-bond__limit--void .dw-bond__icon {
    position: relative;
}

.dw-bond__limit--void .dw-bond__icon::after {
    content: "";
    position: absolute;
    left: -12%;
    right: -12%;
    top: 50%;
    height: 2px;
    background: var(--color-gold-500);
    transform: rotate(-18deg);
}

.dw-bond__limit--ask {
    border: 1px dashed var(--color-navy-800);
}

.dw-bond__limit > i {
    display: none;
}

a.dw-bond__limit {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.dw-bond__limit > i {
    display: block;
    grid-column: 2;
    justify-self: end;
    color: var(--color-gold-500);
}

a.dw-bond__limit:hover,
a.dw-bond__limit:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.dw-bond__limit:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.dw-bond__note,
.dw-bond__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (prefers-reduced-motion: reduce) {
    a.dw-bond__limit {
        transition: none;
    }

    a.dw-bond__limit:hover,
    a.dw-bond__limit:focus-visible {
        transform: none;
    }
}

.page-pillar.page-domestic-worker-insurance-uae .inner-content--dw-fuse .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--dw-fuse {
    background: var(--surface-muted-wash);
}

.inner-content--dw-fuse p,
.inner-content--dw-fuse li,
.inner-content--dw-fuse .inner-content__body {
    text-align: left;
}

.dw-fuse__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.dw-fuse__header .section__title,
.dw-fuse__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.dw-fuse__chips {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0 0 1.1rem;
    padding: 0;
}

.dw-fuse__chips li {
    padding: 0.32rem 0.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--color-navy-800);
    background: var(--color-white);
    border: 1px solid var(--color-gold-500);
}

.dw-fuse__intro,
.dw-fuse__intro p,
.dw-fuse__note,
.dw-fuse__note p {
    margin: 0 0 1rem;
    max-width: 46rem;
}

.dw-fuse__panel {
    max-width: 46rem;
    padding: 0.85rem 0.75rem 0.75rem;
    background: var(--color-navy-800);
}

.dw-fuse__bus {
    display: block;
    height: 7px;
    margin: 0 0.25rem 0.75rem;
    background: var(--color-gold-500);
    box-shadow: 0 0 0 2px var(--color-navy-900);
}

.dw-fuse__breakers {
    list-style: none;
    counter-reset: dw-fuse;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
}

.dw-fuse__breakers li {
    counter-increment: dw-fuse;
}

.dw-fuse__row {
    display: grid;
    grid-template-columns: 2.5rem auto 1fr;
    align-items: start;
    gap: 0.7rem;
    padding: 1.2rem 0.85rem 0.8rem;
    background: #f4f1e6;
    color: inherit;
    text-decoration: none;
}

.dw-fuse__rocker {
    position: relative;
    display: block;
    width: 1.85rem;
    height: 1.15rem;
    margin-top: 0.35rem;
    background: var(--color-navy-900);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.dw-fuse__rocker::before {
    content: counter(dw-fuse, decimal-leading-zero);
    position: absolute;
    top: -1.05rem;
    left: 0;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: var(--color-gold-400);
}

.dw-fuse__rocker::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 0.7rem;
    height: calc(100% - 4px);
    background: var(--color-gold-500);
}

.dw-fuse__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    margin-top: 0.1rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.dw-fuse__copy {
    min-width: 0;
}

.dw-fuse__title {
    margin: 0 0 0.2rem;
    font-weight: 700;
    color: var(--color-navy-900);
}

.dw-fuse__text,
.dw-fuse__row .inner-content__body,
.dw-fuse__row .inner-content__body p {
    margin: 0;
    font-weight: 700;
    line-height: 1.45;
    color: var(--color-navy-900);
}

.dw-fuse__row > i {
    display: none;
}

a.dw-fuse__row {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.dw-fuse__row > i {
    display: block;
    align-self: center;
    color: var(--color-gold-500);
}

a.dw-fuse__row:hover,
a.dw-fuse__row:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.dw-fuse__row:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    a.dw-fuse__row {
        transition: none;
    }

    a.dw-fuse__row:hover,
    a.dw-fuse__row:focus-visible {
        transform: none;
    }
}

@media (max-width: 800px) {
    .dw-fuse__row {
        grid-template-columns: 2.1rem 1fr;
    }

    .dw-fuse__icon {
        display: none;
    }
}

.page-pillar.page-domestic-worker-insurance-uae .inner-content--dw-miss .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--dw-miss {
    background: var(--surface-warm-wash);
}

.inner-content--dw-miss p,
.inner-content--dw-miss li,
.inner-content--dw-miss .inner-content__body {
    text-align: left;
}

.dw-miss__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.dw-miss__header .section__title,
.dw-miss__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.dw-miss__chips {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0 0 1.15rem;
    padding: 0;
}

.dw-miss__chips li {
    padding: 0.32rem 0.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--color-navy-800);
    background: var(--color-white);
    border: 1px solid var(--color-gold-500);
}

.dw-miss__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.dw-miss__intro,
.dw-miss__intro p,
.dw-miss__note,
.dw-miss__note p {
    margin: 0 0 1rem;
    max-width: 46rem;
}

.dw-miss__yard {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    max-width: 54rem;
    margin: 0 0 1.15rem;
    padding: 0;
    align-items: stretch;
}

.dw-miss__yard > li {
    display: flex;
}

.dw-miss__sign {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    width: 100%;
    min-height: 14.5rem;
    padding: 1.7rem 1.05rem 0.85rem;
    background: var(--color-gold-400);
    color: var(--color-navy-900);
}

.dw-miss__peak {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 14px;
    background: var(--color-navy-800);
    clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

.dw-miss__sign::after {
    content: "";
    display: block;
    height: 8px;
    margin: 0.55rem 0.35rem 0;
    background:
        linear-gradient(
            90deg,
            transparent 16%,
            var(--color-navy-800) 16% 26%,
            transparent 26% 74%,
            var(--color-navy-800) 74% 84%,
            transparent 84%
        );
}

.dw-miss__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.dw-miss__title {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 800;
    line-height: 1.3;
}

.dw-miss__text,
.dw-miss__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
}

.dw-miss__go {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: auto;
    padding: 0.55rem 0.7rem;
    color: var(--color-gold-300);
    text-decoration: none;
    background: var(--color-navy-800);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.dw-miss__go span {
    font-weight: 700;
}

.dw-miss__go i {
    color: var(--color-gold-500);
    flex-shrink: 0;
}

.dw-miss__go:hover,
.dw-miss__go:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.dw-miss__go:focus-visible {
    outline: 2px solid var(--color-navy-800);
    outline-offset: 3px;
}

.dw-miss__cannot {
    max-width: 54rem;
    padding: 1.05rem 1.15rem 1.1rem;
    background: var(--color-navy-800);
    color: rgba(255, 255, 255, 0.86);
}

.dw-miss__cannot .dw-miss__kicker {
    margin-bottom: 0.35rem;
}

.dw-miss__cannot .inner-content__body,
.dw-miss__cannot .inner-content__body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
}

@media (prefers-reduced-motion: reduce) {
    .dw-miss__go {
        transition: none;
    }

    .dw-miss__go:hover,
    .dw-miss__go:focus-visible {
        transform: none;
    }
}

@media (max-width: 800px) {
    .dw-miss__yard {
        grid-template-columns: 1fr;
    }

    .dw-miss__sign {
        min-height: 0;
    }
}

.page-pillar.page-domestic-worker-insurance-uae .inner-content--dw-live .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--dw-live {
    background: var(--surface-navy-wash);
}

.inner-content--dw-live p,
.inner-content--dw-live li,
.inner-content--dw-live .inner-content__body {
    text-align: left;
}

.dw-live__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.dw-live__header .section__title,
.dw-live__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.dw-live__kicker {
    margin: 0 0 0.85rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.dw-live__intro,
.dw-live__intro p,
.dw-live__note,
.dw-live__note p {
    margin: 0 0 1rem;
    max-width: 46rem;
}

.dw-live__row {
    max-width: 70rem;
}

.dw-live__street {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10.75rem, 1fr));
    gap: 0.45rem;
    align-items: end;
    margin: 0;
    padding: 0;
}

.dw-live__street > li {
    min-width: 0;
}

.dw-live__house {
    display: flex;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.dw-live__roof {
    display: block;
    height: 1.35rem;
    background: var(--color-navy-800);
    clip-path: polygon(0 100%, 14% 0, 86% 0, 100% 100%);
}

.dw-live__face {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 12.25rem;
    padding: 0.85rem 0.75rem 0.7rem;
    background: var(--color-white);
    border: 1px solid rgba(7, 21, 37, 0.12);
    border-top: 0;
}

.dw-live__street > li:nth-child(even) .dw-live__face {
    min-height: 13.5rem;
}

.dw-live__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.dw-live__title {
    font-weight: 700;
    font-size: 0.92rem;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.dw-live__desc {
    font-size: 0.82rem;
    line-height: 1.4;
    color: var(--color-grey-700);
}

.dw-live__door {
    display: block;
    width: 1.15rem;
    height: 1.7rem;
    margin-top: auto;
    background: var(--color-gold-500);
    clip-path: polygon(0 12%, 50% 0, 100% 12%, 100% 100%, 0 100%);
}

.dw-live__house > .dw-live__face > i {
    color: var(--color-gold-500);
    font-size: 0.9rem;
}

.dw-live__kerb {
    display: block;
    height: 14px;
    background:
        repeating-linear-gradient(
            90deg,
            var(--color-gold-500) 0 11px,
            transparent 11px 20px
        ) center / 100% 3px no-repeat,
        var(--color-navy-800);
}

.dw-live__house:hover,
.dw-live__house:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.dw-live__house:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .dw-live__house {
        transition: none;
    }

    .dw-live__house:hover,
    .dw-live__house:focus-visible {
        transform: none;
    }
}

@media (max-width: 900px) {
    .dw-live__street {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .dw-live__street > li:nth-child(even) .dw-live__face,
    .dw-live__face {
        min-height: 0;
    }
}

@media (max-width: 560px) {
    .dw-live__street {
        grid-template-columns: 1fr;
    }
}

.page-pillar.page-domestic-worker-insurance-uae .inner-content--dw-cite .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--dw-cite {
    background: var(--surface-muted-wash);
}

.inner-content--dw-cite p,
.inner-content--dw-cite li,
.inner-content--dw-cite .inner-content__body {
    text-align: left;
}

.dw-cite__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.dw-cite__header .section__title,
.dw-cite__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.dw-cite__kicker {
    margin: 0 0 0.75rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-800);
}

.dw-cite__board {
    max-width: 54rem;
    padding: 1.15rem 1.1rem 1.2rem;
    background: #c4b089;
    border: 10px solid var(--color-navy-800);
    box-shadow: inset 0 0 0 2px var(--color-gold-500);
}

.dw-cite__memo,
.dw-cite__memo p {
    margin: 0 0 1rem;
    padding: 0.85rem 0.95rem;
    background: #f8f4e8;
    color: var(--color-grey-700);
}

.dw-cite__lead {
    margin: 0 0 0.85rem;
}

.dw-cite__pins {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.dw-cite__sheet {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 1.35rem 0.95rem 0.95rem;
    color: inherit;
    text-decoration: none;
    background: #fbf7ea;
    box-shadow: 0 1px 0 rgba(7, 21, 37, 0.12);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.dw-cite__tack {
    position: absolute;
    top: 0.45rem;
    left: 50%;
    width: 12px;
    height: 12px;
    background: var(--color-gold-500);
    transform: translateX(-50%);
    box-shadow: 0 5px 0 var(--color-navy-800);
}

.dw-cite__tack::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 2px;
    height: 8px;
    background: var(--color-navy-800);
    transform: translateX(-50%);
}

.dw-cite__head {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dw-cite__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
    flex-shrink: 0;
}

.dw-cite__host {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: lowercase;
    color: var(--color-navy-600);
    min-width: 0;
    overflow-wrap: anywhere;
}

.dw-cite__head > i {
    margin-left: auto;
    color: var(--color-gold-500);
    font-size: 0.85rem;
}

.dw-cite__title {
    font-weight: 700;
    font-size: 0.98rem;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.dw-cite__desc {
    font-size: 0.84rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.dw-cite__sheet--lead {
    padding-top: 1.5rem;
}

.dw-cite__sheet:hover,
.dw-cite__sheet:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.dw-cite__sheet:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.dw-cite__foot {
    max-width: 54rem;
    margin: 1.05rem 0 0;
    padding: 0.85rem 0 0 1rem;
    border-left: 3px solid var(--color-gold-500);
    font-size: 0.88rem;
    color: var(--color-grey-700);
}

.dw-cite__foot p,
.dw-cite__foot .seo-sources__foot {
    margin: 0;
    font-size: inherit;
    color: inherit;
}

@media (prefers-reduced-motion: reduce) {
    .dw-cite__sheet {
        transition: none;
    }

    .dw-cite__sheet:hover,
    .dw-cite__sheet:focus-visible {
        transform: none;
    }
}

@media (max-width: 800px) {
    .dw-cite__pins {
        grid-template-columns: 1fr;
    }
}

.page-pillar.page-uae-work-permit-health-insurance-check .inner-content--wp-stall .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--wp-stall {
    background: var(--surface-muted-wash);
}

.inner-content--wp-stall p,
.inner-content--wp-stall li,
.inner-content--wp-stall .inner-content__body {
    text-align: left;
}

.wp-stall__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.wp-stall__header .section__title,
.wp-stall__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.wp-stall__chips {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0 0 1.15rem;
    padding: 0;
}

.wp-stall__chips li {
    padding: 0.32rem 0.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--color-navy-800);
    background: var(--color-white);
    border: 1px solid var(--color-gold-500);
}

.wp-stall__kicker {
    margin: 0 0 0.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.wp-stall__lane {
    position: relative;
    overflow: hidden;
    max-width: 46rem;
    margin: 0 0 1.15rem;
    padding: 1.85rem 1.15rem 1.15rem 2.6rem;
    background: var(--color-navy-800);
    color: rgba(255, 255, 255, 0.86);
}

.wp-stall__booth {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1.35rem;
    background: var(--color-navy-900);
}

.wp-stall__hinge {
    position: absolute;
    top: 1.35rem;
    left: 0.35rem;
    width: 14px;
    height: 14px;
    background: var(--color-gold-500);
    transform: rotate(45deg);
}

.wp-stall__boom {
    position: absolute;
    top: 1.15rem;
    left: 0.55rem;
    width: 42rem;
    height: 8px;
    background: var(--color-gold-500);
    transform: rotate(5deg);
    transform-origin: left center;
    pointer-events: none;
}

.wp-stall__track {
    position: relative;
    height: 8px;
    margin: 0.35rem 0 1rem;
    background: var(--color-navy-600);
}

.wp-stall__token {
    position: absolute;
    left: 16%;
    top: -6px;
    width: 18px;
    height: 18px;
    background: var(--color-gold-500);
}

.wp-stall__file,
.wp-stall__file p {
    margin: 0;
    position: relative;
    z-index: 1;
    padding: 0.9rem 1rem;
    background: #f8f4e8;
    color: var(--color-grey-700);
}

.wp-stall__halts {
    list-style: none;
    counter-reset: wp-halt;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    max-width: 46rem;
    margin: 0;
    padding: 0;
}

.wp-stall__halts li {
    counter-increment: wp-halt;
}

.wp-stall__halt {
    position: relative;
    display: grid;
    grid-template-columns: 2.1rem auto 1fr;
    column-gap: 0.75rem;
    row-gap: 0.2rem;
    padding: 0.9rem 1rem 0.95rem 1.1rem;
    background: var(--color-white);
    border-left: 5px solid var(--color-gold-500);
    color: inherit;
    text-decoration: none;
}

.wp-stall__halt::before {
    content: counter(wp-halt, decimal-leading-zero);
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.wp-stall__icon {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: start;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    color: var(--color-navy-800);
    background: var(--color-gold-500);
}

.wp-stall__title {
    grid-column: 3;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.wp-stall__text,
.wp-stall__text p,
.wp-stall__halt .inner-content__body,
.wp-stall__halt .inner-content__body p {
    grid-column: 3;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.wp-stall__halt > i {
    display: none;
}

a.wp-stall__halt {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.wp-stall__halt > i {
    display: block;
    grid-column: 3;
    justify-self: end;
    color: var(--color-gold-500);
}

a.wp-stall__halt:hover,
a.wp-stall__halt:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.wp-stall__halt:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.wp-stall__note,
.wp-stall__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (prefers-reduced-motion: reduce) {
    a.wp-stall__halt {
        transition: none;
    }

    a.wp-stall__halt:hover,
    a.wp-stall__halt:focus-visible {
        transform: none;
    }
}

@media (max-width: 800px) {
    .wp-stall__halt {
        grid-template-columns: 2.1rem 1fr;
    }

    .wp-stall__icon {
        display: none;
    }

    .wp-stall__title,
    .wp-stall__text,
    .wp-stall__halt .inner-content__body {
        grid-column: 2;
    }
}

.page-pillar.page-uae-work-permit-health-insurance-check .inner-content--wp-july .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--wp-july {
    background: var(--surface-warm-wash);
}

.inner-content--wp-july p,
.inner-content--wp-july li,
.inner-content--wp-july .inner-content__body {
    text-align: left;
}

.wp-july__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.wp-july__header .section__title,
.wp-july__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.wp-july__chips {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0 0 1.1rem;
    padding: 0;
}

.wp-july__chips li {
    padding: 0.32rem 0.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--color-navy-800);
    background: var(--color-white);
    border: 1px solid var(--color-gold-500);
}

.wp-july__kicker {
    display: block;
    margin: 0 0 0.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.wp-july__intro,
.wp-july__intro p {
    margin: 0 0 1rem;
    max-width: 46rem;
}

.wp-july__date {
    display: flex;
    align-items: stretch;
    max-width: 11.5rem;
    margin: 0 0 1.15rem;
    background: var(--color-navy-800);
}

.wp-july__day {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3.5rem;
    padding: 0.55rem 0.65rem;
    font-size: 1.85rem;
    font-weight: 800;
    line-height: 1;
    color: var(--color-navy-900);
    background: var(--color-gold-500);
}

.wp-july__mdy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.15rem;
    padding: 0.45rem 0.7rem;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.wp-july__book {
    max-width: 46rem;
}

.wp-july__aspects {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
    padding: 0;
}

.wp-july__question {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0 0 0.55rem;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.wp-july__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    flex-shrink: 0;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.wp-july__pair {
    display: flex;
    flex-direction: column;
}

.wp-july__before {
    padding: 0.85rem 1rem 0.75rem;
    background: #fbf7ea;
    border: 1px solid rgba(7, 21, 37, 0.08);
    border-bottom: 0;
}

.wp-july__tear {
    display: block;
    height: 10px;
    background:
        radial-gradient(circle at 10px 0, transparent 6px, var(--color-navy-800) 6.5px) 0 0 / 20px 10px repeat-x;
}

.wp-july__after {
    padding: 0.85rem 1rem 0.95rem;
    background: var(--color-navy-800);
    color: rgba(255, 255, 255, 0.88);
}

.wp-july__col {
    display: block;
    margin-bottom: 0.3rem;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-navy-600);
}

.wp-july__after .wp-july__col {
    color: var(--color-gold-300);
}

.wp-july__cell {
    font-size: 0.95rem;
    line-height: 1.45;
    color: var(--color-navy-900);
}

.wp-july__after .wp-july__cell {
    color: rgba(255, 255, 255, 0.9);
}

.wp-july__same {
    display: inline-flex;
    align-items: center;
    padding: 0.12rem 0.45rem;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-navy-900);
    background: var(--color-gold-500);
}

.wp-july__duty {
    max-width: 46rem;
    margin: 1.15rem 0 0;
    padding: 1rem 1.1rem 1.05rem;
    background: var(--color-white);
    border-left: 5px solid var(--color-gold-500);
}

.wp-july__duty .wp-july__kicker {
    color: var(--color-navy-800);
}

.wp-july__duty .inner-content__body,
.wp-july__duty .inner-content__body p {
    margin: 0;
    color: var(--color-grey-700);
}

.wp-july__go {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    max-width: 46rem;
    margin: 0.85rem 0 0;
    padding: 1rem 1.1rem 1.05rem;
    color: inherit;
    text-decoration: none;
    background: var(--color-white);
    border: 1px solid rgba(7, 21, 37, 0.1);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.wp-july__go .wp-july__kicker {
    margin: 0;
    text-transform: none;
    letter-spacing: 0.02em;
    font-size: 0.78rem;
    color: var(--color-navy-600);
}

.wp-july__go-copy {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    padding-right: 1.8rem;
}

.wp-july__title {
    font-weight: 700;
    color: var(--color-navy-900);
}

.wp-july__desc {
    font-size: 0.88rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.wp-july__go > i {
    align-self: flex-end;
    margin-top: -1.6rem;
    color: var(--color-gold-500);
}

.wp-july__go:hover,
.wp-july__go:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.wp-july__go:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.wp-july__note,
.wp-july__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (prefers-reduced-motion: reduce) {
    .wp-july__go {
        transition: none;
    }

    .wp-july__go:hover,
    .wp-july__go:focus-visible {
        transform: none;
    }
}

.page-pillar.page-uae-work-permit-health-insurance-check .inner-content--wp-scan .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--wp-scan {
    background: var(--surface-navy-wash);
}

.inner-content--wp-scan p,
.inner-content--wp-scan li,
.inner-content--wp-scan .inner-content__body {
    text-align: left;
}

.wp-scan__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.wp-scan__header .section__title,
.wp-scan__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.wp-scan__chips {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0 0 1.1rem;
    padding: 0;
}

.wp-scan__chips li {
    padding: 0.32rem 0.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--color-navy-800);
    background: var(--color-white);
    border: 1px solid var(--color-gold-500);
}

.wp-scan__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.wp-scan__intro,
.wp-scan__intro p {
    margin: 0 0 1rem;
    max-width: 46rem;
}

.wp-scan__unit {
    max-width: 46rem;
}

.wp-scan__hood {
    display: block;
    height: 1.35rem;
    background: var(--color-navy-900);
}

.wp-scan__slit {
    display: block;
    width: 72%;
    height: 6px;
    margin: 0 auto;
    background: var(--color-gold-500);
    clip-path: polygon(6% 0, 94% 0, 100% 100%, 0 100%);
}

.wp-scan__glass {
    position: relative;
    padding: 1.15rem 1.05rem 1.05rem;
    background: linear-gradient(180deg, rgba(201, 162, 39, 0.12) 0 6px, #f4f1e6 6px 100%);
    border: 1px solid rgba(7, 21, 37, 0.1);
    border-top: 0;
}

.wp-scan__beam {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--color-gold-500);
    box-shadow: 0 8px 16px var(--color-gold-glow);
}

.wp-scan__fields {
    list-style: none;
    counter-reset: wp-scan;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin: 0;
    padding: 0;
}

.wp-scan__fields > li {
    counter-increment: wp-scan;
}

.wp-scan__field {
    display: grid;
    grid-template-columns: 2.1rem auto 1fr;
    column-gap: 0.7rem;
    row-gap: 0.25rem;
    padding: 0 0 0.75rem;
    border-bottom: 1px dotted rgba(7, 21, 37, 0.28);
    color: inherit;
    text-decoration: none;
}

.wp-scan__fields > li:last-child .wp-scan__field {
    padding-bottom: 0;
    border-bottom: 0;
}

.wp-scan__field::before {
    content: counter(wp-scan, decimal-leading-zero);
    grid-column: 1;
    grid-row: 1 / span 3;
    align-self: start;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: var(--color-navy-600);
    padding-top: 0.35rem;
}

.wp-scan__icon {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: start;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.wp-scan__title {
    grid-column: 3;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.wp-scan__text,
.wp-scan__text p,
.wp-scan__field .inner-content__body,
.wp-scan__field .inner-content__body p {
    grid-column: 3;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.wp-scan__marks {
    grid-column: 3;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0.15rem 0 0;
    padding: 0;
}

.wp-scan__marks li {
    padding: 0.18rem 0.45rem;
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--color-navy-800);
    background: var(--color-white);
    border: 1px solid var(--color-gold-500);
}

.wp-scan__field > i {
    display: none;
}

a.wp-scan__field {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.wp-scan__field > i {
    display: block;
    grid-column: 3;
    justify-self: end;
    color: var(--color-gold-500);
}

a.wp-scan__field:hover,
a.wp-scan__field:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.wp-scan__field:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.wp-scan__blank {
    max-width: 46rem;
    margin: 1.1rem 0 0;
    padding: 1rem 1.1rem 1.05rem;
    background: var(--color-navy-800);
    color: rgba(255, 255, 255, 0.78);
}

.wp-scan__status {
    display: block;
    margin: 0.2rem 0 0.55rem;
    font-weight: 700;
    color: var(--color-gold-300);
}

.wp-scan__blank .inner-content__body,
.wp-scan__blank .inner-content__body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
}

@media (prefers-reduced-motion: reduce) {
    a.wp-scan__field {
        transition: none;
    }

    a.wp-scan__field:hover,
    a.wp-scan__field:focus-visible {
        transform: none;
    }
}

@media (max-width: 800px) {
    .wp-scan__field {
        grid-template-columns: 2.1rem 1fr;
    }

    .wp-scan__icon {
        display: none;
    }

    .wp-scan__title,
    .wp-scan__text,
    .wp-scan__marks,
    .wp-scan__field .inner-content__body {
        grid-column: 2;
    }
}

.page-pillar.page-uae-work-permit-health-insurance-check .inner-content--wp-wage .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--wp-wage {
    background: var(--surface-warm-wash);
}

.inner-content--wp-wage p,
.inner-content--wp-wage li,
.inner-content--wp-wage .inner-content__body {
    text-align: left;
}

.wp-wage__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.wp-wage__header .section__title,
.wp-wage__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.wp-wage__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.wp-wage__packet {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    box-shadow: var(--shadow-md);
}

.wp-wage__flap {
    display: block;
    height: 1.35rem;
    background: var(--color-gold-500);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.wp-wage__slip {
    position: relative;
    padding: 1.25rem 1.2rem 1.2rem;
    background: var(--color-navy-800);
    color: rgba(255, 255, 255, 0.86);
}

.wp-wage__slip::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0.7rem;
    right: 0.7rem;
    border-top: 1px dashed rgba(248, 244, 232, 0.35);
}

.wp-wage__lock {
    margin: 0.25rem 0 0.75rem;
    font-weight: 700;
    font-size: 1.02rem;
    line-height: 1.35;
    color: var(--color-white);
}

.wp-wage__intro,
.wp-wage__intro p {
    margin: 0 0 0.9rem;
    color: rgba(255, 255, 255, 0.82);
}

.wp-wage__intro p:last-child {
    margin-bottom: 0;
}

.wp-wage__bars {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin: 0.9rem 0 0;
    padding: 0;
}

.wp-wage__bars li {
    position: relative;
    padding: 0.5rem 0.75rem 0.5rem 2.4rem;
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--color-navy-900);
    background: #f8f4e8;
}

.wp-wage__bars li::before {
    content: "";
    position: absolute;
    left: 0.65rem;
    top: 50%;
    width: 1.15rem;
    height: 2px;
    background: var(--color-gold-500);
    transform: translateY(-50%) rotate(-18deg);
}

.wp-wage__lines {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    max-width: 46rem;
    margin: 0;
    padding: 0;
}

.wp-wage__line {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 0.75rem;
    row-gap: 0.2rem;
    padding: 0.9rem 1rem;
    background: var(--color-white);
    color: inherit;
    text-decoration: none;
    box-shadow: inset 4px 0 0 var(--color-gold-500);
}

.wp-wage__icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.wp-wage__title {
    grid-column: 2;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.wp-wage__text,
.wp-wage__text p,
.wp-wage__line .inner-content__body,
.wp-wage__line .inner-content__body p {
    grid-column: 2;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.wp-wage__line--raise {
    background: var(--color-navy-800);
}

.wp-wage__line--raise .wp-wage__icon {
    color: var(--color-navy-900);
    background: var(--color-gold-500);
}

.wp-wage__line--raise .wp-wage__title {
    color: var(--color-white);
}

.wp-wage__line--raise .wp-wage__text,
.wp-wage__line--raise .wp-wage__text p,
.wp-wage__line--raise .inner-content__body,
.wp-wage__line--raise .inner-content__body p {
    color: rgba(255, 255, 255, 0.8);
}

.wp-wage__line > i {
    display: none;
}

a.wp-wage__line {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.wp-wage__line > i {
    display: block;
    grid-column: 2;
    justify-self: end;
    color: var(--color-gold-500);
}

a.wp-wage__line:hover,
a.wp-wage__line:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.wp-wage__line:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.wp-wage__note,
.wp-wage__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (prefers-reduced-motion: reduce) {
    a.wp-wage__line {
        transition: none;
    }

    a.wp-wage__line:hover,
    a.wp-wage__line:focus-visible {
        transform: none;
    }
}

.page-pillar.page-uae-work-permit-health-insurance-check .inner-content--wp-hold .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--wp-hold {
    background: var(--surface-muted-wash);
}

.inner-content--wp-hold p,
.inner-content--wp-hold li,
.inner-content--wp-hold .inner-content__body {
    text-align: left;
}

.wp-hold__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.wp-hold__header .section__title,
.wp-hold__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.wp-hold__cert {
    position: relative;
    max-width: 46rem;
    margin: 0 0 1.35rem;
    overflow: hidden;
    background: var(--color-white);
    box-shadow: var(--shadow-md);
}

.wp-hold__thread {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 1.05rem;
    width: 0.55rem;
    background: repeating-linear-gradient(
        -32deg,
        var(--color-gold-500) 0 6px,
        var(--color-gold-300) 6px 10px
    );
}

.wp-hold__sash {
    padding: 1rem 1.15rem 1rem 2.2rem;
    background: var(--color-navy-800);
}

.wp-hold__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.wp-hold__kicker--ok {
    margin: 0 0 0.85rem;
    color: var(--color-navy-800);
}

.wp-hold__lock {
    margin: 0.3rem 0 0;
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-white);
}

.wp-hold__sheet,
.wp-hold__sheet p {
    margin: 0;
    color: var(--color-grey-700);
}

.wp-hold__cert .wp-hold__sheet {
    padding: 1.1rem 1.15rem 1.15rem 2.2rem;
}

.wp-hold__ok {
    position: relative;
    max-width: 46rem;
}

.wp-hold__rail {
    display: block;
    height: 0.28rem;
    margin: 0 0.4rem;
    background: var(--color-gold-500);
}

.wp-hold__tags {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem 0.85rem;
    margin: 0;
    padding: 0;
}

.wp-hold__tag {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
    min-height: 100%;
    margin-top: 1.15rem;
    padding: 1.55rem 0.85rem 0.95rem;
    background: #f8f4e8;
    color: inherit;
    text-decoration: none;
}

.wp-hold__tags li:nth-child(1) .wp-hold__tag {
    transform: rotate(-1.4deg);
}

.wp-hold__tags li:nth-child(2) .wp-hold__tag {
    transform: rotate(1.15deg);
}

.wp-hold__tags li:nth-child(3) .wp-hold__tag {
    transform: rotate(-0.7deg);
}

.wp-hold__string {
    position: absolute;
    top: -1.15rem;
    left: 50%;
    width: 2px;
    height: 1.15rem;
    background: var(--color-gold-500);
    transform: translateX(-50%);
}

.wp-hold__eyelet {
    position: absolute;
    top: 0.45rem;
    left: 50%;
    width: 0.72rem;
    height: 0.72rem;
    border: 2px solid var(--color-gold-500);
    border-radius: 50%;
    background: radial-gradient(circle at 40% 35%, #fff8e8 0 38%, #e6d7a8 100%);
    transform: translateX(-50%);
}

.wp-hold__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.wp-hold__text,
.wp-hold__tag p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--color-navy-900);
}

.wp-hold__tag > i {
    display: none;
}

a.wp-hold__tag {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.wp-hold__tag > i {
    display: block;
    margin-left: auto;
    color: var(--color-gold-500);
}

a.wp-hold__tag:hover,
a.wp-hold__tag:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.wp-hold__tag:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.wp-hold__test {
    max-width: 46rem;
    margin: 1.15rem 0 0;
    padding: 0.85rem 1rem;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-white);
    background: var(--color-navy-800);
    box-shadow: inset 4px 0 0 var(--color-gold-500);
}

.wp-hold__note,
.wp-hold__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (max-width: 720px) {
    .wp-hold__tags {
        grid-template-columns: 1fr;
    }

    .wp-hold__tags li:nth-child(n) .wp-hold__tag {
        transform: none;
        margin-top: 1rem;
    }

    .wp-hold__rail {
        display: none;
    }

    .wp-hold__ok {
        padding-left: 1.1rem;
        border-left: 4px solid var(--color-gold-500);
    }

    .wp-hold__string {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wp-hold__tags li:nth-child(n) .wp-hold__tag {
        transform: none;
    }

    a.wp-hold__tag {
        transition: none;
    }

    a.wp-hold__tag:hover,
    a.wp-hold__tag:focus-visible {
        transform: none;
    }
}

.page-pillar.page-uae-work-permit-health-insurance-check .inner-content--wp-rack .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--wp-rack {
    background: var(--surface-navy-wash);
}

.inner-content--wp-rack p,
.inner-content--wp-rack li,
.inner-content--wp-rack .inner-content__body {
    text-align: left;
}

.wp-rack__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.wp-rack__header .section__title,
.wp-rack__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.wp-rack__intro,
.wp-rack__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.wp-rack__bay {
    max-width: 46rem;
    padding: 0.2rem 0.3rem 0.35rem;
    background: var(--color-navy-800);
    box-shadow: var(--shadow-md);
}

.wp-rack__bar {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.85rem;
    padding: 0.75rem 0.95rem 0.7rem;
}

.wp-rack__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.wp-rack__order {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--color-white);
}

.wp-rack__cards {
    list-style: none;
    counter-reset: hrcheck;
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    margin: 0;
    padding: 0 0.4rem 0.45rem;
}

.wp-rack__cards > li {
    counter-increment: hrcheck;
}

.wp-rack__cards > li:nth-child(even) .wp-rack__card {
    margin-left: 0.95rem;
}

.wp-rack__cards > li:nth-child(odd) .wp-rack__card {
    margin-right: 0.55rem;
}

.wp-rack__card {
    display: grid;
    grid-template-columns: 2.35rem auto 1fr;
    column-gap: 0.7rem;
    align-items: start;
    padding: 0.7rem 0.75rem 0.55rem 0;
    background: #f8f4e8;
    color: inherit;
    text-decoration: none;
}

.wp-rack__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    font-size: 0.92rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.wp-rack__tab::before {
    content: counter(hrcheck);
}

.wp-rack__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    margin-top: 0.25rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.wp-rack__text,
.wp-rack__text p,
.wp-rack__card .inner-content__body,
.wp-rack__card .inner-content__body p {
    margin: 0;
    padding-top: 0.15rem;
    font-size: 0.92rem;
    line-height: 1.45;
    color: var(--color-navy-900);
}

.wp-rack__card::after {
    content: "";
    grid-column: 1 / -1;
    height: 0.42rem;
    margin: 0.45rem 0.55rem 0 0;
    background: repeating-linear-gradient(
        90deg,
        transparent 0 7px,
        rgba(15, 32, 56, 0.22) 7px 10px
    );
}

.wp-rack__card > i {
    display: none;
}

a.wp-rack__card {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.wp-rack__card > i {
    display: block;
    justify-self: end;
    align-self: center;
    color: var(--color-gold-500);
}

a.wp-rack__card:hover,
a.wp-rack__card:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.wp-rack__card:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.wp-rack__shut {
    margin: 0 0.4rem 0.4rem;
    padding: 0.9rem 1rem 0.95rem;
    background: #152238;
}

.wp-rack__blinds {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0.7rem 0 0;
    padding: 0;
}

.wp-rack__blinds li {
    position: relative;
    padding: 0.45rem 0.65rem 0.45rem 1.7rem;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.86);
    background: rgba(255, 255, 255, 0.05);
}

.wp-rack__blinds li::before {
    content: "";
    position: absolute;
    left: 0.55rem;
    top: 50%;
    width: 0.55rem;
    height: 0.55rem;
    border: 2px solid var(--color-gold-500);
    transform: translateY(-50%);
}

.wp-rack__hold {
    margin: 0.75rem 0 0;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--color-gold-300);
}

.wp-rack__note,
.wp-rack__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (max-width: 640px) {
    .wp-rack__cards > li:nth-child(even) .wp-rack__card,
    .wp-rack__cards > li:nth-child(odd) .wp-rack__card {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.wp-rack__card {
        transition: none;
    }

    a.wp-rack__card:hover,
    a.wp-rack__card:focus-visible {
        transform: none;
    }
}

.page-pillar.page-uae-work-permit-health-insurance-check .inner-content--wp-rose .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--wp-rose {
    background: var(--surface-warm-wash);
}

.inner-content--wp-rose p,
.inner-content--wp-rose li,
.inner-content--wp-rose .inner-content__body {
    text-align: left;
}

.wp-rose__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.wp-rose__header .section__title,
.wp-rose__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.wp-rose__chips {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    max-width: 46rem;
    margin: 0 0 1.15rem;
    padding: 0;
}

.wp-rose__chips li {
    padding: 0.32rem 0.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--color-navy-800);
    background: var(--color-white);
    border: 1px solid var(--color-gold-500);
}

.wp-rose__intro,
.wp-rose__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.wp-rose__plot {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-width: 46rem;
}

.wp-rose__arms {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.wp-rose__hub {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    background: var(--color-navy-800);
}

.wp-rose__plot--cross {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 9.5rem minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    grid-template-areas:
        ". n ."
        "w hub e"
        ". s .";
    gap: 0.7rem 0.8rem;
    max-width: 54rem;
    align-items: center;
}

.wp-rose__plot--cross .wp-rose__hub {
    grid-area: hub;
    flex-direction: column;
    justify-content: center;
    width: 9.5rem;
    height: 9.5rem;
    padding: 0.7rem;
    border-radius: 50%;
    text-align: center;
    background:
        linear-gradient(var(--color-gold-500), var(--color-gold-500)) center / 2px 22% no-repeat,
        linear-gradient(90deg, var(--color-gold-500), var(--color-gold-500)) center / 22% 2px no-repeat,
        var(--color-navy-800);
    box-shadow: 0 0 0 3px var(--color-gold-500), 0 0 0 7px var(--color-navy-800);
}

.wp-rose__plot--cross .wp-rose__arms {
    display: contents;
}

.wp-rose__plot--cross .wp-rose__arms > li:nth-child(1) { grid-area: n; }
.wp-rose__plot--cross .wp-rose__arms > li:nth-child(2) { grid-area: e; }
.wp-rose__plot--cross .wp-rose__arms > li:nth-child(3) { grid-area: s; }
.wp-rose__plot--cross .wp-rose__arms > li:nth-child(4) { grid-area: w; }

.wp-rose__icon,
.wp-rose__mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 1.75rem;
    color: var(--color-navy-900);
    background: var(--color-gold-500);
}

.wp-rose__plot--cross .wp-rose__icon {
    background: transparent;
    color: var(--color-gold-400);
    width: auto;
    height: auto;
    font-size: 1.35rem;
}

.wp-rose__duty {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.wp-rose__plate {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    min-height: 100%;
    padding: 0.9rem 1rem 0.95rem;
    background: var(--color-white);
    color: inherit;
    text-decoration: none;
}

.wp-rose__title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.wp-rose__text,
.wp-rose__text p,
.wp-rose__plate .inner-content__body,
.wp-rose__plate .inner-content__body p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.wp-rose__plate > i {
    display: none;
}

.wp-rose__plot--cross .wp-rose__arms > li:nth-child(1) .wp-rose__plate::after,
.wp-rose__plot--cross .wp-rose__arms > li:nth-child(2) .wp-rose__plate::after,
.wp-rose__plot--cross .wp-rose__arms > li:nth-child(3) .wp-rose__plate::after,
.wp-rose__plot--cross .wp-rose__arms > li:nth-child(4) .wp-rose__plate::after {
    content: "";
    position: absolute;
    border: 8px solid transparent;
}

.wp-rose__plot--cross .wp-rose__arms > li:nth-child(1) .wp-rose__plate::after {
    bottom: -16px;
    left: 50%;
    border-top-color: var(--color-white);
    transform: translateX(-50%);
}

.wp-rose__plot--cross .wp-rose__arms > li:nth-child(2) .wp-rose__plate::after {
    left: -16px;
    top: 50%;
    border-right-color: var(--color-white);
    transform: translateY(-50%);
}

.wp-rose__plot--cross .wp-rose__arms > li:nth-child(3) .wp-rose__plate::after {
    top: -16px;
    left: 50%;
    border-bottom-color: var(--color-white);
    transform: translateX(-50%);
}

.wp-rose__plot--cross .wp-rose__arms > li:nth-child(4) .wp-rose__plate::after {
    right: -16px;
    top: 50%;
    border-left-color: var(--color-white);
    transform: translateY(-50%);
}

a.wp-rose__plate,
a.wp-rose__go {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.wp-rose__plate > i {
    display: block;
    margin-left: auto;
    color: var(--color-gold-500);
}

a.wp-rose__go {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.35rem;
    padding: 0.42rem 0.7rem;
    background: var(--color-navy-800);
    color: var(--color-white);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

a.wp-rose__go i {
    color: var(--color-gold-500);
}

a.wp-rose__plate:hover,
a.wp-rose__plate:focus-visible,
a.wp-rose__go:hover,
a.wp-rose__go:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.wp-rose__plate:focus-visible,
a.wp-rose__go:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.wp-rose__note,
.wp-rose__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (max-width: 800px) {
    .wp-rose__plot--cross {
        display: flex;
        flex-direction: column;
        max-width: 46rem;
    }

    .wp-rose__plot--cross .wp-rose__arms {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .wp-rose__plot--cross .wp-rose__hub {
        width: auto;
        height: auto;
        flex-direction: row;
        justify-content: flex-start;
        border-radius: 0;
        text-align: left;
        background: var(--color-navy-800);
        box-shadow: none;
    }

    .wp-rose__plot--cross .wp-rose__icon {
        width: 1.75rem;
        height: 1.75rem;
        background: var(--color-gold-500);
        color: var(--color-navy-900);
        font-size: 1rem;
    }

    .wp-rose__plot--cross .wp-rose__arms > li:nth-child(n) .wp-rose__plate::after {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.wp-rose__plate,
    a.wp-rose__go {
        transition: none;
    }

    a.wp-rose__plate:hover,
    a.wp-rose__plate:focus-visible,
    a.wp-rose__go:hover,
    a.wp-rose__go:focus-visible {
        transform: none;
    }
}

.page-pillar.page-uae-work-permit-health-insurance-check .inner-content--wp-lift .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--wp-lift {
    background: var(--surface-navy-wash);
}

.inner-content--wp-lift p,
.inner-content--wp-lift li,
.inner-content--wp-lift .inner-content__body {
    text-align: left;
}

.wp-lift__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.wp-lift__header .section__title,
.wp-lift__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.wp-lift__intro,
.wp-lift__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.wp-lift__panel {
    max-width: 46rem;
    padding: 0.9rem 0.85rem 0.95rem;
    background:
        repeating-linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.035) 0 1px,
            transparent 1px 4px
        ),
        var(--color-navy-800);
    box-shadow: var(--shadow-md), inset 0 0 0 2px var(--color-gold-500);
}

.wp-lift__led {
    margin: 0 0 0.8rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-gold-300);
    background: #0d1a2c;
    box-shadow: inset 0 0 0 1px rgba(201, 162, 39, 0.35);
}

.wp-lift__floors {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
    margin: 0;
    padding: 0;
}

.wp-lift__floor {
    display: grid;
    grid-template-columns: 2.35rem 1fr auto;
    align-items: center;
    column-gap: 0.75rem;
    padding: 0.65rem 0.8rem 0.65rem 0.65rem;
    background: #f8f4e8;
    color: inherit;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.wp-lift__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.05rem;
    height: 2.05rem;
    border: 2px solid var(--color-gold-500);
    border-radius: 50%;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.wp-lift__copy {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.wp-lift__title {
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.wp-lift__desc {
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--color-grey-700);
}

.wp-lift__floor > i {
    color: var(--color-gold-500);
}

a.wp-lift__floor:hover,
a.wp-lift__floor:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.wp-lift__floor:hover .wp-lift__btn,
a.wp-lift__floor:focus-visible .wp-lift__btn {
    color: var(--color-navy-900);
    background: var(--color-gold-500);
}

a.wp-lift__floor:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.wp-lift__note,
.wp-lift__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (prefers-reduced-motion: reduce) {
    a.wp-lift__floor {
        transition: none;
    }

    a.wp-lift__floor:hover,
    a.wp-lift__floor:focus-visible {
        transform: none;
    }
}

.page-pillar.page-uae-work-permit-health-insurance-check .inner-content--wp-gaz .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--wp-gaz {
    background: var(--surface-muted-wash);
}

.inner-content--wp-gaz p,
.inner-content--wp-gaz li,
.inner-content--wp-gaz .inner-content__body {
    text-align: left;
}

.wp-gaz__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.wp-gaz__header .section__title,
.wp-gaz__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.wp-gaz__paper {
    max-width: 52rem;
    padding: 1.15rem 1.2rem 1.2rem;
    background:
        repeating-linear-gradient(
            180deg,
            transparent 0 1.45rem,
            rgba(15, 32, 56, 0.035) 1.45rem 1.47rem
        ),
        #f8f4e8;
    box-shadow: var(--shadow-md);
    border-top: 4px solid var(--color-navy-800);
    border-bottom: 4px double var(--color-gold-500);
}

.wp-gaz__mast {
    padding-bottom: 0.85rem;
    margin-bottom: 0.85rem;
    border-bottom: 2px solid var(--color-navy-800);
}

.wp-gaz__flag {
    display: inline-block;
    margin: 0 0 0.4rem;
    padding: 0.18rem 0.5rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-navy-900);
    background: var(--color-gold-500);
}

.wp-gaz__alert {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
}

.wp-gaz__lock {
    margin: 0.25rem 0 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--color-navy-800);
}

.wp-gaz__chips {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0 0 0.85rem;
    padding: 0;
}

.wp-gaz__chips li {
    padding: 0.28rem 0.6rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--color-navy-800);
    background: var(--color-white);
    border: 1px solid var(--color-gold-500);
}

.wp-gaz__intro,
.wp-gaz__intro p {
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.wp-gaz__notices {
    list-style: none;
    columns: 2;
    column-gap: 1.35rem;
    margin: 0;
    padding: 0 0 0.2rem;
}

.wp-gaz__notices > li {
    break-inside: avoid;
    margin: 0 0 0.85rem;
}

.wp-gaz__notice {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    padding: 0.75rem 0 0;
    border-top: 2px solid var(--color-navy-800);
    color: inherit;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.wp-gaz__head {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
}

.wp-gaz__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.wp-gaz__host {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: lowercase;
    color: var(--color-navy-800);
}

.wp-gaz__head > i {
    margin-left: auto;
    color: var(--color-gold-500);
}

.wp-gaz__title {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.wp-gaz__desc {
    font-size: 0.86rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

a.wp-gaz__notice:hover,
a.wp-gaz__notice:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.wp-gaz__notice:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.wp-gaz__foot,
.wp-gaz__foot p {
    margin: 0.35rem 0 0;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(15, 32, 56, 0.18);
    font-size: 0.88rem;
    color: var(--color-grey-700);
}

@media (max-width: 700px) {
    .wp-gaz__notices {
        columns: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.wp-gaz__notice {
        transition: none;
    }

    a.wp-gaz__notice:hover,
    a.wp-gaz__notice:focus-visible {
        transform: none;
    }
}

.page-pillar.page-group-medical-renewal-documents-uae .inner-content--rd-pack .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--rd-pack {
    background: var(--surface-warm-wash);
}

.inner-content--rd-pack p,
.inner-content--rd-pack li,
.inner-content--rd-pack .inner-content__body {
    text-align: left;
}

.rd-pack__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.rd-pack__header .section__title,
.rd-pack__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.rd-pack__intro,
.rd-pack__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.rd-pack__wallet {
    position: relative;
    max-width: 54rem;
    padding: 0 0 0.35rem 0.7rem;
    background: var(--color-navy-800);
    box-shadow: var(--shadow-md);
}

.rd-pack__wallet::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.55rem;
    background: var(--color-gold-500);
}

.rd-pack__clasp {
    display: flex;
    justify-content: center;
    padding: 0.55rem 0 0.15rem;
}

.rd-pack__clasp::before {
    content: "";
    width: 1.3rem;
    height: 1.3rem;
    border: 3px solid var(--color-gold-500);
    border-radius: 50%;
    background: radial-gradient(circle at 50% 45%, var(--color-gold-300) 0 30%, var(--color-navy-800) 34% 100%);
}

.rd-pack__face {
    padding: 0.35rem 1.1rem 1rem 0.9rem;
}

.rd-pack__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.rd-pack__caption {
    margin: 0.3rem 0 0;
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-white);
}

.rd-pack__job {
    margin: 0.3rem 0 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
}

.rd-pack__docs {
    list-style: none;
    counter-reset: packdoc;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
    padding: 0 0.85rem 0.7rem 0.65rem;
}

.rd-pack__docs > li {
    counter-increment: packdoc;
}

.rd-pack__doc {
    display: grid;
    grid-template-columns: 2.1rem auto 1fr;
    column-gap: 0.65rem;
    row-gap: 0.3rem;
    height: 100%;
    padding: 0.8rem 0.85rem 0.85rem 0;
    background: #f8f4e8;
    color: inherit;
    text-decoration: none;
}

.rd-pack__num {
    grid-row: 1 / span 4;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 0.2rem;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    font-size: 0.92rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.rd-pack__num::before {
    content: counter(packdoc);
}

.rd-pack__icon {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.rd-pack__name {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
}

.rd-pack__why,
.rd-pack__who,
.rd-pack__text,
.rd-pack__go {
    grid-column: 2 / span 2;
}

.rd-pack__field {
    display: block;
    margin: 0 0 0.15rem;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-navy-700);
}

.rd-pack__text,
.rd-pack__text p,
.rd-pack__holder,
.rd-pack__holder p,
.rd-pack__doc .inner-content__body,
.rd-pack__doc .inner-content__body p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.rd-pack__who {
    margin: 0;
    padding: 0.45rem 0.55rem;
    background: var(--color-white);
}

.rd-pack__holder {
    display: block;
    font-weight: 700;
    color: var(--color-navy-900);
}

.rd-pack__doc > i {
    display: none;
}

a.rd-pack__doc,
a.rd-pack__go {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.rd-pack__doc > i {
    display: block;
    grid-column: 3;
    justify-self: end;
    color: var(--color-gold-500);
}

a.rd-pack__go {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.2rem;
    padding: 0.4rem 0.65rem;
    background: var(--color-navy-800);
    color: var(--color-white);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

a.rd-pack__go i {
    color: var(--color-gold-500);
}

a.rd-pack__doc:hover,
a.rd-pack__doc:focus-visible,
a.rd-pack__go:hover,
a.rd-pack__go:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.rd-pack__doc:focus-visible,
a.rd-pack__go:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.rd-pack__limit {
    margin: 0 0.85rem 0.75rem 0.65rem;
    padding: 0.85rem 1rem;
    background: #152238;
}

.rd-pack__limit .inner-content__body,
.rd-pack__limit .inner-content__body p {
    margin: 0.4rem 0 0;
    color: rgba(255, 255, 255, 0.82);
}

@media (max-width: 760px) {
    .rd-pack__docs {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.rd-pack__doc,
    a.rd-pack__go {
        transition: none;
    }

    a.rd-pack__doc:hover,
    a.rd-pack__doc:focus-visible,
    a.rd-pack__go:hover,
    a.rd-pack__go:focus-visible {
        transform: none;
    }
}

.page-pillar.page-group-medical-renewal-documents-uae .inner-content--rd-split .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--rd-split {
    background: var(--surface-navy-wash);
}

.inner-content--rd-split p,
.inner-content--rd-split li,
.inner-content--rd-split .inner-content__body {
    text-align: left;
}

.rd-split__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.rd-split__header .section__title,
.rd-split__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.rd-split__kicker {
    max-width: 46rem;
    margin: 0 0 1rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-700);
}

.rd-split__intro,
.rd-split__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.rd-split__pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 46rem;
    margin: 0 0 1rem;
    align-items: start;
}

.rd-split__sheet {
    padding: 1rem 1.05rem 1.1rem;
}

.rd-split__sheet--mol {
    z-index: 1;
    margin: 0 -1.1rem 1.35rem 0;
    background: var(--color-navy-800);
    transform: rotate(-1.15deg);
}

.rd-split__sheet--census {
    z-index: 2;
    margin: 1.55rem 0 0 -0.35rem;
    background: #f8f4e8;
    box-shadow: var(--shadow-md);
    transform: rotate(1.2deg);
}

.rd-split__sheet-kicker {
    display: block;
    margin: 0 0 0.4rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.rd-split__sheet--mol .rd-split__sheet-kicker {
    color: var(--color-gold-300);
}

.rd-split__sheet--census .rd-split__sheet-kicker {
    color: var(--color-navy-700);
}

.rd-split__sheet-body,
.rd-split__sheet-body p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.45;
}

.rd-split__sheet--mol .rd-split__sheet-body,
.rd-split__sheet--mol .rd-split__sheet-body p {
    color: rgba(255, 255, 255, 0.86);
}

.rd-split__sheet--census .rd-split__sheet-body,
.rd-split__sheet--census .rd-split__sheet-body p {
    color: var(--color-navy-900);
}

.rd-split__chips {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    max-width: 46rem;
    margin: 0 0 1.1rem;
    padding: 0;
}

.rd-split__chips li {
    padding: 0.32rem 0.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--color-navy-800);
    background: var(--color-white);
    border: 1px solid var(--color-gold-500);
}

.rd-split__cuts {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    max-width: 46rem;
    margin: 0;
    padding: 0;
}

.rd-split__cut {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0.75rem;
    row-gap: 0.2rem;
    padding: 0.8rem 0.95rem;
    background: var(--color-white);
    color: inherit;
    text-decoration: none;
    border-left: 3px dashed var(--color-gold-500);
}

.rd-split__icon {
    grid-row: 1 / span 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.rd-split__title {
    grid-column: 2;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.rd-split__text,
.rd-split__text p,
.rd-split__cut .inner-content__body,
.rd-split__cut .inner-content__body p {
    grid-column: 2;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.rd-split__cut > i {
    display: none;
}

a.rd-split__cut,
a.rd-split__go {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.rd-split__cut > i {
    display: block;
    grid-column: 2;
    justify-self: end;
    color: var(--color-gold-500);
}

a.rd-split__go {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    max-width: 46rem;
    margin: 1rem 0 0;
    padding: 0.7rem 0.95rem;
    background: var(--color-navy-800);
    color: var(--color-white);
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
}

a.rd-split__go i {
    color: var(--color-gold-500);
}

a.rd-split__cut:hover,
a.rd-split__cut:focus-visible,
a.rd-split__go:hover,
a.rd-split__go:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.rd-split__cut:focus-visible,
a.rd-split__go:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.rd-split__note,
.rd-split__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (max-width: 720px) {
    .rd-split__pair {
        grid-template-columns: 1fr;
    }

    .rd-split__sheet--mol,
    .rd-split__sheet--census {
        margin: 0 0 0.7rem;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rd-split__sheet--mol,
    .rd-split__sheet--census {
        transform: none;
    }

    a.rd-split__cut,
    a.rd-split__go {
        transition: none;
    }

    a.rd-split__cut:hover,
    a.rd-split__cut:focus-visible,
    a.rd-split__go:hover,
    a.rd-split__go:focus-visible {
        transform: none;
    }
}

.page-pillar.page-group-medical-renewal-documents-uae .inner-content--rd-tape .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--rd-tape {
    background: var(--surface-muted-wash);
}

.inner-content--rd-tape p,
.inner-content--rd-tape li,
.inner-content--rd-tape .inner-content__body {
    text-align: left;
}

.rd-tape__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.rd-tape__header .section__title,
.rd-tape__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.rd-tape__roll {
    position: relative;
    max-width: 46rem;
    padding: 0.85rem 1.7rem 0.95rem;
    background: #f8f4e8;
    box-shadow: var(--shadow-md);
}

.rd-tape__roll::before,
.rd-tape__roll::after {
    content: "";
    position: absolute;
    top: 0.65rem;
    bottom: 0.65rem;
    width: 0.85rem;
    background-image: radial-gradient(circle, var(--color-navy-800) 0.2rem, transparent 0.22rem);
    background-size: 100% 1.05rem;
    background-repeat: repeat-y;
    background-position: center top;
    pointer-events: none;
}

.rd-tape__roll::before {
    left: 0.35rem;
}

.rd-tape__roll::after {
    right: 0.35rem;
}

.rd-tape__head {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0.7rem;
    padding: 0.9rem 0.95rem;
    margin: 0 0 0.85rem;
    background: var(--color-navy-800);
}

.rd-tape__icon {
    grid-row: 1 / span 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: var(--color-navy-900);
    background: var(--color-gold-500);
}

.rd-tape__kicker {
    grid-column: 2;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.rd-tape__formula {
    grid-column: 2;
    margin: 0.2rem 0 0;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-white);
}

.rd-tape__priced,
.rd-tape__start {
    grid-column: 2;
    margin: 0.2rem 0 0;
    font-size: 0.88rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.78);
}

.rd-tape__intro,
.rd-tape__intro p {
    margin: 0 0 0.75rem;
    color: var(--color-grey-700);
}

.rd-tape__late {
    margin: 0 0 0.85rem;
    padding: 0.5rem 0.7rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-navy-900);
    background: var(--color-white);
    border-top: 2px dashed var(--color-gold-500);
}

.rd-tape__lines {
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.rd-tape__line {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0.7rem;
    row-gap: 0.15rem;
    padding: 0.75rem 0.15rem;
    border-top: 1px dashed rgba(15, 32, 56, 0.22);
    color: inherit;
    text-decoration: none;
}

.rd-tape__mark {
    grid-row: 1 / span 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.rd-tape__title {
    grid-column: 2;
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.rd-tape__text,
.rd-tape__text p,
.rd-tape__line .inner-content__body,
.rd-tape__line .inner-content__body p {
    grid-column: 2;
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.rd-tape__line > i {
    display: none;
}

a.rd-tape__line,
a.rd-tape__go {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.rd-tape__line > i {
    display: block;
    grid-column: 2;
    justify-self: end;
    color: var(--color-gold-500);
}

a.rd-tape__go {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    max-width: 46rem;
    margin: 1rem 0 0;
    padding: 0.7rem 0.95rem;
    background: var(--color-navy-800);
    color: var(--color-white);
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
}

a.rd-tape__go i {
    color: var(--color-gold-500);
}

a.rd-tape__line:hover,
a.rd-tape__line:focus-visible,
a.rd-tape__go:hover,
a.rd-tape__go:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.rd-tape__line:focus-visible,
a.rd-tape__go:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.rd-tape__note,
.rd-tape__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (prefers-reduced-motion: reduce) {
    a.rd-tape__line,
    a.rd-tape__go {
        transition: none;
    }

    a.rd-tape__line:hover,
    a.rd-tape__line:focus-visible,
    a.rd-tape__go:hover,
    a.rd-tape__go:focus-visible {
        transform: none;
    }
}

.page-pillar.page-group-medical-renewal-documents-uae .inner-content--rd-due .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--rd-due {
    background: var(--surface-navy-wash);
}

.inner-content--rd-due p,
.inner-content--rd-due li,
.inner-content--rd-due .inner-content__body {
    text-align: left;
}

.rd-due__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.rd-due__header .section__title,
.rd-due__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.rd-due__intro,
.rd-due__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.rd-due__track {
    max-width: 46rem;
}

.rd-due__dial {
    margin: 0 0 1.1rem;
    padding: 0.95rem 1.1rem;
    background: var(--color-navy-800);
}

.rd-due__when {
    margin: 0 0 0.3rem;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--color-gold-500);
}

.rd-due__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.rd-due__order {
    margin: 0.25rem 0 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--color-white);
}

.rd-due__beats {
    list-style: none;
    counter-reset: duebeat;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    margin: 0;
    padding: 0 0 0 0.15rem;
}

.rd-due__beats::before {
    content: "";
    position: absolute;
    top: 1.05rem;
    bottom: 1.05rem;
    left: 1.05rem;
    width: 3px;
    background: var(--color-gold-500);
}

.rd-due__beats > li {
    counter-increment: duebeat;
}

.rd-due__beat {
    display: grid;
    grid-template-columns: 2.15rem 1fr;
    column-gap: 0.9rem;
    align-items: start;
    color: inherit;
    text-decoration: none;
}

.rd-due__node {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 50%;
    background: var(--color-navy-800);
    color: var(--color-gold-300);
    font-size: 0.85rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    box-shadow: 0 0 0 3px var(--color-gold-500);
}

.rd-due__node::before {
    content: counter(duebeat);
}

.rd-due__flag {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0.65rem;
    row-gap: 0.2rem;
    padding: 0.8rem 0.95rem;
    background: var(--color-white);
}

.rd-due__flag::before {
    content: "";
    position: absolute;
    left: -0.55rem;
    top: 0.7rem;
    border: 0.45rem solid transparent;
    border-right-color: var(--color-white);
}

.rd-due__icon {
    grid-row: 1 / span 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.rd-due__title {
    grid-column: 2;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.rd-due__text,
.rd-due__text p,
.rd-due__flag .inner-content__body,
.rd-due__flag .inner-content__body p {
    grid-column: 2;
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.45;
    color: var(--color-navy-900);
}

.rd-due__flag > i {
    display: none;
}

a.rd-due__beat {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.rd-due__beat .rd-due__flag > i {
    display: block;
    grid-column: 2;
    justify-self: end;
    color: var(--color-gold-500);
}

a.rd-due__beat:hover,
a.rd-due__beat:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.rd-due__beat:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.rd-due__note,
.rd-due__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (prefers-reduced-motion: reduce) {
    a.rd-due__beat {
        transition: none;
    }

    a.rd-due__beat:hover,
    a.rd-due__beat:focus-visible {
        transform: none;
    }
}

.page-pillar.page-group-medical-renewal-documents-uae .inner-content--rd-err .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--rd-err {
    background: var(--surface-warm-wash);
}

.inner-content--rd-err p,
.inner-content--rd-err li,
.inner-content--rd-err .inner-content__body {
    text-align: left;
}

.rd-err__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.rd-err__header .section__title,
.rd-err__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.rd-err__intro,
.rd-err__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.rd-err__batch {
    max-width: 46rem;
    padding: 0.2rem 0.35rem 0.45rem;
    background: var(--color-navy-800);
    box-shadow: var(--shadow-md);
}

.rd-err__head {
    padding: 0.8rem 1rem 0.7rem;
}

.rd-err__kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-300);
}

.rd-err__avoid {
    margin: 0.25rem 0 0;
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--color-white);
}

.rd-err__slips {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0;
    padding: 0 0.4rem 0.45rem;
}

.rd-err__slip {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0.7rem;
    row-gap: 0.2rem;
    padding: 0.85rem 1.65rem 0.85rem 0.85rem;
    background: #f8f4e8;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
}

.rd-err__slip::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 1.15rem 1.15rem 0;
    border-color: transparent var(--color-gold-500) transparent transparent;
}

.rd-err__icon {
    grid-row: 1 / span 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.rd-err__title {
    grid-column: 2;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
    text-decoration: line-through;
    text-decoration-color: var(--color-gold-500);
    text-decoration-thickness: 2px;
}

.rd-err__text,
.rd-err__text p,
.rd-err__slip .inner-content__body,
.rd-err__slip .inner-content__body p {
    grid-column: 2;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

.rd-err__slip > i {
    display: none;
}

a.rd-err__slip {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.rd-err__slip > i {
    display: block;
    grid-column: 2;
    justify-self: end;
    color: var(--color-gold-500);
}

a.rd-err__slip:hover,
a.rd-err__slip:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.rd-err__slip:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.rd-err__lock {
    max-width: 46rem;
    margin: 1rem 0 0;
    padding: 0.95rem 1.05rem;
    background: var(--color-navy-800);
}

.rd-err__limits {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0.7rem 0 0;
    padding: 0;
}

.rd-err__limits li {
    padding: 0.4rem 0 0.4rem 1.15rem;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.86);
    background: linear-gradient(var(--color-gold-500), var(--color-gold-500)) 0 50% / 0.65rem 2px no-repeat;
}

.rd-err__hold {
    margin: 0.75rem 0 0;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--color-gold-300);
}

.rd-err__note,
.rd-err__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (prefers-reduced-motion: reduce) {
    a.rd-err__slip {
        transition: none;
    }

    a.rd-err__slip:hover,
    a.rd-err__slip:focus-visible {
        transform: none;
    }
}

.page-pillar.page-group-medical-renewal-documents-uae .inner-content--rd-rest .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--rd-rest {
    background: var(--surface-muted-wash);
}

.inner-content--rd-rest p,
.inner-content--rd-rest li,
.inner-content--rd-rest .inner-content__body {
    text-align: left;
}

.rd-rest__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.rd-rest__header .section__title,
.rd-rest__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.rd-rest__intro,
.rd-rest__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.rd-rest__bundle {
    position: relative;
    max-width: 54rem;
}

.rd-rest__kicker {
    margin: 0 0 0.85rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-700);
}

.rd-rest__hand {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
    gap: 0.65rem;
    margin: 0;
    padding: 0 0 1.15rem;
}

.rd-rest__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
    min-height: 100%;
    padding: 0.95rem 0.85rem 0.9rem;
    background: var(--color-white);
    color: inherit;
    text-decoration: none;
    border-bottom: 4px solid var(--color-gold-500);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.rd-rest__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.rd-rest__title {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.rd-rest__desc {
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--color-grey-700);
}

.rd-rest__card > i {
    margin-top: auto;
    color: var(--color-gold-500);
}

.rd-rest__bind {
    display: block;
    height: 0.45rem;
    margin: -0.35rem 12% 0;
    background: var(--color-gold-500);
}

a.rd-rest__card:hover,
a.rd-rest__card:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.rd-rest__card:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.rd-rest__note,
.rd-rest__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (min-width: 800px) {
    .rd-rest__hand--fan {
        display: flex;
        align-items: stretch;
        gap: 0;
        padding-bottom: 1.6rem;
    }

    .rd-rest__hand--fan > li {
        flex: 1 1 0;
        min-width: 0;
        margin-left: -0.7rem;
    }

    .rd-rest__hand--fan > li:first-child {
        margin-left: 0;
    }

    .rd-rest__hand--fan > li:nth-child(1) { transform: rotate(-7deg) translateY(0.85rem); }
    .rd-rest__hand--fan > li:nth-child(2) { transform: rotate(-3.5deg) translateY(0.25rem); }
    .rd-rest__hand--fan > li:nth-child(3) { transform: rotate(0deg); }
    .rd-rest__hand--fan > li:nth-child(4) { transform: rotate(3.5deg) translateY(0.25rem); }
    .rd-rest__hand--fan > li:nth-child(5) { transform: rotate(7deg) translateY(0.85rem); }

    .rd-rest__hand--fan .rd-rest__card {
        min-height: 12.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rd-rest__hand--fan > li:nth-child(n) {
        transform: none;
    }

    a.rd-rest__card {
        transition: none;
    }

    a.rd-rest__card:hover,
    a.rd-rest__card:focus-visible {
        transform: none;
    }
}

.page-pillar.page-group-medical-renewal-documents-uae .inner-content--rd-plot .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--rd-plot {
    background: var(--surface-navy-wash);
}

.inner-content--rd-plot p,
.inner-content--rd-plot li,
.inner-content--rd-plot .inner-content__body {
    text-align: left;
}

.rd-plot__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.rd-plot__header .section__title,
.rd-plot__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.rd-plot__sheet {
    position: relative;
    max-width: 54rem;
    padding: 1.65rem 1.15rem 1.2rem 1.45rem;
    background: var(--color-white);
    border: 2px solid var(--color-navy-800);
    box-shadow:
        inset 0 0 0 5px var(--color-white),
        inset 0 0 0 7px var(--color-gold-500);
}

.rd-plot__crop {
    position: absolute;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
}

.rd-plot__crop--tl {
    top: -2px;
    left: -2px;
    border-top: 2px solid var(--color-navy-800);
    border-left: 2px solid var(--color-navy-800);
    transform: translate(-0.45rem, -0.45rem);
}

.rd-plot__crop--tr {
    top: -2px;
    right: -2px;
    border-top: 2px solid var(--color-navy-800);
    border-right: 2px solid var(--color-navy-800);
    transform: translate(0.45rem, -0.45rem);
}

.rd-plot__crop--bl {
    bottom: -2px;
    left: -2px;
    border-bottom: 2px solid var(--color-navy-800);
    border-left: 2px solid var(--color-navy-800);
    transform: translate(-0.45rem, 0.45rem);
}

.rd-plot__crop--br {
    bottom: -2px;
    right: -2px;
    border-bottom: 2px solid var(--color-navy-800);
    border-right: 2px solid var(--color-navy-800);
    transform: translate(0.45rem, 0.45rem);
}

.rd-plot__ruler {
    position: absolute;
    top: 0.85rem;
    bottom: 0.85rem;
    left: 0.28rem;
    width: 0.42rem;
    background: repeating-linear-gradient(
        to bottom,
        var(--color-gold-500) 0 2px,
        transparent 2px 10px
    );
}

.rd-plot__field {
    margin: 0 0 1rem;
    padding: 0 0 0.9rem;
    border-bottom: 1px solid rgba(12, 35, 64, 0.12);
}

.rd-plot__kicker {
    margin: 0 0 0.45rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-700);
}

.rd-plot__intro,
.rd-plot__intro p {
    max-width: 46rem;
    margin: 0;
    color: var(--color-grey-700);
}

.rd-plot__revs {
    list-style: none;
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    counter-reset: none;
}

.rd-plot__rev {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.75rem;
    padding: 0.8rem 0.75rem;
    background: #f7f9fc;
    color: inherit;
    text-decoration: none;
    border-left: 4px solid var(--color-gold-500);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.rd-plot__rev--duty {
    border-left-color: var(--color-navy-800);
}

.rd-plot__rev--place {
    background: var(--color-navy-800);
    border-left-color: var(--color-gold-500);
}

.rd-plot__rev--place .rd-plot__title,
.rd-plot__rev--place .rd-plot__host {
    color: var(--color-white);
}

.rd-plot__rev--place .rd-plot__desc {
    color: rgba(255, 255, 255, 0.78);
}

.rd-plot__rev--place > i {
    color: var(--color-gold-400);
}

.rd-plot__mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.05rem;
    height: 2.05rem;
    flex-shrink: 0;
    border: 2px solid var(--color-gold-500);
    border-radius: 50%;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.rd-plot__rev--place .rd-plot__mark {
    background: var(--color-gold-500);
    color: var(--color-navy-900);
    border-color: var(--color-gold-500);
}

.rd-plot__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    min-width: 0;
}

.rd-plot__head {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.rd-plot__icon {
    display: flex;
    color: var(--color-gold-500);
}

.rd-plot__host {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: lowercase;
    color: var(--color-navy-700);
}

.rd-plot__title {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.rd-plot__desc {
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--color-grey-700);
}

.rd-plot__rev > i {
    margin-top: 0.2rem;
    color: var(--color-gold-500);
}

a.rd-plot__rev:hover,
a.rd-plot__rev:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.rd-plot__rev:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.rd-plot__block {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
    margin-top: 1rem;
    padding: 0.75rem 0.85rem;
    border: 2px solid var(--color-navy-800);
}

.rd-plot__block-flag {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.55rem;
    background: var(--color-navy-800);
    color: var(--color-gold-400);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.rd-plot__block-body,
.rd-plot__block-body p {
    margin: 0;
    font-size: 0.88rem;
    color: var(--color-grey-700);
}

@media (max-width: 640px) {
    .rd-plot__sheet {
        padding: 1.35rem 0.85rem 1rem 1.2rem;
    }

    .rd-plot__block {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.rd-plot__rev {
        transition: none;
    }

    a.rd-plot__rev:hover,
    a.rd-plot__rev:focus-visible {
        transform: none;
    }
}

.page-pillar.page-self-sponsored-health-insurance-uae .inner-content--ss-post .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ss-post {
    background: var(--surface-warm-wash);
}

.inner-content--ss-post p,
.inner-content--ss-post li,
.inner-content--ss-post .inner-content__body {
    text-align: left;
}

.ss-post__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ss-post__header .section__title,
.ss-post__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ss-post__intro,
.ss-post__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.ss-post__yard {
    position: relative;
    max-width: 52rem;
    padding: 0.35rem 0 0;
}

.ss-post__stack {
    position: relative;
}

.ss-post__pole {
    display: none;
}

.ss-post__kicker {
    margin: 0 0 0.75rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-700);
}

.ss-post__blades {
    list-style: none;
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0 0 0.85rem;
}

.ss-post__blade {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.7rem;
    width: 100%;
    padding: 0.85rem 0.75rem;
    background: var(--color-white);
    color: inherit;
    text-decoration: none;
    border-bottom: 3px solid var(--color-gold-500);
}

.ss-post__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    flex-shrink: 0;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.ss-post__copy {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.ss-post__title {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
}

.ss-post__text,
.ss-post__text p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.4;
    color: var(--color-grey-700);
}

.ss-post__point {
    margin-top: 0.25rem;
    color: var(--color-gold-500);
}

.ss-post__end {
    position: relative;
    padding: 1rem 1rem 1.05rem;
    background: var(--color-navy-800);
    color: var(--color-white);
}

.ss-post__end .ss-post__kicker {
    margin-bottom: 0.4rem;
    color: var(--color-gold-400);
}

.ss-post__end-body,
.ss-post__end-body p {
    margin: 0;
    max-width: 40rem;
    color: rgba(255, 255, 255, 0.88);
}

.ss-post__note,
.ss-post__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

a.ss-post__blade {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.ss-post__blade:hover,
a.ss-post__blade:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.ss-post__blade:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (min-width: 840px) {
    .ss-post__stack {
        padding-top: 1.5rem;
        padding-bottom: 0.35rem;
    }

    .ss-post__pole {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: absolute;
        top: 0.15rem;
        bottom: 0;
        left: 50%;
        width: 0.48rem;
        margin-left: -0.24rem;
        background: var(--color-navy-800);
        z-index: 0;
    }

    .ss-post__pole i {
        position: absolute;
        top: -0.15rem;
        left: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.7rem;
        height: 1.7rem;
        margin-left: -0.85rem;
        font-size: 0.95rem;
        color: var(--color-navy-800);
        background: var(--color-gold-500);
    }

    .ss-post__stack > .ss-post__kicker {
        position: relative;
        z-index: 1;
        max-width: calc(50% - 1.2rem);
    }

    .ss-post__blades {
        position: relative;
        z-index: 1;
        gap: 0.7rem;
        padding-bottom: 1.15rem;
    }

    .ss-post__blades > li:nth-child(odd) {
        width: calc(50% - 0.9rem);
        margin-right: auto;
    }

    .ss-post__blades > li:nth-child(even) {
        width: calc(50% - 0.9rem);
        margin-left: auto;
    }

    .ss-post__blades > li:nth-child(even) .ss-post__blade {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .ss-post__blades > li:nth-child(even) .ss-post__point {
        order: -1;
        transform: scaleX(-1);
    }

    .ss-post__end {
        position: relative;
        z-index: 1;
        max-width: 28rem;
        margin: 0 auto;
    }

    .ss-post__end::before {
        content: "";
        position: absolute;
        top: -0.45rem;
        left: 50%;
        width: 0.48rem;
        height: 0.45rem;
        margin-left: -0.24rem;
        background: var(--color-gold-500);
    }
}

@media (prefers-reduced-motion: reduce) {
    a.ss-post__blade {
        transition: none;
    }

    a.ss-post__blade:hover,
    a.ss-post__blade:focus-visible {
        transform: none;
    }
}

.page-pillar.page-self-sponsored-health-insurance-uae .inner-content--ss-pass .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ss-pass {
    background: var(--surface-navy-wash);
}

.inner-content--ss-pass p,
.inner-content--ss-pass li,
.inner-content--ss-pass .inner-content__body {
    text-align: left;
}

.ss-pass__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ss-pass__header .section__title,
.ss-pass__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ss-pass__intro,
.ss-pass__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.ss-pass__rack {
    max-width: 68rem;
}

.ss-pass__kicker {
    margin: 0 0 0.35rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-700);
}

.ss-pass__caption {
    margin: 0 0 1rem;
    max-width: 42rem;
    font-size: 0.92rem;
    color: var(--color-grey-700);
}

.ss-pass__board {
    list-style: none;
    display: grid;
    gap: 0.85rem;
    margin: 0;
    padding: 0;
}

.ss-pass__ticket {
    display: grid;
    grid-template-columns: 5.6rem minmax(0, 1fr);
    min-height: 100%;
    background: var(--color-white);
    overflow: hidden;
}

.ss-pass__stub {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.55rem;
    padding: 1rem 0.7rem 1.1rem;
    background: var(--color-navy-800);
    color: var(--color-gold-400);
}

.ss-pass__stub::after {
    content: "";
    position: absolute;
    top: 0.65rem;
    right: -1px;
    bottom: 0.65rem;
    border-right: 2px dashed rgba(212, 175, 55, 0.45);
}

.ss-pass__punches {
    position: absolute;
    right: -0.38rem;
    top: 50%;
    width: 0.7rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    background:
        radial-gradient(circle at 50% 0.35rem, var(--surface-navy-soft, #e8eef5) 0 0.32rem, transparent 0.33rem),
        radial-gradient(circle at 50% 1.85rem, var(--surface-navy-soft, #e8eef5) 0 0.32rem, transparent 0.33rem);
}

.ss-pass__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    color: var(--color-navy-800);
    background: var(--color-gold-500);
}

.ss-pass__plan {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-white);
    writing-mode: horizontal-tb;
}

.ss-pass__face {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    padding: 0.9rem 0.85rem 0.85rem;
}

.ss-pass__job {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0;
}

.ss-pass__field {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-navy-700);
}

.ss-pass__route {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.ss-pass__specs {
    display: grid;
    gap: 0.55rem;
    margin: 0;
}

.ss-pass__spec {
    display: grid;
    gap: 0.15rem;
    padding: 0.15rem 0 0.45rem;
    border-bottom: 1px solid rgba(12, 35, 64, 0.1);
}

.ss-pass__spec dt {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-navy-700);
}

.ss-pass__spec-icon {
    color: var(--color-gold-500);
}

.ss-pass__spec dd {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.4;
    color: var(--color-grey-700);
}

.ss-pass__spec dd p {
    margin: 0;
}

.ss-pass__visa {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0;
    padding: 0.65rem 0.7rem;
    background:
        repeating-linear-gradient(
            90deg,
            var(--color-navy-800) 0 6px,
            #16365d 6px 10px
        );
}

.ss-pass__visa .ss-pass__field {
    color: var(--color-gold-400);
}

.ss-pass__mark {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-white);
}

.ss-pass__visa--no .ss-pass__mark {
    color: var(--color-gold-400);
}

.ss-pass__visa--yes {
    background: var(--color-gold-500);
}

.ss-pass__visa--yes .ss-pass__field,
.ss-pass__visa--yes .ss-pass__mark {
    color: var(--color-navy-900);
}

.ss-pass__ticket--live {
    box-shadow: inset 0 -4px 0 var(--color-gold-500);
}

.ss-pass__ledge {
    max-width: 46rem;
    margin-top: 1.1rem;
    padding: 0.95rem 1rem;
    background: var(--color-navy-800);
    color: var(--color-white);
    text-decoration: none;
}

.ss-pass__ledge .ss-pass__kicker {
    color: var(--color-gold-400);
}

.ss-pass__ledge-body,
.ss-pass__ledge-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
}

.ss-pass__ledge-title {
    display: block;
    font-weight: 700;
    color: var(--color-white);
}

a.ss-pass__line,
a.ss-pass__ledge--go {
    color: inherit;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.ss-pass__line {
    display: inline-block;
    color: var(--color-navy-800);
    font-weight: 700;
}

a.ss-pass__ledge--go {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
}

a.ss-pass__ledge--go > i {
    color: var(--color-gold-400);
}

a.ss-pass__line:hover,
a.ss-pass__line:focus-visible,
a.ss-pass__ledge--go:hover,
a.ss-pass__ledge--go:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.ss-pass__line:focus-visible,
a.ss-pass__ledge--go:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (min-width: 960px) {
    .ss-pass__board {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
    }

    .ss-pass__ticket {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .ss-pass__stub {
        flex-direction: row;
        align-items: center;
        gap: 0.65rem;
        padding: 0.85rem 1rem;
    }

    .ss-pass__stub::after {
        top: auto;
        right: 0.7rem;
        left: 0.7rem;
        bottom: -1px;
        border-right: 0;
        border-bottom: 2px dashed rgba(212, 175, 55, 0.45);
    }

    .ss-pass__punches {
        top: auto;
        right: auto;
        left: 50%;
        bottom: -0.38rem;
        width: 2.4rem;
        height: 0.7rem;
        margin-top: 0;
        margin-left: -1.2rem;
        background:
            radial-gradient(circle at 0.35rem 50%, var(--surface-navy-soft, #e8eef5) 0 0.32rem, transparent 0.33rem),
            radial-gradient(circle at 1.85rem 50%, var(--surface-navy-soft, #e8eef5) 0 0.32rem, transparent 0.33rem);
    }

    .ss-pass__plan {
        flex: 1;
        font-size: 0.92rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.ss-pass__line,
    a.ss-pass__ledge--go {
        transition: none;
    }

    a.ss-pass__line:hover,
    a.ss-pass__line:focus-visible,
    a.ss-pass__ledge--go:hover,
    a.ss-pass__ledge--go:focus-visible {
        transform: none;
    }
}

.page-pillar.page-self-sponsored-health-insurance-uae .inner-content--ss-reg .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ss-reg {
    background: var(--surface-muted-wash);
}

.inner-content--ss-reg p,
.inner-content--ss-reg li,
.inner-content--ss-reg .inner-content__body {
    text-align: left;
}

.ss-reg__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ss-reg__header .section__title,
.ss-reg__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ss-reg__intro,
.ss-reg__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.ss-reg__lot {
    max-width: 54rem;
}

.ss-reg__visor {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0 0 0.95rem;
}

.ss-reg__chip {
    display: inline-flex;
    align-items: center;
    padding: 0.38rem 0.7rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ss-reg__chip--visa {
    background: var(--color-navy-800);
    color: var(--color-gold-400);
}

.ss-reg__chip--work {
    color: var(--color-grey-700);
    border: 1px solid rgba(12, 35, 64, 0.25);
    text-decoration: line-through;
    text-decoration-color: var(--color-gold-500);
    text-decoration-thickness: 2px;
}

.ss-reg__plates {
    list-style: none;
    display: grid;
    gap: 0.7rem;
    margin: 0;
    padding: 0;
}

.ss-reg__plate {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    min-height: 100%;
    padding: 1.05rem 1rem 0.95rem 0.9rem;
    background: var(--color-white);
    color: inherit;
    text-decoration: none;
    border: 2px solid var(--color-navy-800);
    border-left-width: 0.7rem;
    border-left-color: var(--color-gold-500);
}

.ss-reg__bolt {
    position: absolute;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: #c5ccd4;
    box-shadow: inset 0 0 0 1px rgba(12, 35, 64, 0.35);
}

.ss-reg__bolt--tl {
    top: 0.4rem;
    left: 0.28rem;
}

.ss-reg__bolt--tr {
    top: 0.4rem;
    right: 0.4rem;
}

.ss-reg__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.ss-reg__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
    min-width: 0;
}

.ss-reg__kicker {
    margin: 0;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-700);
}

.ss-reg__name {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--color-navy-900);
}

.ss-reg__text,
.ss-reg__text p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.4;
    color: var(--color-grey-700);
}

.ss-reg__go {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.2rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--color-navy-800);
}

.ss-reg__go i {
    color: var(--color-gold-500);
}

.ss-reg__plate--zone {
    background: var(--color-navy-800);
    border-color: var(--color-navy-800);
    border-left-color: var(--color-gold-500);
}

.ss-reg__plate--zone .ss-reg__name,
.ss-reg__plate--zone .ss-reg__kicker {
    color: var(--color-gold-400);
}

.ss-reg__plate--zone .ss-reg__text,
.ss-reg__plate--zone .ss-reg__text p {
    color: rgba(255, 255, 255, 0.86);
}

.ss-reg__plate--zone .ss-reg__icon {
    color: var(--color-navy-800);
    background: var(--color-gold-500);
}

.ss-reg__xfer {
    max-width: 46rem;
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    background: var(--color-navy-800);
    color: var(--color-white);
}

.ss-reg__xfer .ss-reg__kicker {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--color-gold-400);
}

.ss-reg__xfer-body,
.ss-reg__xfer-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
}

a.ss-reg__plate {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.ss-reg__plate:hover,
a.ss-reg__plate:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.ss-reg__plate:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (min-width: 760px) {
    .ss-reg__plates {
        grid-template-columns: 1fr 1fr;
    }

    .ss-reg__plates > li:has(.ss-reg__plate--zone) {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.ss-reg__plate {
        transition: none;
    }

    a.ss-reg__plate:hover,
    a.ss-reg__plate:focus-visible {
        transform: none;
    }
}

.page-pillar.page-self-sponsored-health-insurance-uae .inner-content--ss-span .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ss-span {
    background: var(--surface-warm-wash);
}

.inner-content--ss-span p,
.inner-content--ss-span li,
.inner-content--ss-span .inner-content__body {
    text-align: left;
}

.ss-span__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ss-span__header .section__title,
.ss-span__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ss-span__intro,
.ss-span__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.ss-span__cross {
    max-width: 40rem;
    padding: 0 0 0.2rem;
}

.ss-span__bank {
    padding: 0.85rem 1rem 0.95rem;
    background: var(--color-navy-800);
}

.ss-span__kicker {
    margin: 0;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-700);
}

.ss-span__bank .ss-span__kicker {
    margin-bottom: 0.45rem;
    color: var(--color-gold-400);
}

.ss-span__cautions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0;
}

.ss-span__chip {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.55rem;
    background: rgba(255, 255, 255, 0.08);
    color: var(--color-white);
    font-size: 0.78rem;
    font-weight: 600;
}

.ss-span__chip--warn {
    color: var(--color-gold-400);
    box-shadow: inset 0 0 0 1px var(--color-gold-500);
}

.ss-span__stones {
    list-style: none;
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding: 0.65rem 0.55rem 0.75rem;
    background:
        repeating-linear-gradient(
            135deg,
            #0c2340 0 12px,
            #102a4a 12px 24px
        );
}

.ss-span__stone {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: start;
    gap: 0.65rem;
    padding: 0.8rem 0.85rem;
    background: var(--color-white);
    color: inherit;
    text-decoration: none;
}

.ss-span__num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    flex-shrink: 0;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--color-gold-400);
    background: var(--color-navy-800);
}

.ss-span__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    color: var(--color-gold-500);
}

.ss-span__copy {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.ss-span__title {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
}

.ss-span__text,
.ss-span__text p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.4;
    color: var(--color-grey-700);
}

.ss-span__stone > i {
    display: none;
}

.ss-span__cost {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    padding: 0.95rem 1rem;
    background: var(--color-gold-500);
    color: var(--color-navy-900);
    text-decoration: none;
}

.ss-span__cost .ss-span__kicker {
    color: var(--color-navy-800);
}

.ss-span__cost-title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.ss-span__cost > i {
    color: var(--color-navy-800);
}

a.ss-span__stone,
a.ss-span__cost {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.ss-span__stone:hover,
a.ss-span__stone:focus-visible,
a.ss-span__cost:hover,
a.ss-span__cost:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.ss-span__stone:focus-visible,
a.ss-span__cost:focus-visible {
    outline: 2px solid var(--color-navy-800);
    outline-offset: 3px;
}

@media (min-width: 720px) {
    .ss-span__stones > li:nth-child(odd) .ss-span__stone {
        margin-right: 1.75rem;
    }

    .ss-span__stones > li:nth-child(even) .ss-span__stone {
        margin-left: 1.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.ss-span__stone,
    a.ss-span__cost {
        transition: none;
    }

    a.ss-span__stone:hover,
    a.ss-span__stone:focus-visible,
    a.ss-span__cost:hover,
    a.ss-span__cost:focus-visible {
        transform: none;
    }
}

.page-pillar.page-self-sponsored-health-insurance-uae .inner-content--ss-disp .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ss-disp {
    background: var(--surface-navy-wash);
}

.inner-content--ss-disp p,
.inner-content--ss-disp li,
.inner-content--ss-disp .inner-content__body {
    text-align: left;
}

.ss-disp__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ss-disp__header .section__title,
.ss-disp__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ss-disp__intro,
.ss-disp__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.ss-disp__case {
    max-width: 46rem;
}

.ss-disp__mast {
    padding: 0.95rem 1rem 0.75rem;
    background: var(--color-navy-800);
}

.ss-disp__kicker {
    margin: 0 0 0.35rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-700);
}

.ss-disp__mast .ss-disp__kicker {
    color: var(--color-gold-400);
}

.ss-disp__seven {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-white);
}

.ss-disp__order {
    margin: 0.2rem 0 0;
    font-size: 0.88rem;
    color: rgba(255, 255, 255, 0.78);
}

.ss-disp__slot {
    display: block;
    height: 0.55rem;
    background: var(--color-gold-500);
    box-shadow: inset 0 2px 0 rgba(7, 21, 37, 0.18);
}

.ss-disp__tickets {
    list-style: none;
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding: 0.45rem 0 0;
}

.ss-disp__ticket {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: start;
    column-gap: 0.65rem;
    row-gap: 0.4rem;
    padding: 0 0.85rem 0.85rem;
    background: var(--color-white);
    color: inherit;
    text-decoration: none;
}

.ss-disp__perf {
    grid-column: 1 / -1;
    height: 0.7rem;
    margin: 0 -0.85rem;
    background:
        radial-gradient(circle at 10px 0, var(--surface-navy-soft) 0 4px, transparent 4.5px) 0 0 / 20px 12px repeat-x;
    border-bottom: 1px dashed rgba(12, 35, 64, 0.22);
}

.ss-disp__n {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    height: 1.85rem;
    padding: 0 0.3rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--color-navy-900);
    background: var(--color-gold-500);
}

.ss-disp__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    color: var(--color-gold-500);
}

.ss-disp__copy {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.ss-disp__q {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.ss-disp__text,
.ss-disp__text p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.4;
    color: var(--color-grey-700);
}

.ss-disp__go {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--color-navy-800);
}

.ss-disp__go i {
    color: var(--color-gold-500);
}

.ss-disp__shutter {
    max-width: 46rem;
    margin-top: 1rem;
    padding: 0.95rem 1rem;
    background: var(--color-navy-800);
    color: var(--color-white);
}

.ss-disp__shutter .ss-disp__kicker {
    display: block;
    margin-bottom: 0.55rem;
    color: var(--color-gold-400);
}

.ss-disp__limits {
    list-style: none;
    display: grid;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
}

.ss-disp__limits li {
    display: grid;
    grid-template-columns: 0.7rem minmax(0, 1fr);
    gap: 0.55rem;
    align-items: start;
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.9);
}

.ss-disp__limits li::before {
    content: "";
    width: 0.7rem;
    height: 0.7rem;
    margin-top: 0.25rem;
    background:
        linear-gradient(
            to top right,
            transparent 0 calc(50% - 1px),
            var(--color-gold-500) calc(50% - 1px) calc(50% + 1px),
            transparent calc(50% + 1px) 100%
        ),
        var(--color-navy-800);
    box-shadow: inset 0 0 0 1.5px var(--color-gold-500);
}

.ss-disp__hold {
    margin: 0.7rem 0 0;
    font-size: 0.88rem;
    color: rgba(255, 255, 255, 0.8);
}

.ss-disp__note,
.ss-disp__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

a.ss-disp__ticket {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.ss-disp__ticket:hover,
a.ss-disp__ticket:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.ss-disp__ticket:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    a.ss-disp__ticket {
        transition: none;
    }

    a.ss-disp__ticket:hover,
    a.ss-disp__ticket:focus-visible {
        transform: none;
    }
}

.page-pillar.page-self-sponsored-health-insurance-uae .inner-content--ss-gate .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ss-gate {
    background: var(--surface-muted-wash);
}

.inner-content--ss-gate p,
.inner-content--ss-gate li,
.inner-content--ss-gate .inner-content__body {
    text-align: left;
}

.ss-gate__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ss-gate__header .section__title,
.ss-gate__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ss-gate__intro,
.ss-gate__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.ss-gate__hall {
    position: relative;
    max-width: 54rem;
    padding: 0.95rem 0.85rem 1.15rem;
    background: var(--color-navy-800);
}

.ss-gate__kicker {
    margin: 0 0 0.75rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gold-400);
}

.ss-gate__bays {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    gap: 0.55rem;
    margin: 0;
    padding: 0 0 0.85rem;
}

.ss-gate__door {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    min-height: 100%;
    padding: 0;
    background: var(--color-white);
    color: inherit;
    text-decoration: none;
    border-top: 0.45rem solid var(--color-gold-500);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.ss-gate__lintel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.45rem 0.65rem 0;
}

.ss-gate__n {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--color-navy-700);
}

.ss-gate__icon {
    display: flex;
    color: var(--color-gold-500);
}

.ss-gate__title {
    padding: 0 0.65rem;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.ss-gate__desc {
    padding: 0 0.65rem;
    font-size: 0.82rem;
    line-height: 1.4;
    color: var(--color-grey-700);
}

.ss-gate__door > i {
    margin-top: auto;
    padding: 0 0.65rem 0.7rem;
    color: var(--color-gold-500);
}

.ss-gate__walk {
    display: block;
    height: 0.4rem;
    margin: 0 4%;
    background: var(--color-gold-500);
}

a.ss-gate__door:hover,
a.ss-gate__door:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.ss-gate__door:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.ss-gate__note,
.ss-gate__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--color-grey-700);
}

@media (min-width: 880px) {
    .ss-gate__bays--five {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    a.ss-gate__door {
        transition: none;
    }

    a.ss-gate__door:hover,
    a.ss-gate__door:focus-visible {
        transform: none;
    }
}

.page-pillar.page-self-sponsored-health-insurance-uae .inner-content--ss-foil .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--ss-foil {
    background: var(--surface-navy-wash);
}

.inner-content--ss-foil p,
.inner-content--ss-foil li,
.inner-content--ss-foil .inner-content__body {
    text-align: left;
}

.ss-foil__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.ss-foil__header .section__title,
.ss-foil__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.ss-foil__board {
    position: relative;
    max-width: 54rem;
    padding-top: 0.85rem;
}

.ss-foil__clip {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    width: 3.4rem;
    height: 1.35rem;
    margin-left: -1.7rem;
    background: var(--color-gold-500);
    clip-path: polygon(12% 0, 88% 0, 100% 100%, 0 100%);
}

.ss-foil__clip::after {
    content: "";
    position: absolute;
    left: 0.7rem;
    right: 0.7rem;
    bottom: -0.35rem;
    height: 0.45rem;
    background: var(--color-navy-800);
}

.ss-foil__sheet {
    padding: 1.45rem 1rem 1rem;
    background: var(--color-white);
    border: 2px solid var(--color-navy-800);
    box-shadow: 0 10px 0 -2px var(--color-navy-800);
}

.ss-foil__visor {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0 0 0.85rem;
}

.ss-foil__chip {
    display: inline-flex;
    align-items: center;
    padding: 0.32rem 0.6rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ss-foil__chip--verify,
.ss-foil__chip--auth {
    background: var(--color-navy-800);
    color: var(--color-gold-400);
}

.ss-foil__chip--sales {
    color: var(--color-grey-700);
    border: 1px solid rgba(12, 35, 64, 0.25);
    text-decoration: line-through;
    text-decoration-color: var(--color-gold-500);
    text-decoration-thickness: 2px;
}

.ss-foil__kicker {
    margin: 0 0 0.4rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-navy-700);
}

.ss-foil__intro,
.ss-foil__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.ss-foil__stickers {
    list-style: none;
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
}

.ss-foil__mark {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    min-height: 100%;
    overflow: hidden;
    padding: 0.85rem 0.8rem 0.8rem;
    background:
        linear-gradient(125deg, rgba(212, 175, 55, 0.14) 0%, rgba(255, 255, 255, 0) 42%, rgba(12, 35, 64, 0.05) 100%),
        var(--color-white);
    color: inherit;
    text-decoration: none;
    border: 1px solid rgba(12, 35, 64, 0.16);
    border-left: 0.55rem solid var(--color-gold-500);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.ss-foil__holo {
    position: absolute;
    top: -30%;
    right: -18%;
    width: 5.5rem;
    height: 5.5rem;
    pointer-events: none;
    background: repeating-linear-gradient(
        -32deg,
        rgba(212, 175, 55, 0.18) 0 6px,
        rgba(12, 35, 64, 0.06) 6px 12px
    );
    transform: rotate(18deg);
}

.ss-foil__head {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
}

.ss-foil__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    flex-shrink: 0;
    color: var(--color-navy-800);
    background: var(--color-gold-500);
}

.ss-foil__host {
    flex: 1;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    color: var(--color-navy-700);
}

.ss-foil__head > i {
    color: var(--color-gold-500);
}

.ss-foil__title {
    position: relative;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-navy-900);
}

.ss-foil__desc {
    position: relative;
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--color-grey-700);
}

.ss-foil__mark--icp,
.ss-foil__mark--gdrfa {
    border-left-color: var(--color-navy-800);
}

.ss-foil__mark--portal {
    background:
        linear-gradient(125deg, rgba(212, 175, 55, 0.1) 0%, rgba(12, 35, 64, 0.04) 100%),
        #f4f7fb;
}

a.ss-foil__mark:hover,
a.ss-foil__mark:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.ss-foil__mark:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.ss-foil__foot,
.ss-foil__foot p {
    max-width: 46rem;
    margin: 1rem 0 0;
    font-size: 0.88rem;
    color: var(--color-grey-700);
}

@media (min-width: 720px) {
    .ss-foil__stickers {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 980px) {
    .ss-foil__stickers {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.ss-foil__mark {
        transition: none;
    }

    a.ss-foil__mark:hover,
    a.ss-foil__mark:focus-visible {
        transform: none;
    }
}

/* Jump to a Term — bound dictionary with thumb-index tabs */
.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-dex .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--gx-dex {
    background:
        radial-gradient(ellipse 55% 40% at 100% 8%, rgba(12, 35, 64, 0.07) 0%, transparent 58%),
        linear-gradient(180deg, #efe6d0 0%, #f7f1e2 38%, #f4efe3 100%);
}

.inner-content--gx-dex p,
.inner-content--gx-dex li,
.inner-content--gx-dex .inner-content__body {
    text-align: left;
}

.gx-dex__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.gx-dex__header .section__title,
.gx-dex__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.gx-dex__volume {
    position: relative;
    display: grid;
    grid-template-columns: 2.55rem minmax(0, 1fr);
    grid-template-areas:
        "spine kicker"
        "spine sigs";
    background: #fbf7ed;
    border: 2px solid var(--color-navy-800);
    box-shadow:
        inset 0 0 0 1px rgba(201, 162, 39, 0.28),
        12px 0 0 -6px rgba(12, 35, 64, 0.08);
}

.gx-dex__volume::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0.32rem;
    background: linear-gradient(180deg, var(--color-gold-400) 0%, var(--color-gold-500) 55%, #b48e1c 100%);
    pointer-events: none;
}

.gx-dex__spine {
    grid-area: spine;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-navy-800);
    color: var(--color-gold-400);
    box-shadow:
        inset -3px 0 0 var(--color-gold-500),
        inset -7px 0 0 var(--color-navy-800),
        inset -10px 0 0 var(--color-gold-500);
}

.gx-dex__spine i {
    font-size: 1.15rem;
    transform: rotate(-90deg);
}

.gx-dex__kicker {
    grid-area: kicker;
    margin: 0;
    padding: 0.6rem 1.4rem 0.55rem 1.15rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: lowercase;
    color: var(--color-navy-800);
    background: rgba(201, 162, 39, 0.14);
    border-bottom: 2px solid var(--color-gold-500);
}

.gx-dex__sigs {
    grid-area: sigs;
    display: grid;
    margin: 0;
    padding: 0 1.35rem 0.35rem 0;
    list-style: none;
}

.gx-dex__sig {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 11rem;
    gap: 0.75rem 1rem;
    align-items: stretch;
    padding: 0.95rem 0 1rem 1.1rem;
    border-top: 1px solid rgba(12, 35, 64, 0.14);
}

.gx-dex__sig:first-child {
    border-top: 0;
}

a.gx-dex__thumb,
.gx-dex__thumb--plain {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.4rem;
    margin: 0;
    padding: 0.8rem 0.75rem 0.8rem 0.9rem;
    background: var(--color-navy-800);
    color: var(--color-gold-400);
    text-decoration: none;
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 12% 100%, 0 86%, 0 14%);
}

.gx-dex__sig--use a.gx-dex__thumb {
    background: var(--color-navy-700);
}

.gx-dex__sig--who a.gx-dex__thumb {
    background: #163456;
}

.gx-dex__sig--renew a.gx-dex__thumb {
    background: var(--color-navy-900);
}

.gx-dex__sig--party a.gx-dex__thumb {
    background: #1a3a5c;
}

.gx-dex__icon {
    display: inline-flex;
    color: var(--color-gold-400);
    font-size: 1.05rem;
}

.gx-dex__group {
    font-family: var(--font-heading);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-white);
}

a.gx-dex__thumb > .bi-arrow-right {
    color: var(--color-gold-400);
    font-size: 0.85rem;
}

.gx-dex__terms {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    padding: 0;
    list-style: none;
    column-count: 2;
    column-gap: 1.15rem;
    column-rule: 1px solid rgba(12, 35, 64, 0.12);
}

.gx-dex__terms li {
    break-inside: avoid;
    margin: 0;
}

a.gx-dex__thumb,
a.gx-dex__term {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.gx-dex__term {
    display: block;
    padding: 0.32rem 0.2rem 0.32rem 0.55rem;
    border-left: 3px solid var(--color-gold-500);
    border-bottom: 1px dotted rgba(12, 35, 64, 0.18);
    color: var(--color-navy-800);
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.45);
}

a.gx-dex__thumb:hover,
a.gx-dex__thumb:focus-visible,
a.gx-dex__term:hover,
a.gx-dex__term:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.gx-dex__term:hover,
a.gx-dex__term:focus-visible {
    color: var(--color-navy-900);
    border-bottom-color: var(--color-gold-500);
}

a.gx-dex__thumb:focus-visible,
a.gx-dex__term:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (max-width: 800px) {
    .gx-dex__volume {
        grid-template-columns: 0.55rem minmax(0, 1fr);
    }

    .gx-dex__spine i {
        display: none;
    }

    .gx-dex__sig {
        grid-template-columns: 1fr;
        padding-left: 0.75rem;
    }

    a.gx-dex__thumb,
    .gx-dex__thumb--plain {
        grid-column: 1;
        grid-row: 1;
        flex-direction: row;
        align-items: center;
        clip-path: none;
        padding: 0.7rem 0.85rem;
    }

    a.gx-dex__thumb > .bi-arrow-right {
        margin-left: auto;
    }

    .gx-dex__terms {
        grid-column: 1;
        grid-row: 2;
        column-count: 1;
        column-rule: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.gx-dex__thumb,
    a.gx-dex__term {
        transition: none;
    }

    a.gx-dex__thumb:hover,
    a.gx-dex__thumb:focus-visible,
    a.gx-dex__term:hover,
    a.gx-dex__term:focus-visible {
        transform: none;
    }
}

/* How Do You Use This Glossary — lightbox with three reading windows */
.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-lite .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--gx-lite {
    background:
        radial-gradient(ellipse 80% 42% at 50% 0%, rgba(201, 162, 39, 0.14) 0%, transparent 58%),
        var(--surface-navy-wash);
}

.inner-content--gx-lite p,
.inner-content--gx-lite li,
.inner-content--gx-lite .inner-content__body {
    text-align: left;
}

.gx-lite__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.gx-lite__header .section__title,
.gx-lite__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.gx-lite__intro,
.gx-lite__intro p {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    color: var(--color-grey-700);
}

.gx-lite__chassis {
    background: var(--color-navy-800);
    padding-bottom: 1.15rem;
    box-shadow: 0 22px 40px rgba(7, 21, 37, 0.18);
}

.gx-lite__lamp {
    display: block;
    height: 0.42rem;
    background: linear-gradient(
        90deg,
        #8a6e14 0%,
        var(--color-gold-400) 22%,
        var(--color-gold-500) 50%,
        var(--color-gold-400) 78%,
        #8a6e14 100%
    );
    box-shadow: 0 10px 28px rgba(201, 162, 39, 0.45);
}

.gx-lite__kicker {
    margin: 0;
    padding: 0.75rem 1.2rem 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    color: var(--color-gold-400);
}

.gx-lite__windows {
    display: grid;
    gap: 0.9rem;
    margin: 0;
    padding: 0.15rem 1.15rem 1rem;
    list-style: none;
}

.gx-lite__read {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    height: 100%;
    padding: 1.05rem 1rem 1.15rem;
    background:
        linear-gradient(185deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.05) 38%),
        rgba(236, 241, 247, 0.94);
    color: inherit;
    text-decoration: none;
}

.gx-lite__glass {
    display: grid;
    place-items: center;
    width: 3.55rem;
    height: 3.55rem;
    border: 3px solid var(--color-gold-500);
    border-radius: 50%;
    background:
        radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.7) 0%, transparent 42%),
        radial-gradient(circle at 50% 55%, rgba(201, 162, 39, 0.18) 0%, var(--color-navy-800) 72%);
    color: var(--color-gold-400);
    font-size: 1.2rem;
    box-shadow: inset 0 0 0 4px rgba(12, 35, 64, 0.35);
}

.gx-lite__read--cap .gx-lite__glass {
    background:
        radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.7) 0%, transparent 42%),
        radial-gradient(circle at 50% 55%, rgba(201, 162, 39, 0.18) 0%, var(--color-navy-700) 72%);
}

.gx-lite__read--pay .gx-lite__glass {
    background:
        radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.7) 0%, transparent 42%),
        radial-gradient(circle at 50% 55%, rgba(201, 162, 39, 0.18) 0%, var(--color-navy-900) 72%);
}

.gx-lite__term {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--color-navy-900);
}

.gx-lite__text,
.gx-lite__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--color-grey-700);
}

a.gx-lite__read {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.gx-lite__read:hover,
a.gx-lite__read:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.gx-lite__read:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.gx-lite__bind {
    margin: 0 1.15rem;
    padding: 0.9rem 1rem;
    background: #f7f1e2;
    border-left: 4px solid var(--color-gold-500);
}

.gx-lite__kicker--bind {
    padding: 0 0 0.35rem;
    color: var(--color-navy-800);
}

.gx-lite__bind-body,
.gx-lite__bind-body p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: var(--color-grey-700);
}

@media (min-width: 900px) {
    .gx-lite__windows {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.gx-lite__read {
        transition: none;
    }

    a.gx-lite__read:hover,
    a.gx-lite__read:focus-visible {
        transform: none;
    }
}

/* Which Terms Come Up Before Cover Is Issued — proposal pad on a desk blotter */
.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-pad .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--gx-pad {
    background:
        radial-gradient(ellipse 55% 40% at 0% 100%, rgba(12, 35, 64, 0.07) 0%, transparent 55%),
        linear-gradient(180deg, #e4e9f0 0%, #eef1f5 48%, #e7ebf1 100%);
}

.inner-content--gx-pad p,
.inner-content--gx-pad li,
.inner-content--gx-pad .inner-content__body {
    text-align: left;
}

.gx-pad__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.gx-pad__header .section__title,
.gx-pad__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.gx-pad__intro,
.gx-pad__intro p,
.gx-pad__note,
.gx-pad__note p {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    color: var(--color-grey-700);
}

.gx-pad__desk {
    padding: 0.9rem;
    background:
        linear-gradient(180deg, #1c3a5c 0%, var(--color-navy-800) 100%);
    box-shadow: 0 18px 36px rgba(7, 21, 37, 0.16);
}

.gx-pad__blotter {
    background:
        repeating-linear-gradient(
            transparent,
            transparent 1.75rem,
            rgba(12, 35, 64, 0.035) 1.75rem,
            rgba(12, 35, 64, 0.035) 1.77rem
        ),
        #fbf7ed;
    padding: 0.35rem 0 0.55rem;
}

.gx-pad__clip {
    display: block;
    width: 2.55rem;
    height: 1.2rem;
    margin: -0.5rem auto 0.45rem;
    background: linear-gradient(180deg, var(--color-gold-400) 0%, var(--color-gold-500) 100%);
    clip-path: polygon(18% 0, 82% 0, 100% 100%, 0 100%);
}

.gx-pad__kicker {
    margin: 0;
    padding: 0.15rem 1.25rem 0.7rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    color: var(--color-navy-800);
}

.gx-pad__fields {
    margin: 0;
}

.gx-pad__row {
    padding: 0.95rem 1.2rem 1.05rem;
    border-top: 1px solid rgba(12, 35, 64, 0.14);
}

.gx-pad__row:first-child {
    border-top: 0;
}

.gx-pad__term {
    display: grid;
    grid-template-columns: 2.85rem minmax(0, 1fr);
    column-gap: 0.85rem;
    margin: 0;
    scroll-margin-top: 6rem;
}

.gx-pad__stub {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 2.85rem;
    height: 2.85rem;
    background: var(--color-navy-800);
    color: var(--color-gold-400);
    font-size: 1.05rem;
}

.gx-pad__row--whi .gx-pad__stub {
    background: var(--color-navy-700);
}

.gx-pad__row--plus .gx-pad__stub {
    background: #163456;
}

.gx-pad__row--list .gx-pad__stub {
    background: var(--color-navy-900);
}

.gx-pad__name {
    font-family: var(--font-heading);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
}

.gx-pad__aka {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.82rem;
    font-style: italic;
    font-weight: 400;
    color: var(--color-grey-600);
}

.gx-pad__def {
    margin: 0.45rem 0 0 calc(2.85rem + 0.85rem);
}

.gx-pad__text,
.gx-pad__text p {
    margin: 0;
    font-size: 0.94rem;
    line-height: 1.55;
    color: var(--color-grey-700);
}

a.gx-pad__go {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.7rem;
    padding: 0.4rem 0.65rem;
    background: #fff;
    border-bottom: 3px solid var(--color-gold-500);
    color: var(--color-navy-800);
    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.gx-pad__go > i {
    color: var(--color-gold-500);
    font-size: 0.85rem;
}

a.gx-pad__go:hover,
a.gx-pad__go:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.gx-pad__go:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .gx-pad__desk {
        padding: 0.65rem;
    }

    .gx-pad__def {
        margin-left: 0;
        margin-top: 0.65rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.gx-pad__go {
        transition: none;
    }

    a.gx-pad__go:hover,
    a.gx-pad__go:focus-visible {
        transform: none;
    }
}

/* Which Terms Decide What You Pay When You Claim — clinic till + thermal receipt */
.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-till .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--gx-till {
    background:
        radial-gradient(ellipse 70% 45% at 80% 0%, rgba(201, 162, 39, 0.12) 0%, transparent 55%),
        linear-gradient(180deg, #f6ebda 0%, #f3e4cc 42%, #efe0c4 100%);
}

.inner-content--gx-till p,
.inner-content--gx-till li,
.inner-content--gx-till .inner-content__body {
    text-align: left;
}

.gx-till__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.gx-till__header .section__title,
.gx-till__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.gx-till__intro,
.gx-till__intro p,
.gx-till__note,
.gx-till__note p {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    color: var(--color-grey-700);
}

.gx-till__counter {
    background: var(--color-navy-800);
    padding: 0.75rem 0.75rem 0.85rem;
    box-shadow: 0 20px 38px rgba(7, 21, 37, 0.18);
}

.gx-till__fascia {
    padding: 0.35rem 0.85rem 0.7rem;
}

.gx-till__mouth {
    display: block;
    height: 0.55rem;
    margin-bottom: 0.65rem;
    background: #050d16;
    border-top: 3px solid var(--color-gold-500);
    border-bottom: 2px solid rgba(201, 162, 39, 0.45);
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.45);
}

.gx-till__kicker {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: lowercase;
    color: var(--color-gold-400);
}

.gx-till__roll {
    margin: 0;
    background: #f3ead0;
    padding: 0.15rem 0 0.2rem;
}

.gx-till__line {
    padding: 0.95rem 1.15rem 1.05rem;
    border-top: 1px dashed rgba(12, 35, 64, 0.28);
    break-inside: avoid;
}

.gx-till__line:first-child {
    border-top: 0;
}

.gx-till__term {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.55rem;
    margin: 0 0 0.4rem;
    scroll-margin-top: 6rem;
}

.gx-till__mark {
    color: var(--color-gold-500);
    font-size: 0.95rem;
}

.gx-till__name {
    font-family: var(--font-heading);
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--color-navy-900);
}

.gx-till__aka {
    flex: 1 1 100%;
    font-size: 0.8rem;
    font-style: italic;
    font-weight: 400;
    color: var(--color-grey-600);
}

.gx-till__def {
    margin: 0;
}

.gx-till__text,
.gx-till__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--color-grey-700);
}

a.gx-till__go {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.65rem;
    padding: 0.35rem 0.55rem;
    background: #fff8e8;
    border-bottom: 3px solid var(--color-gold-500);
    color: var(--color-navy-800);
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.gx-till__go > i {
    color: var(--color-gold-500);
    font-size: 0.85rem;
}

a.gx-till__go:hover,
a.gx-till__go:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.gx-till__go:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.gx-till__tear {
    display: block;
    height: 0.7rem;
    background:
        radial-gradient(circle at 50% 0, #f3ead0 0.36rem, transparent 0.38rem) 0 0 / 0.85rem 0.7rem repeat-x;
    background-color: var(--color-navy-800);
}

@media (min-width: 900px) {
    .gx-till__roll {
        column-count: 2;
        column-gap: 0;
        column-rule: 1px dashed rgba(12, 35, 64, 0.32);
    }

    .gx-till__line {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.gx-till__go {
        transition: none;
    }

    a.gx-till__go:hover,
    a.gx-till__go:focus-visible {
        transform: none;
    }
}

/* Which Terms Decide Who Is Covered, and When? — in-force time rail */
.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-when .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--gx-when {
    background:
        radial-gradient(ellipse 40% 55% at 50% 12%, rgba(201, 162, 39, 0.1) 0%, transparent 60%),
        linear-gradient(180deg, #dce7f0 0%, #e8eef4 46%, #dbe4ee 100%);
}

.inner-content--gx-when p,
.inner-content--gx-when li,
.inner-content--gx-when .inner-content__body {
    text-align: left;
}

.gx-when__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.gx-when__header .section__title,
.gx-when__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.gx-when__intro,
.gx-when__intro p,
.gx-when__note,
.gx-when__note p {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    color: var(--color-grey-700);
}

.gx-when__track {
    position: relative;
}

.gx-when__kicker {
    margin: 0 0 1rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    color: var(--color-navy-800);
}

.gx-when__beats {
    position: relative;
    margin: 0;
}

.gx-when__beats::before {
    content: "";
    position: absolute;
    top: 0.7rem;
    bottom: 0.7rem;
    left: 1.05rem;
    width: 3px;
    background: linear-gradient(180deg, var(--color-gold-400) 0%, var(--color-gold-500) 50%, var(--color-navy-800) 100%);
}

.gx-when__beat {
    position: relative;
    display: grid;
    grid-template-columns: 2.1rem minmax(0, 1fr);
    column-gap: 0.85rem;
    margin-bottom: 0.85rem;
}

.gx-when__beat:last-child {
    margin-bottom: 0;
}

.gx-when__node {
    grid-column: 1;
    grid-row: 1;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    background: var(--color-navy-800);
    color: var(--color-gold-400);
    font-size: 0.95rem;
    box-shadow: 0 0 0 4px #dce7f0;
}

.gx-when__beat--gap .gx-when__node {
    background: var(--color-navy-900);
}

.gx-when__beat--kin .gx-when__node,
.gx-when__beat--self .gx-when__node {
    background: var(--color-navy-700);
}

.gx-when__card {
    grid-column: 2;
    grid-row: 1;
    padding: 0.85rem 1rem 1rem;
    background: #f7fbfe;
    border-top: 3px solid var(--color-gold-500);
}

.gx-when__term {
    margin: 0 0 0.35rem;
    scroll-margin-top: 6rem;
}

.gx-when__name {
    display: block;
    font-family: var(--font-heading);
    font-size: 1.04rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
}

.gx-when__aka {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.8rem;
    font-style: italic;
    font-weight: 400;
    color: var(--color-grey-600);
}

.gx-when__def {
    margin: 0;
}

.gx-when__text,
.gx-when__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--color-grey-700);
}

a.gx-when__go {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.65rem;
    padding: 0.38rem 0.6rem;
    background: #fff;
    border-bottom: 3px solid var(--color-gold-500);
    color: var(--color-navy-800);
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.gx-when__go > i {
    color: var(--color-gold-500);
    font-size: 0.85rem;
}

a.gx-when__go:hover,
a.gx-when__go:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.gx-when__go:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (min-width: 880px) {
    .gx-when__beats::before {
        left: 50%;
        transform: translateX(-50%);
    }

    .gx-when__beat {
        grid-template-columns: minmax(0, 1fr) 2.4rem minmax(0, 1fr);
        column-gap: 1rem;
        margin-bottom: 1.1rem;
    }

    .gx-when__node {
        grid-column: 2;
        width: 2.4rem;
        height: 2.4rem;
        box-shadow: 0 0 0 5px #dce7f0;
    }

    .gx-when__card {
        grid-column: 1;
    }

    .gx-when__beat:nth-child(even) .gx-when__card {
        grid-column: 3;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.gx-when__go {
        transition: none;
    }

    a.gx-when__go:hover,
    a.gx-when__go:focus-visible {
        transform: none;
    }
}

/* Which Terms Decide What Renewal Costs? — split-flap rate board */
.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-rate .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--gx-rate {
    background:
        radial-gradient(ellipse 65% 40% at 0% 0%, rgba(201, 162, 39, 0.12) 0%, transparent 55%),
        linear-gradient(180deg, #e6e3dc 0%, #eceae4 48%, #e2dfd8 100%);
}

.inner-content--gx-rate p,
.inner-content--gx-rate li,
.inner-content--gx-rate .inner-content__body {
    text-align: left;
}

.gx-rate__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.gx-rate__header .section__title,
.gx-rate__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.gx-rate__intro,
.gx-rate__intro p,
.gx-rate__note,
.gx-rate__note p {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    color: var(--color-grey-700);
}

.gx-rate__board {
    background: var(--color-navy-900);
    padding: 0 0.55rem 0.55rem;
    box-shadow: 0 20px 40px rgba(7, 21, 37, 0.2);
}

.gx-rate__rail {
    display: grid;
    grid-template-columns: 1.6rem minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    padding: 0.7rem 0.55rem 0.65rem;
}

.gx-rate__hinge {
    width: 0.7rem;
    height: 0.7rem;
    justify-self: center;
    background: var(--color-gold-500);
    box-shadow: 0 0 0 3px var(--color-navy-800);
}

.gx-rate__kicker {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: lowercase;
    color: var(--color-gold-400);
}

.gx-rate__flaps {
    margin: 0;
    display: grid;
    gap: 0.35rem;
}

.gx-rate__flap {
    display: grid;
    background: var(--color-navy-800);
}

.gx-rate__term {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.3rem 0.55rem;
    margin: 0;
    padding: 0.7rem 0.95rem 0.55rem;
    background: linear-gradient(180deg, #1b3a5c 0%, var(--color-navy-800) 100%);
    scroll-margin-top: 6rem;
}

.gx-rate__mark {
    color: var(--color-gold-400);
    font-size: 0.95rem;
}

.gx-rate__name {
    font-family: var(--font-heading);
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--color-white);
}

.gx-rate__aka {
    flex: 1 1 100%;
    font-size: 0.78rem;
    font-style: italic;
    font-weight: 400;
    color: var(--color-gold-300);
}

.gx-rate__def {
    margin: 0;
    padding: 0.75rem 0.95rem 0.9rem;
    background: #f3efe6;
    border-top: 2px solid var(--color-gold-500);
    box-shadow: inset 0 6px 0 -4px rgba(12, 35, 64, 0.18);
}

.gx-rate__text,
.gx-rate__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--color-grey-700);
}

a.gx-rate__go {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.65rem;
    padding: 0.38rem 0.6rem;
    background: #fff;
    border-bottom: 3px solid var(--color-gold-500);
    color: var(--color-navy-800);
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.gx-rate__go > i {
    color: var(--color-gold-500);
    font-size: 0.85rem;
}

a.gx-rate__go:hover,
a.gx-rate__go:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.gx-rate__go:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (min-width: 860px) {
    .gx-rate__flaps {
        grid-template-columns: 1fr 1fr;
        gap: 0.4rem;
    }

    .gx-rate__flap:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.gx-rate__go {
        transition: none;
    }

    a.gx-rate__go:hover,
    a.gx-rate__go:focus-visible {
        transform: none;
    }
}

/* Which Party Does What in UAE Insurance? — standing nameplates on a hearing bench */
.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-bench .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--gx-bench {
    background:
        radial-gradient(ellipse 60% 40% at 100% 100%, rgba(12, 35, 64, 0.08) 0%, transparent 55%),
        linear-gradient(180deg, #e4ebe6 0%, #eef2ee 48%, #e2e8e4 100%);
}

.inner-content--gx-bench p,
.inner-content--gx-bench li,
.inner-content--gx-bench .inner-content__body {
    text-align: left;
}

.gx-bench__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.gx-bench__header .section__title,
.gx-bench__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.gx-bench__intro,
.gx-bench__intro p,
.gx-bench__note,
.gx-bench__note p {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    color: var(--color-grey-700);
}

.gx-bench__dais {
    padding: 1.1rem 1rem 1.25rem;
    background:
        linear-gradient(180deg, #16324f 0%, var(--color-navy-800) 42%, #0a1c33 100%);
    box-shadow: 0 18px 36px rgba(7, 21, 37, 0.16);
}

.gx-bench__kicker {
    margin: 0 0 0.95rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    color: var(--color-gold-400);
}

.gx-bench__row {
    display: grid;
    gap: 0.85rem;
    margin: 0;
}

.gx-bench__place {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    background: #f6f3ea;
    box-shadow: 0 10px 0 -6px var(--color-gold-500);
}

.gx-bench__term {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr);
    column-gap: 0.7rem;
    margin: 0;
    padding: 0.8rem 0.85rem 0.7rem;
    background: var(--color-navy-800);
    border-top: 4px solid var(--color-gold-500);
    scroll-margin-top: 6rem;
}

.gx-bench__mark {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    background: var(--color-navy-900);
    color: var(--color-gold-400);
    font-size: 1.05rem;
}

.gx-bench__place--broke .gx-bench__mark {
    background: var(--color-navy-700);
}

.gx-bench__place--guide .gx-bench__mark {
    background: #163456;
}

.gx-bench__name {
    font-family: var(--font-heading);
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--color-white);
}

.gx-bench__aka {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.78rem;
    font-style: italic;
    font-weight: 400;
    color: var(--color-gold-300);
}

.gx-bench__def {
    margin: 0;
    padding: 0.8rem 0.9rem 0.95rem;
}

.gx-bench__text,
.gx-bench__text p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: var(--color-grey-700);
}

a.gx-bench__go {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.65rem;
    padding: 0.38rem 0.6rem;
    background: #fff;
    border-bottom: 3px solid var(--color-gold-500);
    color: var(--color-navy-800);
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

a.gx-bench__go > i {
    color: var(--color-gold-500);
    font-size: 0.85rem;
}

a.gx-bench__go:hover,
a.gx-bench__go:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.gx-bench__go:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (min-width: 760px) {
    .gx-bench__row {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1100px) {
    .gx-bench__row {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.gx-bench__go {
        transition: none;
    }

    a.gx-bench__go:hover,
    a.gx-bench__go:focus-visible {
        transform: none;
    }
}

/* Guides That Use These Terms — highlighter concordance */
.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-xref .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--gx-xref {
    background:
        radial-gradient(ellipse 50% 40% at 100% 0%, rgba(201, 162, 39, 0.16) 0%, transparent 58%),
        linear-gradient(180deg, #f4efe4 0%, #f7f3ea 50%, #efe9dc 100%);
}

.inner-content--gx-xref p,
.inner-content--gx-xref li,
.inner-content--gx-xref .inner-content__body {
    text-align: left;
}

.gx-xref__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.gx-xref__header .section__title,
.gx-xref__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.gx-xref__intro,
.gx-xref__intro p,
.gx-xref__note,
.gx-xref__note p {
    max-width: 46rem;
    margin: 0 0 1.15rem;
    color: var(--color-grey-700);
}

.gx-xref__page {
    padding: 1.1rem 1.1rem 1.2rem;
    background: #fffdf7;
    border: 2px solid var(--color-navy-800);
    box-shadow: inset 0.55rem 0 0 var(--color-navy-800);
}

.gx-xref__kicker {
    margin: 0 0 0.85rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    color: var(--color-navy-800);
}

.gx-xref__hits {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

a.gx-xref__hit {
    display: grid;
    grid-template-columns: 0.55rem 2rem minmax(0, 1fr) auto;
    align-items: start;
    column-gap: 0.7rem;
    padding: 0.85rem 0.9rem 0.9rem 0;
    background:
        linear-gradient(90deg, rgba(201, 162, 39, 0.22) 0%, rgba(201, 162, 39, 0.08) 42%, rgba(255, 253, 247, 0.4) 100%);
    color: inherit;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.gx-xref__stroke {
    align-self: stretch;
    background: var(--color-gold-500);
}

.gx-xref__icon {
    display: grid;
    place-items: center;
    margin-top: 0.1rem;
    color: var(--color-navy-800);
    font-size: 1.05rem;
}

.gx-xref__copy {
    display: grid;
    gap: 0.3rem;
}

.gx-xref__title {
    font-family: var(--font-heading);
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
}

.gx-xref__desc {
    font-size: 0.88rem;
    line-height: 1.45;
    color: var(--color-grey-700);
}

a.gx-xref__hit > .bi-arrow-right {
    align-self: center;
    color: var(--color-gold-500);
}

a.gx-xref__hit:hover,
a.gx-xref__hit:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.gx-xref__hit:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

@media (min-width: 860px) {
    .gx-xref__hits {
        grid-template-columns: 1fr 1fr;
        gap: 0.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.gx-xref__hit {
        transition: none;
    }

    a.gx-xref__hit:hover,
    a.gx-xref__hit:focus-visible {
        transform: none;
    }
}

/* Sources & Official References — glossary colophon / publisher imprints */
.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-col .section__header {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
    text-align: left;
}

.inner-content--gx-col {
    background:
        radial-gradient(ellipse 45% 35% at 0% 100%, rgba(12, 35, 64, 0.07) 0%, transparent 55%),
        linear-gradient(180deg, #e6e8ed 0%, #eef0f3 50%, #e4e7ec 100%);
}

.inner-content--gx-col p,
.inner-content--gx-col li,
.inner-content--gx-col .inner-content__body {
    text-align: left;
}

.gx-col__header {
    max-width: 46rem;
    margin-inline: 0;
    text-align: left;
}

.gx-col__header .section__title,
.gx-col__header .section__subtitle {
    max-width: 42rem;
    margin-inline: 0;
}

.gx-col__leaf {
    padding: 1.15rem 1.15rem 1.05rem;
    background: #fbf8f1;
    border: 2px solid var(--color-navy-800);
}

.gx-col__rule {
    display: block;
    height: 0.45rem;
    margin-bottom: 0.75rem;
    border-top: 2px solid var(--color-navy-800);
    border-bottom: 2px solid var(--color-gold-500);
}

.gx-col__rule--foot {
    margin: 1rem 0 0;
}

.gx-col__kicker {
    margin: 0 0 0.55rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    color: var(--color-navy-800);
}

.gx-col__intro,
.gx-col__intro p {
    max-width: 46rem;
    margin: 0 0 1rem;
    color: var(--color-grey-700);
}

.gx-col__marks {
    display: grid;
    gap: 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

a.gx-col__mark {
    position: relative;
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    column-gap: 0.8rem;
    padding: 0.9rem 2.1rem 0.95rem 0.9rem;
    background: #fff;
    color: inherit;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.gx-col__seal {
    grid-column: 1;
    grid-row: 1 / span 3;
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    align-self: start;
    background: var(--color-navy-800);
    color: var(--color-gold-400);
    font-size: 1rem;
    clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
}

.gx-col__mark--doh .gx-col__seal {
    background: var(--color-navy-700);
}

.gx-col__mark--cbu .gx-col__seal {
    background: var(--color-navy-900);
}

.gx-col__host {
    grid-column: 2;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: lowercase;
    color: var(--color-navy-700);
}

.gx-col__title {
    grid-column: 2;
    font-family: var(--font-heading);
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-navy-900);
}

.gx-col__desc {
    grid-column: 2;
    font-size: 0.84rem;
    line-height: 1.4;
    color: var(--color-grey-700);
}

a.gx-col__mark > .bi-box-arrow-up-right {
    position: absolute;
    top: 0.85rem;
    right: 0.7rem;
    color: var(--color-gold-500);
    font-size: 0.85rem;
}

a.gx-col__mark:hover,
a.gx-col__mark:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

a.gx-col__mark:focus-visible {
    outline: 2px solid var(--color-gold-500);
    outline-offset: 3px;
}

.gx-col__note,
.gx-col__note p {
    max-width: 46rem;
    margin: 1rem 0 0;
    font-size: 0.88rem;
    color: var(--color-grey-700);
}

@media (min-width: 820px) {
    .gx-col__marks {
        grid-template-columns: 1fr 1fr;
    }

    .gx-col__marks > li:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.gx-col__mark {
        transition: none;
    }

    a.gx-col__mark:hover,
    a.gx-col__mark:focus-visible {
        transform: none;
    }
}

/* --------------------------------------------------------------------------
   Glossary home-mood: keep unique layouts, restore homepage surfaces
   -------------------------------------------------------------------------- */
.page-pillar.page-uae-health-insurance-glossary [class*="inner-content--gx-"] .section__header,
.page-pillar.page-uae-health-insurance-glossary [class$="__header"] {
    text-align: center;
    max-width: none;
    margin-inline: auto;
    margin-bottom: var(--space-3xl);
}

.page-pillar.page-uae-health-insurance-glossary [class$="__header"] .section__title,
.page-pillar.page-uae-health-insurance-glossary [class$="__header"] .section__subtitle {
    margin-inline: auto;
    max-width: 640px;
}

.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-dex {
    background: var(--surface-navy-wash);
}

.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-lite {
    background: var(--surface-page);
}

.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-pad {
    background: var(--surface-warm-wash);
}

.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-till {
    background: var(--surface-navy-wash);
}

.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-when {
    background: var(--surface-muted-wash);
}

.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-rate {
    background: var(--surface-warm-wash);
}

.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-bench {
    background: var(--surface-navy-wash);
}

.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-xref {
    background: var(--surface-muted-wash);
}

.page-pillar.page-uae-health-insurance-glossary .inner-content--gx-col {
    background: var(--surface-muted);
}

.page-uae-health-insurance-glossary .gx-dex__spine,
.page-uae-health-insurance-glossary .gx-dex__volume::after,
.page-uae-health-insurance-glossary .gx-lite__lamp,
.page-uae-health-insurance-glossary .gx-pad__clip,
.page-uae-health-insurance-glossary .gx-till__mouth,
.page-uae-health-insurance-glossary .gx-till__tear,
.page-uae-health-insurance-glossary .gx-rate__hinge,
.page-uae-health-insurance-glossary .gx-col__rule {
    display: none;
}

.page-uae-health-insurance-glossary .gx-dex__kicker,
.page-uae-health-insurance-glossary .gx-lite__kicker,
.page-uae-health-insurance-glossary .gx-pad__kicker,
.page-uae-health-insurance-glossary .gx-till__kicker,
.page-uae-health-insurance-glossary .gx-when__kicker,
.page-uae-health-insurance-glossary .gx-rate__kicker,
.page-uae-health-insurance-glossary .gx-bench__kicker,
.page-uae-health-insurance-glossary .gx-xref__kicker,
.page-uae-health-insurance-glossary .gx-col__kicker {
    font-family: var(--font-heading);
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-gold-500);
    background: transparent;
    border: 0;
    padding: 0 0 var(--space-sm);
}

.page-uae-health-insurance-glossary .gx-dex__volume {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: clamp(1.25rem, 3vw, 1.85rem);
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.page-uae-health-insurance-glossary .gx-dex__sigs {
    padding: 0;
}

.page-uae-health-insurance-glossary .gx-dex__sig {
    grid-template-columns: 1fr;
    padding: 1.15rem 0 1.25rem;
    border-top-color: var(--color-grey-100);
}

.page-uae-health-insurance-glossary a.gx-dex__thumb,
.page-uae-health-insurance-glossary .gx-dex__thumb--plain {
    grid-column: 1;
    grid-row: auto;
    flex-direction: row;
    align-items: center;
    gap: 0.65rem;
    padding: 0.35rem 0 0.65rem;
    background: transparent;
    color: var(--color-gold-500);
    clip-path: none;
}

.page-uae-health-insurance-glossary .gx-dex__icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-md);
    background: linear-gradient(145deg, rgba(20, 54, 96, 0.07) 0%, rgba(201, 162, 39, 0.16) 100%);
    border: 1px solid rgba(201, 162, 39, 0.2);
    color: var(--color-navy-700);
}

.page-uae-health-insurance-glossary .gx-dex__group {
    color: var(--color-navy-900);
    font-size: 1.05rem;
    letter-spacing: -0.015em;
    text-transform: none;
}

.page-uae-health-insurance-glossary a.gx-dex__thumb > .bi-arrow-right {
    margin-left: auto;
    color: var(--color-gold-500);
}

.page-uae-health-insurance-glossary .gx-dex__terms {
    grid-column: 1;
    column-rule-color: var(--color-grey-100);
}

.page-uae-health-insurance-glossary a.gx-dex__term {
    background: transparent;
    border-left: 0;
    border-bottom-color: transparent;
    color: var(--color-navy-700);
    font-weight: 600;
    padding: 0.28rem 0;
}

.page-uae-health-insurance-glossary a.gx-dex__term:hover,
.page-uae-health-insurance-glossary a.gx-dex__term:focus-visible {
    color: var(--color-gold-500);
    border-bottom-color: rgba(201, 162, 39, 0.35);
}

.page-uae-health-insurance-glossary .gx-lite__chassis,
.page-uae-health-insurance-glossary .gx-pad__desk,
.page-uae-health-insurance-glossary .gx-till__counter,
.page-uae-health-insurance-glossary .gx-rate__board,
.page-uae-health-insurance-glossary .gx-bench__dais,
.page-uae-health-insurance-glossary .gx-xref__page,
.page-uae-health-insurance-glossary .gx-col__leaf {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.page-uae-health-insurance-glossary .gx-pad__blotter,
.page-uae-health-insurance-glossary .gx-till__roll,
.page-uae-health-insurance-glossary .gx-till__fascia {
    background: transparent;
    padding: 0;
}

.page-uae-health-insurance-glossary .gx-lite__read,
.page-uae-health-insurance-glossary .gx-pad__row,
.page-uae-health-insurance-glossary .gx-till__line,
.page-uae-health-insurance-glossary .gx-when__card,
.page-uae-health-insurance-glossary .gx-rate__flap,
.page-uae-health-insurance-glossary .gx-bench__place,
.page-uae-health-insurance-glossary a.gx-xref__hit,
.page-uae-health-insurance-glossary a.gx-col__mark {
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.page-uae-health-insurance-glossary .gx-lite__windows,
.page-uae-health-insurance-glossary .gx-pad__fields,
.page-uae-health-insurance-glossary .gx-till__roll,
.page-uae-health-insurance-glossary .gx-rate__flaps,
.page-uae-health-insurance-glossary .gx-bench__row,
.page-uae-health-insurance-glossary .gx-xref__hits,
.page-uae-health-insurance-glossary .gx-col__marks {
    gap: var(--space-lg);
    padding: 0;
}

.page-uae-health-insurance-glossary .gx-lite__bind {
    margin: var(--space-lg) 0 0;
    padding: var(--space-lg);
    background: var(--color-white);
    border: 1px solid var(--color-grey-100);
    border-left: 3px solid var(--color-gold-500);
    border-radius: var(--radius-lg);
}

.page-uae-health-insurance-glossary .gx-rate__flap,
.page-uae-health-insurance-glossary .gx-bench__place {
    padding: var(--space-lg);
}

.page-uae-health-insurance-glossary .gx-when__beat {
    margin-bottom: var(--space-lg);
}

@media (min-width: 900px) {
    .page-uae-health-insurance-glossary .gx-till__roll {
        column-gap: var(--space-lg);
        column-rule: none;
    }
}

.page-uae-health-insurance-glossary .gx-pad__row,
.page-uae-health-insurance-glossary .gx-till__line {
    padding: var(--space-lg);
}

.page-uae-health-insurance-glossary .gx-lite__glass,
.page-uae-health-insurance-glossary .gx-pad__stub,
.page-uae-health-insurance-glossary .gx-till__mark,
.page-uae-health-insurance-glossary .gx-when__node,
.page-uae-health-insurance-glossary .gx-rate__mark,
.page-uae-health-insurance-glossary .gx-bench__mark,
.page-uae-health-insurance-glossary .gx-xref__icon,
.page-uae-health-insurance-glossary .gx-col__seal,
.page-uae-health-insurance-glossary .gx-dex__icon {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-md);
    background: linear-gradient(145deg, rgba(20, 54, 96, 0.07) 0%, rgba(201, 162, 39, 0.16) 100%);
    border: 1px solid rgba(201, 162, 39, 0.2);
    color: var(--color-navy-700);
    clip-path: none;
    box-shadow: none;
}

.page-uae-health-insurance-glossary .gx-lite__term,
.page-uae-health-insurance-glossary .gx-pad__name,
.page-uae-health-insurance-glossary .gx-till__name,
.page-uae-health-insurance-glossary .gx-when__name,
.page-uae-health-insurance-glossary .gx-rate__name,
.page-uae-health-insurance-glossary .gx-bench__name,
.page-uae-health-insurance-glossary .gx-xref__title,
.page-uae-health-insurance-glossary .gx-col__title {
    color: var(--color-navy-900);
}

.page-uae-health-insurance-glossary .gx-rate__term,
.page-uae-health-insurance-glossary .gx-bench__term {
    background: transparent;
    border-top: 0;
    color: var(--color-navy-900);
}

.page-uae-health-insurance-glossary .gx-rate__aka,
.page-uae-health-insurance-glossary .gx-bench__aka,
.page-uae-health-insurance-glossary .gx-pad__aka,
.page-uae-health-insurance-glossary .gx-till__aka,
.page-uae-health-insurance-glossary .gx-when__aka {
    color: var(--color-grey-500);
}

.page-uae-health-insurance-glossary .gx-rate__def,
.page-uae-health-insurance-glossary .gx-bench__def,
.page-uae-health-insurance-glossary .gx-till__def {
    background: transparent;
    border-top: 0;
    box-shadow: none;
}

.page-uae-health-insurance-glossary .gx-when__beats::before {
    width: 2px;
    background: rgba(201, 162, 39, 0.55);
    left: 1.35rem;
}

@media (min-width: 880px) {
    .page-uae-health-insurance-glossary .gx-when__beats::before {
        left: 50%;
    }

    .page-uae-health-insurance-glossary .gx-when__node {
        box-shadow: 0 0 0 6px var(--surface-muted);
    }
}

.page-uae-health-insurance-glossary .gx-xref__stroke {
    width: 3px;
    background: var(--color-gold-500);
}

.page-uae-health-insurance-glossary a.gx-xref__hit {
    background: var(--color-white);
    grid-template-columns: 3px 2.75rem minmax(0, 1fr) auto;
    padding: var(--space-lg);
}

.page-uae-health-insurance-glossary a.gx-pad__go,
.page-uae-health-insurance-glossary a.gx-till__go,
.page-uae-health-insurance-glossary a.gx-when__go,
.page-uae-health-insurance-glossary a.gx-rate__go,
.page-uae-health-insurance-glossary a.gx-bench__go {
    background: transparent;
    border-bottom: 1px solid transparent;
    padding: 0.35rem 0;
    color: var(--color-navy-600);
    font-family: var(--font-heading);
    box-shadow: none;
}

.page-uae-health-insurance-glossary a.gx-pad__go:hover,
.page-uae-health-insurance-glossary a.gx-till__go:hover,
.page-uae-health-insurance-glossary a.gx-when__go:hover,
.page-uae-health-insurance-glossary a.gx-rate__go:hover,
.page-uae-health-insurance-glossary a.gx-bench__go:hover,
.page-uae-health-insurance-glossary a.gx-pad__go:focus-visible,
.page-uae-health-insurance-glossary a.gx-till__go:focus-visible,
.page-uae-health-insurance-glossary a.gx-when__go:focus-visible,
.page-uae-health-insurance-glossary a.gx-rate__go:focus-visible,
.page-uae-health-insurance-glossary a.gx-bench__go:focus-visible {
    color: var(--color-gold-500);
    border-bottom-color: rgba(201, 162, 39, 0.35);
    transform: none;
    box-shadow: none;
}

.page-uae-health-insurance-glossary a.gx-dex__thumb:hover,
.page-uae-health-insurance-glossary a.gx-dex__thumb:focus-visible,
.page-uae-health-insurance-glossary a.gx-dex__term:hover,
.page-uae-health-insurance-glossary a.gx-dex__term:focus-visible {
    transform: none;
    box-shadow: none;
}

.page-uae-health-insurance-glossary a.gx-lite__read:hover,
.page-uae-health-insurance-glossary a.gx-lite__read:focus-visible,
.page-uae-health-insurance-glossary a.gx-xref__hit:hover,
.page-uae-health-insurance-glossary a.gx-xref__hit:focus-visible,
.page-uae-health-insurance-glossary a.gx-col__mark:hover,
.page-uae-health-insurance-glossary a.gx-col__mark:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--shadow-card-hover);
    border-color: rgba(201, 162, 39, 0.22);
}

.page-uae-health-insurance-glossary .gx-rate__rail {
    grid-template-columns: 1fr;
    padding: 0 0 var(--space-sm);
}

.page-uae-health-insurance-glossary .gx-col__mark {
    padding: var(--space-lg);
}

@media (max-width: 800px) {
    .page-uae-health-insurance-glossary .gx-dex__terms {
        grid-row: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-uae-health-insurance-glossary a.gx-lite__read:hover,
    .page-uae-health-insurance-glossary a.gx-lite__read:focus-visible,
    .page-uae-health-insurance-glossary a.gx-xref__hit:hover,
    .page-uae-health-insurance-glossary a.gx-xref__hit:focus-visible,
    .page-uae-health-insurance-glossary a.gx-col__mark:hover,
    .page-uae-health-insurance-glossary a.gx-col__mark:focus-visible {
        transform: none;
        box-shadow: var(--shadow-sm);
    }
}

/* --------------------------------------------------------------------------
   Glossary card placement: even grids, shared inner rhythm
   -------------------------------------------------------------------------- */
.page-uae-health-insurance-glossary .gx-lite__intro,
.page-uae-health-insurance-glossary .gx-pad__intro,
.page-uae-health-insurance-glossary .gx-till__intro,
.page-uae-health-insurance-glossary .gx-when__intro,
.page-uae-health-insurance-glossary .gx-rate__intro,
.page-uae-health-insurance-glossary .gx-bench__intro,
.page-uae-health-insurance-glossary .gx-xref__intro,
.page-uae-health-insurance-glossary .gx-col__intro {
    max-width: 640px;
    margin: 0 auto var(--space-2xl);
    text-align: center;
}

.page-uae-health-insurance-glossary .gx-lite__intro p,
.page-uae-health-insurance-glossary .gx-pad__intro p,
.page-uae-health-insurance-glossary .gx-till__intro p,
.page-uae-health-insurance-glossary .gx-when__intro p,
.page-uae-health-insurance-glossary .gx-rate__intro p,
.page-uae-health-insurance-glossary .gx-bench__intro p,
.page-uae-health-insurance-glossary .gx-xref__intro p,
.page-uae-health-insurance-glossary .gx-col__intro p {
    margin: 0 0 var(--space-md);
    text-align: center;
}

.page-uae-health-insurance-glossary .gx-lite__intro p:last-child,
.page-uae-health-insurance-glossary .gx-pad__intro p:last-child,
.page-uae-health-insurance-glossary .gx-till__intro p:last-child,
.page-uae-health-insurance-glossary .gx-when__intro p:last-child,
.page-uae-health-insurance-glossary .gx-rate__intro p:last-child,
.page-uae-health-insurance-glossary .gx-bench__intro p:last-child,
.page-uae-health-insurance-glossary .gx-xref__intro p:last-child,
.page-uae-health-insurance-glossary .gx-col__intro p:last-child {
    margin-bottom: 0;
}

.page-uae-health-insurance-glossary .gx-pad__note,
.page-uae-health-insurance-glossary .gx-till__note,
.page-uae-health-insurance-glossary .gx-when__note,
.page-uae-health-insurance-glossary .gx-rate__note,
.page-uae-health-insurance-glossary .gx-bench__note,
.page-uae-health-insurance-glossary .gx-xref__note,
.page-uae-health-insurance-glossary .gx-col__note {
    max-width: 640px;
    margin: var(--space-2xl) auto 0;
    text-align: center;
}

.page-uae-health-insurance-glossary .gx-pad__note p,
.page-uae-health-insurance-glossary .gx-till__note p,
.page-uae-health-insurance-glossary .gx-when__note p,
.page-uae-health-insurance-glossary .gx-rate__note p,
.page-uae-health-insurance-glossary .gx-bench__note p,
.page-uae-health-insurance-glossary .gx-xref__note p,
.page-uae-health-insurance-glossary .gx-col__note p {
    margin: 0 0 var(--space-md);
    text-align: center;
}

.page-uae-health-insurance-glossary .gx-pad__note p:last-child,
.page-uae-health-insurance-glossary .gx-till__note p:last-child,
.page-uae-health-insurance-glossary .gx-when__note p:last-child,
.page-uae-health-insurance-glossary .gx-rate__note p:last-child,
.page-uae-health-insurance-glossary .gx-bench__note p:last-child,
.page-uae-health-insurance-glossary .gx-xref__note p:last-child,
.page-uae-health-insurance-glossary .gx-col__note p:last-child {
    margin-bottom: 0;
}

.page-uae-health-insurance-glossary .gx-dex__kicker,
.page-uae-health-insurance-glossary .gx-lite__kicker,
.page-uae-health-insurance-glossary .gx-pad__kicker,
.page-uae-health-insurance-glossary .gx-till__kicker,
.page-uae-health-insurance-glossary .gx-when__kicker,
.page-uae-health-insurance-glossary .gx-rate__kicker,
.page-uae-health-insurance-glossary .gx-bench__kicker,
.page-uae-health-insurance-glossary .gx-xref__kicker,
.page-uae-health-insurance-glossary .gx-col__kicker {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 var(--space-lg);
    padding: 0;
}

.page-uae-health-insurance-glossary .gx-lite__windows,
.page-uae-health-insurance-glossary .gx-pad__fields,
.page-uae-health-insurance-glossary .gx-till__roll,
.page-uae-health-insurance-glossary .gx-rate__flaps,
.page-uae-health-insurance-glossary .gx-bench__row,
.page-uae-health-insurance-glossary .gx-xref__hits,
.page-uae-health-insurance-glossary .gx-col__marks {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    column-count: 1;
    column-gap: normal;
    column-rule: none;
}

.page-uae-health-insurance-glossary .gx-xref__hits > li,
.page-uae-health-insurance-glossary .gx-col__marks > li {
    display: flex;
    min-width: 0;
    margin: 0;
}

.page-uae-health-insurance-glossary .gx-lite__read,
.page-uae-health-insurance-glossary .gx-pad__row,
.page-uae-health-insurance-glossary .gx-till__line,
.page-uae-health-insurance-glossary .gx-rate__flap,
.page-uae-health-insurance-glossary .gx-bench__place,
.page-uae-health-insurance-glossary a.gx-xref__hit,
.page-uae-health-insurance-glossary a.gx-col__mark {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: var(--space-xl) var(--space-lg);
    text-align: left;
}

.page-uae-health-insurance-glossary .gx-when__card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: auto;
    padding: var(--space-xl) var(--space-lg);
    text-align: left;
}

.page-uae-health-insurance-glossary .gx-pad__term,
.page-uae-health-insurance-glossary .gx-till__term,
.page-uae-health-insurance-glossary .gx-rate__term,
.page-uae-health-insurance-glossary .gx-bench__term {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    column-gap: var(--space-md);
    align-items: start;
    margin: 0;
    padding: 0;
}

.page-uae-health-insurance-glossary .gx-pad__stub,
.page-uae-health-insurance-glossary .gx-till__mark,
.page-uae-health-insurance-glossary .gx-rate__mark,
.page-uae-health-insurance-glossary .gx-bench__mark {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
}

.page-uae-health-insurance-glossary .gx-pad__name,
.page-uae-health-insurance-glossary .gx-till__name,
.page-uae-health-insurance-glossary .gx-rate__name,
.page-uae-health-insurance-glossary .gx-bench__name {
    grid-column: 2;
}

.page-uae-health-insurance-glossary .gx-pad__aka,
.page-uae-health-insurance-glossary .gx-till__aka,
.page-uae-health-insurance-glossary .gx-rate__aka,
.page-uae-health-insurance-glossary .gx-bench__aka {
    grid-column: 2;
    flex: none;
    margin-top: 0.15rem;
}

.page-uae-health-insurance-glossary .gx-pad__def,
.page-uae-health-insurance-glossary .gx-till__def,
.page-uae-health-insurance-glossary .gx-rate__def,
.page-uae-health-insurance-glossary .gx-bench__def,
.page-uae-health-insurance-glossary .gx-when__def {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    margin: var(--space-md) 0 0;
    padding: 0;
}

.page-uae-health-insurance-glossary a.gx-pad__go,
.page-uae-health-insurance-glossary a.gx-till__go,
.page-uae-health-insurance-glossary a.gx-when__go,
.page-uae-health-insurance-glossary a.gx-rate__go,
.page-uae-health-insurance-glossary a.gx-bench__go {
    margin-top: auto;
    padding-top: var(--space-md);
}

.page-uae-health-insurance-glossary a.gx-xref__hit {
    display: grid;
    grid-template-columns: 3px 2.75rem minmax(0, 1fr) auto;
    align-items: center;
    column-gap: var(--space-md);
}

.page-uae-health-insurance-glossary a.gx-col__mark {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    align-items: start;
    column-gap: var(--space-md);
    padding-right: calc(var(--space-lg) + 1.5rem);
}

.page-uae-health-insurance-glossary a.gx-col__mark > .bi-box-arrow-up-right {
    top: var(--space-lg);
    right: var(--space-lg);
}

.page-uae-health-insurance-glossary .gx-col__seal {
    grid-column: 1;
    grid-row: 1 / span 3;
}

.page-uae-health-insurance-glossary .gx-lite__read {
    gap: var(--space-md);
}

.page-uae-health-insurance-glossary .gx-rate__flap:last-child:nth-child(odd),
.page-uae-health-insurance-glossary .gx-col__marks > li:last-child:nth-child(odd) {
    grid-column: auto;
}

.page-uae-health-insurance-glossary .gx-when__beat {
    grid-template-columns: 2.75rem minmax(0, 1fr);
    column-gap: var(--space-md);
    align-items: start;
    margin-bottom: var(--space-lg);
}

.page-uae-health-insurance-glossary .gx-when__beats::before {
    left: 1.375rem;
}

.page-uae-health-insurance-glossary .gx-dex__volume {
    padding: var(--space-xl) var(--space-lg);
    gap: 0;
}

.page-uae-health-insurance-glossary .gx-dex__sig {
    display: grid;
    gap: var(--space-sm);
    padding: var(--space-lg) 0;
}

.page-uae-health-insurance-glossary .gx-dex__sig:first-child {
    padding-top: 0;
}

.page-uae-health-insurance-glossary .gx-dex__sig:last-child {
    padding-bottom: 0;
}

.page-uae-health-insurance-glossary .gx-dex__terms {
    column-count: 2;
    column-gap: var(--space-lg);
    column-rule: 1px solid var(--color-grey-100);
}

.page-uae-health-insurance-glossary a.gx-dex__thumb,
.page-uae-health-insurance-glossary .gx-dex__thumb--plain {
    align-items: center;
    padding: 0 0 var(--space-xs);
}

@media (min-width: 800px) {
    .page-uae-health-insurance-glossary .gx-pad__fields,
    .page-uae-health-insurance-glossary .gx-till__roll,
    .page-uae-health-insurance-glossary .gx-rate__flaps,
    .page-uae-health-insurance-glossary .gx-bench__row,
    .page-uae-health-insurance-glossary .gx-xref__hits,
    .page-uae-health-insurance-glossary .gx-col__marks {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 900px) {
    .page-uae-health-insurance-glossary .gx-lite__windows {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .page-uae-health-insurance-glossary .gx-till__roll {
        column-count: 1;
        column-gap: normal;
        column-rule: none;
    }
}

@media (min-width: 1000px) {
    .page-uae-health-insurance-glossary .gx-rate__flaps,
    .page-uae-health-insurance-glossary .gx-col__marks {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 1100px) {
    .page-uae-health-insurance-glossary .gx-bench__row {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 880px) {
    .page-uae-health-insurance-glossary .gx-when__beat {
        grid-template-columns: minmax(0, 1fr) 2.75rem minmax(0, 1fr);
        column-gap: var(--space-lg);
        margin-bottom: var(--space-xl);
    }

    .page-uae-health-insurance-glossary .gx-when__beats::before {
        left: 50%;
    }

    .page-uae-health-insurance-glossary .gx-when__node {
        width: 2.75rem;
        height: 2.75rem;
        box-shadow: 0 0 0 6px var(--surface-muted);
    }
}

@media (max-width: 799px) {
    .page-uae-health-insurance-glossary .gx-dex__terms {
        column-count: 1;
        column-rule: none;
    }
}