@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
/* TraceLink design system — shared CSS for Drupal, generated by
   build-theme-design-system.py from design-cascade--about.css. Do not hand-edit.
   These are the design's LINKED sheets (tokens + components + styles). Without
   them every .tl-* class is unstyled in Canvas: pill buttons render as bare
   link text, inputs lose their shell, cards lose their frame.
   Dropped on purpose: tokens/base.css, iconoir */
/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/tokens/fonts.css == */
/* TraceLink DLS — Webfonts
   Core family: Flama (licensed, bundled woff2/woff).
   Alternate/free: IBM Plex Sans (UI fallback / longform),
   IBM Plex Mono (annotations, tokens, code). Loaded from Google Fonts. */


@font-face{font-family:"Flama";font-weight:100;font-style:normal;font-display:swap;src:url("assets/ba004cfb-Flama-Thin.woff2") format("woff2"),url("assets/3f526bea-Flama-Thin.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:200;font-style:normal;font-display:swap;src:url("assets/7258fdc0-Flama-Ultralight.woff2") format("woff2"),url("assets/6d03ca19-Flama-Ultralight.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:300;font-style:normal;font-display:swap;src:url("assets/bfc9b07d-Flama-Light.woff2") format("woff2"),url("assets/3203e1dc-Flama-Light.woff") format("woff");}
/* Flama Book — the lighter book/regular cut. Mapped to 350. */
@font-face{font-family:"Flama Book";font-weight:400;font-style:normal;font-display:swap;src:url("assets/e251f3f4-Flama-Book.woff2") format("woff2"),url("assets/8e723019-Flama-Book.woff") format("woff");}
/* Flama Basic == the standard regular weight used for body copy. */
@font-face{font-family:"Flama";font-weight:400;font-style:normal;font-display:swap;src:url("assets/8bf34214-Flama-Basic.woff2") format("woff2"),url("assets/a7472806-Flama-Basic.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:400;font-style:italic;font-display:swap;src:url("assets/bcd9d584-Flama-BasicItalic.woff2") format("woff2"),url("assets/f04c3cb8-Flama-BasicItalic.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:500;font-style:normal;font-display:swap;src:url("assets/98099038-Flama-Medium.woff2") format("woff2"),url("assets/21282300-Flama-Medium.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:500;font-style:italic;font-display:swap;src:url("assets/b6f7fff1-Flama-MediumItalic.woff2") format("woff2"),url("assets/47ec6dfa-Flama-MediumItalic.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:600;font-style:normal;font-display:swap;src:url("assets/fce17052-Flama-Semibold.woff2") format("woff2"),url("assets/9fe2d505-Flama-Semibold.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:700;font-style:normal;font-display:swap;src:url("assets/2a90a8aa-Flama-Bold.woff2") format("woff2"),url("assets/c2c6c30d-Flama-Bold.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:800;font-style:normal;font-display:swap;src:url("assets/095fdb64-Flama-Extrabold.woff2") format("woff2"),url("assets/d0b6236a-Flama-Extrabold.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:900;font-style:normal;font-display:swap;src:url("assets/6e488724-Flama-Black.woff2") format("woff2"),url("assets/3a695c35-Flama-Black.woff") format("woff");}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/tokens/colors.css == */
/* TraceLink DLS — Color tokens
   Source of truth: TraceLink Brand Style Guide 2026 (p.9) + DLS Atoms/Color frame.
   Core palette anchored in Tidal, Deep Ocean, Emerald. Cobalt/Evergreen/Cyan
   are support colors (~20% of usage). Citron is an accent only — never a
   background. Tints (60%) and pastels (10-30%) exist ONLY for interaction states. */

:root{
  /* ── Core brand palette (100%) ── */
  --tl-deep-ocean:#003D4C;   /* primary dark / trust, authority */
  --tl-emerald:#008755;      /* primary green / execution */
  --tl-tidal:#007E9E;        /* primary blue / vision */
  --tl-evergreen:#006341;    /* support / trust */
  --tl-cobalt:#005587;       /* support / precision */
  --tl-cyan:#00A7B5;         /* support / vision */
  --tl-citron:#ECE81A;       /* ACCENT ONLY — never a background */

  /* ── Interaction tints & pastels (states only) ── */
  --tl-evergreen-tint:#B3CCDB;   --tl-evergreen-pastel:#E5EDF3;
  --tl-emerald-tint:#B3DBCC;     --tl-emerald-pastel:#E5F3ED;
  --tl-cobalt-tint:#B3CCDB;      --tl-cobalt-pastel:#E5EDF3;
  --tl-citron-tint:#F4F176;      --tl-citron-pastel:#F9F8B9;
  --tl-deep-ocean-tint:#B3C5C9;  --tl-deep-ocean-pastel:#E5F3ED;
  --tl-tidal-tint:#B3D8E2;       --tl-tidal-pastel:#E5EFF3;
  --tl-cyan-tint:#B3E5E9;        --tl-cyan-pastel:#E5F6F8;

  /* ── Gradients ── */
  --tl-gradient-core:linear-gradient(115.85deg,#003D4C 0%,#006341 100%); /* @kind color */
  --tl-gradient-ocean-cobalt:linear-gradient(115.85deg,#003D4C 0%,#005587 100%); /* @kind color */
  --tl-gradient-ambient:linear-gradient(115.85deg,#D4ECEF 0%,#E5F4EE 93.83%); /* @kind color */
  --tl-gradient-button:linear-gradient(90deg,#007E9E 0%,#008755 100%); /* @kind color */
  --tl-gradient-button-hover:linear-gradient(90deg,#E5EFF3 0%,#E5F3ED 100%); /* @kind color */
  --tl-gradient-button-pressed:linear-gradient(90deg,#B3D8E2 0%,#B3DBCC 100%); /* @kind color */

  /* ── Neutrals (digital only — website & product) ── */
  --tl-white:#FFFFFF;
  --tl-gray-05:#F4F4F4;   /* lightest */
  --tl-gray-10:#E8E8E8;   /* light */
  --tl-gray-30:#BDBDBD;   /* medium-light */
  --tl-gray-50:#929292;   /* medium */
  --tl-gray-60:#7C7C7C;   /* medium-dark */
  --tl-gray-70:#666666;   /* dark */
  --tl-gray-80:#505050;   /* darkest */
  --tl-black:#252525;     /* near-black (shadows, ink) */
  /* Anthem neutrals (cool slate — product/site chrome) */
  --tl-slate-90:#323F4B;
  --tl-slate-60:#5B6770;
  --tl-slate-30:#D0D3D4;
  --tl-slate-20:#E7E9E9;
  --tl-slate-10:#F0F1F1;

  /* ── Signal / status ── */
  --tl-danger:#BE0000;    --tl-danger-pastel:#F9E5E5;
  --tl-warning:#ECE81A;   --tl-warning-pastel:#F9F8B9;
  --tl-success:#008755;   --tl-success-pastel:#E5F3ED;
  --tl-info:#007E9E;      --tl-info-pastel:#E5EDF3;

  /* ── Semantic aliases (product surfaces) ── */
  --tl-brand:var(--tl-emerald);
  --tl-brand-strong:var(--tl-evergreen);
  --tl-ink:var(--tl-deep-ocean);
  --tl-text-primary:var(--tl-slate-90);
  --tl-text-secondary:var(--tl-slate-60);
  --tl-text-muted:var(--tl-gray-60);
  --tl-text-on-dark:var(--tl-white);
  --tl-text-link:var(--tl-tidal);
  --tl-surface:var(--tl-white);
  --tl-surface-subtle:var(--tl-gray-05);
  --tl-surface-sunken:var(--tl-slate-10);
  --tl-surface-dark:var(--tl-deep-ocean);
  --tl-border:var(--tl-slate-30);
  --tl-border-subtle:var(--tl-slate-20);
  --tl-border-strong:var(--tl-gray-30);
  --tl-scrim:rgba(0,61,76,0.8);       /* Deep Ocean @80% */
  --tl-scrim-ink:rgba(34,43,51,0.8);
  --tl-focus-ring:var(--tl-tidal);
}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/tokens/typography.css == */
/* TraceLink DLS — Typography tokens
   Core family: Flama. Longform body + UI fallback: IBM Plex Sans.
   Annotations / tokens / code: IBM Plex Mono.
   Desktop scale = 1.250 Major Third; Mobile = 1.175. Anchors from DLS Atoms/Typography. */

:root{
  --tl-font-sans:"Flama","IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; /* @kind font */
  --tl-font-book:"Flama Book","Flama","IBM Plex Sans",sans-serif; /* @kind font */
  /* Legacy alias — now resolves to IBM Plex Sans. */
  --tl-font-serif:"IBM Plex Sans",-apple-system,"Segoe UI",Arial,sans-serif; /* @kind font */
  --tl-font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace; /* @kind font */

  /* Weights */
  --tl-weight-light:300;    /* @kind font */
  --tl-weight-regular:400;  /* @kind font */
  --tl-weight-medium:500;   /* @kind font */
  --tl-weight-semibold:600; /* @kind font */
  --tl-weight-bold:700;     /* @kind font */

  /* ── Desktop type scale (font-size) ── */
  --tl-display:64px;   /* @kind font */
  --tl-h1:44px;        /* @kind font */
  --tl-h2:36px;        /* @kind font */
  --tl-h3:28px;        /* @kind font */
  --tl-h4:24px;        /* @kind font */
  --tl-h5:20px;        /* @kind font */
  --tl-eyebrow-l:20px; /* @kind font */
  --tl-eyebrow-s:16px; /* @kind font */
  --tl-body-display:22px; /* @kind font */
  --tl-body-base:16px; /* @kind font */
  --tl-body-s:14px;    /* @kind font */
  --tl-body-xs:13px;   /* @kind font */
  --tl-body-xxs:12px;  /* @kind font */
  --tl-mono-s:12px;    /* @kind font */
  --tl-mono-m:14px;    /* @kind font */
  --tl-link:16px;      /* @kind font */

  /* ── Line heights ── */
  --tl-display-lh:1.15; /* @kind other */
  --tl-h1-lh:1.15;      /* @kind other */
  --tl-h2-lh:1.2;       /* @kind other */
  --tl-h3-lh:1.25;      /* @kind other */
  --tl-h4-lh:1.3;       /* @kind other */
  --tl-h5-lh:1.4;       /* @kind other */
  --tl-body-display-lh:1.4; /* @kind other */
  --tl-body-base-lh:1.8;    /* @kind other */
  --tl-body-s-lh:1.6;       /* @kind other */
  --tl-body-xs-lh:1.4;      /* @kind other */
  --tl-body-xxs-lh:1.6;     /* @kind other */

  /* ── Letter spacing ── */
  --tl-display-ls:-0.02em;  /* @kind other */
  --tl-h1-ls:-0.01em;       /* @kind other */
  --tl-h2-ls:-0.01em;       /* @kind other */
  --tl-h3-ls:0;             /* @kind other */
  --tl-h4-ls:0;             /* @kind other */
  --tl-h5-ls:0;             /* @kind other */
  --tl-eyebrow-l-ls:0.12em; /* @kind other */
  --tl-eyebrow-s-ls:0.18em; /* @kind other */
  --tl-mono-s-ls:0.04em;    /* @kind other */
  --tl-button-ls:0.12em;    /* @kind other */

  --tl-link-weight:500; /* @kind font */
}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/tokens/spacing.css == */
/* TraceLink DLS — Spacing, radius & sizing tokens
   Base: 8-Point System (from Figma Variables "Primitives" / "Tokens").
   Values transcribed exactly. See tokens/fig-tokens.css for the raw Figma map. */

:root{
  /* Top nav */
  --tl-topnav-height:96px;

  /* Carousel layout */
  --tl-carousel-gap:20px;
  --tl-carousel-per-view:2.5; /* @kind other */

  /* 8-point spacing scale (px) */
  --tl-space-0:0;
  --tl-space-half:4px;   /* 0.5× */
  --tl-space-01:8px;
  --tl-space-02:16px;
  --tl-space-03:24px;
  --tl-space-04:32px;
  --tl-space-05:40px;
  --tl-space-06:48px;
  --tl-space-07:56px;
  --tl-space-08:64px;
  --tl-space-09:72px;
  --tl-space-10:80px;
  --tl-space-11:88px;
  --tl-space-12:96px;
  --tl-space-13:104px;
  --tl-space-16:128px;

  /* Corner radii (from DLS radius tokens) */
  --tl-radius-00:0;
  --tl-radius-xs:4px;
  --tl-radius-sm:8px;
  --tl-radius-md:16px;
  --tl-radius-lg:32px;
  --tl-radius-full:360px;   /* pill */

  /* Layout */
  --tl-container-max:1440px;
  --tl-gutter:24px;
  --tl-breakpoint-mobile:480px;
  --tl-breakpoint-tablet:768px;
  --tl-breakpoint-desktop:1024px;
  --tl-breakpoint-wide:1440px;

  /* Borders */
  --tl-border-width:1px;
  --tl-border-width-thick:2px;
}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/tokens/elevation.css == */
/* TraceLink DLS — Elevation & effects
   Shadow specs transcribed exactly from DLS Atoms/Elevation. Ink color #252525. */

:root{
  /* Elevation -01 — inner shadow, tertiary/inset elements */
  --tl-elevation-inset:inset 0 2px 6px 0 rgba(37,37,37,0.25);
  /* Elevation 01 — supporting content */
  --tl-elevation-01:0 1px 3px 0 rgba(37,37,37,0.20);
  /* Elevation 02 — floating UI elements */
  --tl-elevation-02:0 4px 8px 0 rgba(37,37,37,0.20);
  /* Elevation 03 — article header container (pairs with 20px backdrop blur) */
  --tl-elevation-03:0 8px 16px 0 rgba(37,37,37,0.20);
  /* Elevation 04 (desktop) — modals */
  --tl-elevation-04:inset 0 0 0 0.5px #E8E8E8, 0 24px 32px 0 rgba(37,37,37,0.30);
  /* Elevation 04 (mobile) — bottom sheets */
  --tl-elevation-04-mobile:inset 0 0 0 1px #E8E8E8, 0 -4px 32px 0 rgba(37,37,37,0.40);

  /* Backdrop blur used with elevation-03 glass surfaces */
  --tl-blur-glass:20px; /* @kind other */

  /* Card default (subtle border + soft lift) */
  --tl-card-shadow:0 1px 3px 0 rgba(37,37,37,0.20);

  /* Site-page card stroke + flat lift (About "Do More" / values cards) */
  --tl-card-border:#E7E9E9; /* @kind color */
  --tl-card-shadow-soft:0 1px 4px 0 rgba(37,37,37,0.06);
}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/tokens/fig-tokens.css == */
/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --8-point-grid-system-13: 104; /* @kind spacing */
  --8-point-system-10: 80; /* @kind spacing */
  --8-point-system-11: 88; /* @kind spacing */
  --8-point-system-12: 96; /* @kind spacing */
  --8-point-system-16: 128; /* @kind spacing */
  --8-point-system-1: 8; /* @kind spacing */
  --8-point-system-2: 16; /* @kind spacing */
  --8-point-system-3: 24; /* @kind spacing */
  --8-point-system-45: 360; /* @kind spacing */
  --8-point-system-4: 32; /* @kind spacing */
  --8-point-system-5: 40; /* @kind spacing */
  --8-point-system-6: 48; /* @kind spacing */
  --8-point-system-7: 56; /* @kind spacing */
  --8-point-system-8: 64; /* @kind spacing */
  --8-point-system-9: 72; /* @kind spacing */
  --8-point-system-half: 4; /* @kind spacing */
  --new: 12; /* @kind spacing */
  --radius-radius-00: 0;
  --radius-radius-full: var(--8-point-system-45);
  --radius-radius-lg: var(--8-point-system-4);
  --radius-radius-md: var(--8-point-system-2);
  --radius-radius-sm: var(--8-point-system-1);
  --radius-radius-xs: var(--8-point-system-half);
  --spacing-spacing-00: 0;
  --spacing-spacing-01: var(--8-point-system-1);
  --spacing-spacing-02: var(--8-point-system-2);
  --spacing-spacing-03: var(--8-point-system-3);
  --spacing-spacing-04: var(--8-point-system-4);
  --spacing-spacing-06: var(--8-point-system-6);
  --spacing-spacing-08: var(--8-point-system-8);
  --spacing-spacing-09: var(--8-point-system-9);
  --spacing-spacing-12: var(--8-point-system-12);
  --spacing-spacing-half: var(--8-point-system-half);
}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/tokens/components.css == */
/* ════════════════════════════════════════════════════════════════
   TraceLink DLS — Component styles
   Class-based rules for the reusable primitives (hover/focus/active
   states that inline styles can't express). Values transcribed from
   the DLS Figma kit. Consumed via styles.css.
   ════════════════════════════════════════════════════════════════ */

/* ─────────────── Button ─────────────── */
.tl-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  height:48px;padding:0 24px;border:0;border-radius:var(--tl-radius-full);
  font-family:var(--tl-font-sans);font-weight:600;font-size:14px;line-height:1.4;
  letter-spacing:var(--tl-button-ls);text-transform:uppercase;text-decoration:none;
  cursor:pointer;transition:background .15s ease,box-shadow .15s ease,color .15s ease,transform .05s ease;
  white-space:nowrap;-webkit-appearance:none;appearance:none;
}
.tl-btn--sm{height:40px;padding:0 20px;font-size:13px;}
.tl-btn--mobile{width:100%;}
.tl-btn .tl-btn__icon{font-size:20px;display:inline-flex;}
.tl-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tl-white),0 0 0 4px var(--tl-tidal);}
.tl-btn,.tl-btn:hover,.tl-btn:active,.tl-btn:focus{text-decoration:none;}
.tl-btn:active{transform:translateY(0.5px);}
.tl-btn[disabled],.tl-btn.is-disabled{cursor:not-allowed;opacity:1;}

/* Primary — Emerald→Evergreen gradient pill */
.tl-btn--primary{background:var(--tl-gradient-button);color:var(--tl-white);}
.tl-btn--primary:hover{opacity:.6;color:var(--tl-white);}
.tl-btn--primary:active{opacity:.75;background:var(--tl-gradient-button);color:var(--tl-white);}
.tl-btn--primary[disabled],.tl-btn--primary.is-disabled{background:var(--tl-gray-30);color:var(--tl-white);}

/* Secondary — Tidal ring + Tidal→Emerald gradient text */
.tl-btn--secondary{color:var(--tl-tidal);border:1.5px solid transparent;background:linear-gradient(var(--tl-white),var(--tl-white)) padding-box,var(--tl-gradient-button) border-box;}
.tl-btn--secondary:not(.tl-btn--dark)>span{background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-btn--secondary:not(.tl-btn--dark) i::before{background-image:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-btn--secondary:hover{background:linear-gradient(120deg,rgba(0,126,158,.10),rgba(0,135,85,.10)) padding-box,linear-gradient(var(--tl-white),var(--tl-white)) padding-box,var(--tl-gradient-button) border-box;}
.tl-btn--secondary:active{background:linear-gradient(120deg,rgba(0,126,158,.18),rgba(0,135,85,.18)) padding-box,linear-gradient(var(--tl-white),var(--tl-white)) padding-box,var(--tl-gradient-button) border-box;}
.tl-btn--secondary[disabled],.tl-btn--secondary.is-disabled{color:var(--tl-gray-30);border:1.5px solid var(--tl-gray-30);background:transparent;}
.tl-btn--secondary[disabled]>span,.tl-btn--secondary.is-disabled>span{color:var(--tl-gray-30);}
.tl-btn--secondary[disabled]>span,.tl-btn--secondary.is-disabled>span{background:none;color:var(--tl-gray-30);}

/* Tertiary — text only, gradient text */
.tl-btn--tertiary{background:transparent;color:var(--tl-emerald);}
.tl-btn--tertiary:not(.tl-btn--dark)>span{background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-btn--tertiary:hover{background:linear-gradient(90deg,rgba(0,126,158,.10),rgba(0,135,85,.10));}
.tl-btn--tertiary:active{background:linear-gradient(90deg,rgba(0,126,158,.18),rgba(0,135,85,.18));}
.tl-btn--tertiary[disabled],.tl-btn--tertiary.is-disabled{color:var(--tl-gray-30);}
.tl-btn--tertiary[disabled]>span,.tl-btn--tertiary.is-disabled>span{background:none;color:var(--tl-gray-30);}

/* Dark-background variants */
.tl-btn--dark.tl-btn--secondary{color:var(--tl-white);border:0;background:transparent;box-shadow:inset 0 0 0 1.5px var(--tl-white);}
.tl-btn--dark.tl-btn--secondary:hover{background:rgba(255,255,255,0.12);}
.tl-btn--dark.tl-btn--tertiary{color:var(--tl-white);}
.tl-btn--dark.tl-btn--tertiary:hover{background:rgba(255,255,255,.15);color:var(--tl-white);}
.tl-btn--dark.tl-btn--tertiary:active{background:rgba(255,255,255,.25);}
.tl-btn--dark.tl-btn--tertiary:hover{color:var(--tl-white);}

.tl-btn.is-loading{color:transparent;position:relative;pointer-events:none;}
.tl-btn.is-loading::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:tl-spin .7s linear infinite;color:var(--tl-white);}
.tl-btn--secondary.is-loading::after,.tl-btn--tertiary.is-loading::after{color:var(--tl-tidal);}
@keyframes tl-spin{to{transform:rotate(360deg)}}

/* ─────────────── Icon button ─────────────── */
.tl-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:var(--tl-radius-full);background:transparent;color:var(--tl-deep-ocean);font-size:24px;cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-appearance:none;appearance:none;}
.tl-icon-btn:hover{background:linear-gradient(90deg,rgba(0,126,158,.10),rgba(0,135,85,.10));color:var(--tl-evergreen);}
.tl-icon-btn:active{background:linear-gradient(90deg,rgba(0,126,158,.18),rgba(0,135,85,.18));}
.tl-icon-btn:not(.tl-icon-btn--solid) i::before{background-image:var(--tl-gradient-button);}
.tl-icon-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tl-white),0 0 0 4px var(--tl-tidal);}
.tl-icon-btn--sm{width:40px;height:40px;font-size:20px;}
.tl-icon-btn--solid{background:var(--tl-gradient-button);color:var(--tl-white);}
.tl-icon-btn--solid:hover{background:var(--tl-gradient-button);color:var(--tl-white);opacity:.6;}
.tl-icon-btn--solid:active{opacity:.6;}

/* ─────────────── Input / Select ─────────────── */
.tl-field{display:flex;flex-direction:column;gap:6px;font-family:var(--tl-font-sans);}
.tl-field__label{font-size:14px;font-weight:600;color:var(--tl-text-primary);}
.tl-field__label .tl-req{color:var(--tl-danger);margin-left:2px;}
.tl-input-wrap{display:flex;align-items:center;gap:8px;height:48px;padding:0 20px;background:var(--tl-white);border:1px solid transparent;border-radius:var(--tl-radius-full);box-shadow:0 1px 2px rgba(91,103,112,.12),0 4px 12px rgba(91,103,112,.16);transition:border-color .15s ease,box-shadow .15s ease;}
.tl-input-wrap:hover{box-shadow:0 2px 4px rgba(91,103,112,.16),0 6px 18px rgba(91,103,112,.20);}
.tl-input-wrap:focus-within{border-color:transparent;box-shadow:-6px 2px 14px rgba(0,126,158,.45),6px 2px 14px rgba(0,135,85,.45),0 2px 6px rgba(91,103,112,.10);}
.tl-input-wrap .tl-input-wrap__icon{color:var(--tl-gray-60);font-size:20px;display:inline-flex;}
.tl-input{flex:1;border:0;outline:none;background:transparent;font-family:inherit;font-size:16px;color:var(--tl-text-primary);min-width:0;}
.tl-input::placeholder{color:var(--tl-gray-50);}
.tl-input-wrap.is-error{background:#F9E5E5;border-color:transparent;}
.tl-input-wrap.is-error:focus-within{border-color:transparent;box-shadow:0 0 0 3px rgba(190,0,0,0.12),0 4px 12px rgba(91,103,112,.16);}
.tl-input-wrap.is-disabled{background:var(--tl-gray-05);border-color:transparent;box-shadow:none;cursor:not-allowed;}
.tl-input-wrap.is-disabled .tl-input{color:var(--tl-gray-50);}
.tl-field__hint{font-size:13px;color:var(--tl-text-secondary);}
.tl-field__hint.is-error{color:var(--tl-danger);}
.tl-select{position:relative;}
.tl-select select{-webkit-appearance:none;appearance:none;width:100%;height:48px;padding:0 44px 0 20px;background:var(--tl-white);border:1px solid transparent;border-radius:var(--tl-radius-full);box-shadow:0 1px 2px rgba(91,103,112,.12),0 4px 12px rgba(91,103,112,.16);font-family:var(--tl-font-sans);font-size:16px;color:var(--tl-text-primary);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;}
.tl-select select:hover{box-shadow:0 2px 4px rgba(91,103,112,.16),0 6px 18px rgba(91,103,112,.20);}
.tl-select select:focus{outline:none;border-color:transparent;box-shadow:-6px 2px 14px rgba(0,126,158,.45),6px 2px 14px rgba(0,135,85,.45),0 2px 6px rgba(91,103,112,.10);}
.tl-select__chev{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--tl-gray-60);font-size:20px;display:inline-flex;}

/* ─────────────── Checkbox / Radio / Switch ─────────────── */
.tl-choice{display:inline-flex;align-items:center;gap:10px;font-family:var(--tl-font-sans);font-size:16px;color:var(--tl-text-primary);cursor:pointer;user-select:none;}
.tl-choice input{position:absolute;opacity:0;width:0;height:0;}
.tl-choice__box{width:20px;height:20px;flex-shrink:0;border:1.5px solid var(--tl-gray-60);border-radius:var(--tl-radius-xs);background:var(--tl-white);display:inline-flex;align-items:center;justify-content:center;color:var(--tl-white);transition:background .12s ease,border-color .12s ease;}
.tl-choice__box svg{width:14px;height:14px;opacity:0;}
.tl-choice input:checked+.tl-choice__box{background:var(--tl-gradient-button);border-color:transparent;}
.tl-choice input:checked+.tl-choice__box svg{opacity:1;}
.tl-choice input:focus-visible+.tl-choice__box{box-shadow:0 0 0 3px rgba(0,126,158,0.25);}
.tl-choice:hover .tl-choice__box{border-color:var(--tl-tidal);}
.tl-choice--radio .tl-choice__box{border-radius:var(--tl-radius-full);}
.tl-choice--radio .tl-choice__dot{width:10px;height:10px;border-radius:50%;background:var(--tl-white);transform:scale(0);transition:transform .12s ease;}
.tl-choice--radio input:checked+.tl-choice__box .tl-choice__dot{transform:scale(1);}
.tl-choice.is-disabled{cursor:not-allowed;color:var(--tl-gray-50);}
.tl-choice.is-disabled .tl-choice__box{border-color:var(--tl-border);background:var(--tl-gray-05);}
.tl-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--tl-font-sans);font-size:16px;}
.tl-switch input{position:absolute;opacity:0;width:0;height:0;}
.tl-switch__track{width:40px;height:22px;border-radius:var(--tl-radius-full);background:var(--tl-gray-30);transition:background .15s ease;position:relative;flex-shrink:0;}
.tl-switch__track::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--tl-white);box-shadow:0 1px 3px rgba(37,37,37,0.3);transition:transform .15s ease;}
.tl-switch input:checked+.tl-switch__track{background:var(--tl-gradient-button);}
.tl-switch input:checked+.tl-switch__track::after{transform:translateX(18px);}
.tl-switch input:focus-visible+.tl-switch__track{box-shadow:0 0 0 3px rgba(0,126,158,0.25);}

/* ─────────────── Link ─────────────── */
.tl-link{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;color:transparent;font-family:var(--tl-font-sans);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:opacity .15s ease;cursor:pointer;}
.tl-link:hover{color:transparent;opacity:.6;text-decoration:underline;text-decoration-color:var(--tl-emerald);text-underline-offset:2px;}
.tl-link:active{color:transparent;opacity:.75;}
.tl-link--inline{text-decoration:underline;text-underline-offset:2px;}
.tl-link--dark{background:linear-gradient(90deg,var(--tl-cyan),var(--tl-citron));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-link--dark:hover{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-white);opacity:1;}

/* ─────────────── Tags / Badges / Chips ─────────────── */
.tl-tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--tl-radius-full);background:var(--tl-slate-10);color:var(--tl-slate-90);font-family:var(--tl-font-sans);font-size:13px;font-weight:500;white-space:nowrap;}
.tl-tag--brand{background:var(--tl-emerald-pastel);color:var(--tl-evergreen);}
.tl-tag--ocean{background:var(--tl-deep-ocean);color:var(--tl-white);}
.tl-badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:var(--tl-radius-full);font-family:var(--tl-font-sans);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;}
.tl-badge--success{background:var(--tl-success-pastel);color:var(--tl-emerald);}
.tl-badge--info{background:var(--tl-info-pastel);color:var(--tl-cobalt);}
.tl-badge--warning{background:var(--tl-citron-pastel);color:var(--tl-slate-90);}
.tl-badge--danger{background:var(--tl-danger-pastel);color:var(--tl-danger);}
.tl-badge--neutral{background:var(--tl-slate-10);color:var(--tl-slate-60);}
.tl-filter-tag{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 16px;border-radius:8px;border:1px solid transparent;background:var(--tl-white);box-shadow:0 1px 2px rgba(91,103,112,.12),0 4px 12px rgba(91,103,112,.16);color:var(--tl-text-primary);font-family:var(--tl-font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;}
.tl-filter-tag{transition:background .15s ease,box-shadow .15s ease,color .15s ease;}
.tl-filter-tag:hover{background:var(--tl-white);color:var(--tl-deep-ocean);box-shadow:0 2px 4px rgba(91,103,112,.16),0 6px 18px rgba(91,103,112,.20);}
.tl-filter-tag:active{background:var(--tl-white);box-shadow:0 1px 2px rgba(91,103,112,.14),0 2px 6px rgba(91,103,112,.16);}
.tl-filter-tag.is-selected{background:var(--tl-emerald-pastel);border-color:transparent;color:var(--tl-evergreen);box-shadow:0 1px 2px rgba(91,103,112,.12),0 4px 12px rgba(91,103,112,.16);}
.tl-filter-tag.is-selected:hover{background:var(--tl-emerald-pastel);filter:brightness(.97);box-shadow:0 2px 4px rgba(91,103,112,.16),0 6px 18px rgba(91,103,112,.20);}
.tl-filter-tag .tl-filter-tag__x{font-size:16px;display:inline-flex;}

/* ─────────────── Alert ─────────────── */
.tl-alert{display:flex;gap:16px;padding:16px 20px;border-radius:16px;font-family:var(--tl-font-sans);border:0;background:var(--tl-white);box-shadow:none;align-items:flex-start;}
.tl-alert__icon{font-size:24px;flex-shrink:0;line-height:1;margin-top:1px;}
.tl-alert__body{display:flex;flex-direction:column;gap:4px;}
.tl-alert__title{font-weight:500;font-size:16px;line-height:1.4;color:var(--tl-text-primary);}
.tl-alert__msg{font-size:14px;line-height:1.65;color:var(--tl-text-secondary);}
.tl-alert--info{background:var(--tl-info-pastel);}
.tl-alert--info .tl-alert__icon{color:var(--tl-cobalt);}
.tl-alert--success{background:var(--tl-success-pastel);}
.tl-alert--success .tl-alert__icon{color:var(--tl-emerald);}
.tl-alert--warning{background:var(--tl-citron-pastel);}
.tl-alert--warning .tl-alert__icon{color:var(--tl-slate-90);}
.tl-alert--danger{background:var(--tl-danger-pastel);}
.tl-alert--danger .tl-alert__icon{color:var(--tl-danger);}

/* ─────────────── Breadcrumb ─────────────── */
.tl-breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--tl-font-sans);font-size:14px;flex-wrap:wrap;}
.tl-breadcrumb a{color:var(--tl-text-secondary);text-decoration:none;font-weight:500;}
.tl-breadcrumb a:hover{color:var(--tl-evergreen);text-decoration:underline;}
.tl-breadcrumb__sep{color:var(--tl-gray-30);font-size:16px;display:inline-flex;}
.tl-breadcrumb__current{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-weight:600;background:linear-gradient(90deg,rgba(0,126,158,.1),rgba(0,135,85,.1));-webkit-background-clip:border-box;}
.tl-breadcrumb__current>span{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ─────────────── Pagination ─────────────── */
.tl-pagination-block{display:flex;flex-direction:column;gap:24px;font-family:var(--tl-font-sans);}
.tl-pagination{display:inline-flex;align-items:center;gap:8px;font-family:var(--tl-font-sans);}
.tl-pagebtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--tl-card-border);background:var(--tl-white);border-radius:var(--tl-radius-sm);color:var(--tl-text-primary);font-size:16px;font-weight:600;cursor:pointer;box-shadow:var(--tl-card-shadow-soft);transition:background .12s ease,color .12s ease,border-color .12s ease;}
.tl-pagebtn:hover{background:linear-gradient(140deg,rgba(0,126,158,.10),rgba(0,135,85,.10));color:var(--tl-deep-ocean);}
.tl-pagebtn:active{background:linear-gradient(140deg,rgba(0,126,158,.18),rgba(0,135,85,.18));}
.tl-pagebtn:focus-visible{outline:2px solid var(--tl-tidal);outline-offset:2px;}
.tl-pagebtn.is-active{background:var(--tl-gradient-button);border-color:transparent;color:var(--tl-white);}
.tl-pagebtn.is-active:hover{opacity:.6;color:var(--tl-white);}
.tl-pagebtn.is-active:active{opacity:.75;}
.tl-pagebtn[disabled],.tl-pagebtn[disabled]:hover{color:var(--tl-white);cursor:not-allowed;background:var(--tl-gray-30);border-color:transparent;}
.tl-pagebtn--nav{font-size:18px;color:var(--tl-gray-60);}
.tl-pagebtn--gap,.tl-pagebtn--gap:hover{border:1px solid var(--tl-card-border);background:var(--tl-white);box-shadow:var(--tl-card-shadow-soft);cursor:default;color:var(--tl-text-primary);letter-spacing:.06em;}
.tl-pagination__foot{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.tl-pagination__results{font-size:17px;font-weight:600;color:var(--tl-text-primary);}
.tl-pagination__per{position:relative;display:inline-flex;align-items:center;}
.tl-pagination__per select{-webkit-appearance:none;appearance:none;height:44px;padding:0 46px 0 22px;border:1px solid var(--tl-card-border);box-shadow:var(--tl-card-shadow-soft);border-radius:var(--tl-radius-md);background:var(--tl-white);font-family:var(--tl-font-sans);font-size:17px;font-weight:600;color:var(--tl-text-primary);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease;}
.tl-pagination__per select:hover{background:linear-gradient(140deg,rgba(0,126,158,.10),rgba(0,135,85,.10));color:var(--tl-deep-ocean);}
.tl-pagination__per select:active,.tl-pagination__per select:focus{background:linear-gradient(140deg,rgba(0,126,158,.18),rgba(0,135,85,.18));color:var(--tl-deep-ocean);outline:none;}
.tl-pagination__per:hover>i,.tl-pagination__per:focus-within>i{color:var(--tl-deep-ocean)!important;}
.tl-pagination__per>i{position:absolute;right:18px;pointer-events:none;}

/* ─────────────── Tabs ─────────────── */
/* Folder tabs: the active tab shares the panel surface so both read as one card. */
.tl-tabs-block{border-radius:12px;background:transparent;font-family:var(--tl-font-sans);}
.tl-tabs-block:not(.tl-tabs-block--dark){filter:drop-shadow(0 2px 8px rgba(91,103,112,.28));}
.tl-tabs{display:flex;gap:2px;}
.tl-tab{appearance:none;border:0;background:transparent;font-family:inherit;font-size:16px;font-weight:500;line-height:1;color:var(--tl-text-secondary);padding:16px 22px 15px;border-radius:10px 10px 0 0;cursor:pointer;transition:background 160ms ease,color 160ms ease;}
.tl-tab:hover{color:var(--tl-deep-ocean);background:rgba(0,61,76,0.05);}
.tl-tab.is-active{background:#F4F8F8;color:var(--tl-deep-ocean);font-weight:650;}
.tl-tab:focus-visible{outline:2px solid var(--tl-tidal);outline-offset:-3px;}
.tl-tabs__panel{background:#F4F8F8;border-radius:12px;overflow:hidden;}
.tl-tabs-block.is-first .tl-tabs__panel{border-top-left-radius:0;}
/* Dark shell */
.tl-tabs-block--dark{background:transparent;}
.tl-tabs-block--dark .tl-tab{color:rgba(255,255,255,0.78);}
.tl-tabs-block--dark .tl-tab:hover{color:var(--tl-white);background:rgba(255,255,255,0.08);}
.tl-tabs-block--dark .tl-tab.is-active{background:rgba(255,255,255,0.07);color:var(--tl-white);}
.tl-tabs-block--dark .tl-tab:focus-visible{outline-color:var(--tl-citron);}
.tl-tabs-block--dark .tl-tabs__panel{background:rgba(255,255,255,0.07);}

/* ─────────────── Accordion ─────────────── */
.tl-accordion{border-bottom:1px solid var(--tl-border);font-family:var(--tl-font-sans);}
.tl-accordion__head{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:22px 24px 22px 4px;margin:0 -4px;border:0;background:transparent;cursor:pointer;text-align:left;color:var(--tl-deep-ocean);font-size:16px;font-weight:500;line-height:1.5;border-radius:12px;transition:background .15s ease;}
.tl-accordion__head:hover{color:var(--tl-deep-ocean);background:rgba(0,61,76,.04);}
.tl-accordion__head:active{background:rgba(0,61,76,.07);}
.tl-accordion__chev{font-size:24px;transition:transform .3s cubic-bezier(.2,0,0,1);flex-shrink:0;color:var(--tl-text-secondary);display:inline-flex;}
.tl-accordion.is-open .tl-accordion__head{font-weight:500;}
.tl-accordion.is-open .tl-accordion__chev{transform:rotate(180deg);color:var(--tl-deep-ocean);}
.tl-accordion__panel{overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.2,0,0,1);}
.tl-accordion.is-open .tl-accordion__panel{max-height:600px;}
.tl-accordion__inner{padding:0 48px 24px 4px;font-size:14px;line-height:1.65;color:var(--tl-text-secondary);}

/* ─────────────── Card ─────────────── */
.tl-card{display:flex;flex-direction:column;background:var(--tl-white);border:1px solid var(--tl-border-subtle);border-radius:var(--tl-radius-md);overflow:hidden;font-family:var(--tl-font-sans);box-shadow:var(--tl-card-shadow);transition:box-shadow .18s ease,transform .18s ease;}
.tl-card--interactive{cursor:pointer;}
.tl-card--interactive:hover{box-shadow:var(--tl-elevation-02);transform:translateY(-2px);}
.tl-card__media{aspect-ratio:16/9;background:var(--tl-slate-10);overflow:hidden;position:relative;}
.tl-card__media img{width:100%;height:100%;object-fit:cover;display:block;}
.tl-card__body{display:flex;flex-direction:column;gap:8px;padding:24px;}
.tl-card__eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-emerald);}
.tl-card__title{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--tl-deep-ocean);line-height:1.3;}
.tl-card__text{font-size:15px;line-height:1.7;letter-spacing:-.003em;color:var(--tl-text-secondary);}
.tl-card__meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:13px;color:var(--tl-text-muted);}

/* ─────────────── Search ─────────────── */
.tl-search{display:flex;align-items:center;gap:10px;height:48px;padding:0 20px;background:var(--tl-white);border:1px solid transparent;border-radius:var(--tl-radius-full);box-shadow:0 1px 2px rgba(91,103,112,.12),0 4px 12px rgba(91,103,112,.16);transition:border-color .15s ease,box-shadow .15s ease;}
.tl-search:hover{box-shadow:0 2px 4px rgba(91,103,112,.16),0 6px 18px rgba(91,103,112,.20);}
.tl-search:focus-within{border-color:transparent;box-shadow:-6px 2px 14px rgba(0,126,158,.45),6px 2px 14px rgba(0,135,85,.45),0 2px 6px rgba(91,103,112,.10);}
.tl-search__icon{color:var(--tl-gray-60);font-size:20px;display:inline-flex;}
.tl-search input{flex:1;border:0;outline:none;background:transparent;font-family:var(--tl-font-sans);font-size:16px;color:var(--tl-text-primary);min-width:0;}
.tl-search input::placeholder{color:var(--tl-gray-50);}
.tl-search input::-webkit-search-cancel-button,.tl-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none;}
.tl-search__clear{border:0;background:transparent;color:var(--tl-gray-60);font-size:18px;cursor:pointer;display:inline-flex;}
.tl-search__clear:hover{color:var(--tl-deep-ocean);}

/* ─────────────── Tooltip ─────────────── */
.tl-tooltip{position:relative;display:inline-flex;}
.tl-tooltip__bubble{position:absolute;z-index:30;background:var(--tl-gradient-button);color:var(--tl-white);font-family:var(--tl-font-sans);font-size:13px;line-height:1.4;padding:8px 12px;border-radius:var(--tl-radius-sm);white-space:nowrap;box-shadow:var(--tl-elevation-02);opacity:0;pointer-events:none;transition:opacity .14s ease;}
.tl-tooltip:hover .tl-tooltip__bubble,.tl-tooltip:focus-within .tl-tooltip__bubble{opacity:1;}
.tl-tooltip__bubble::after{content:"";position:absolute;width:8px;height:8px;background:var(--tl-gradient-button);transform:rotate(45deg);}
.tl-tooltip__bubble[data-side="top"]{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);}
.tl-tooltip__bubble[data-side="top"]::after{bottom:-4px;left:50%;margin-left:-4px;}
.tl-tooltip__bubble[data-side="bottom"]{top:calc(100% + 8px);left:50%;transform:translateX(-50%);}
.tl-tooltip__bubble[data-side="bottom"]::after{top:-4px;left:50%;margin-left:-4px;}

/* ─────────────── Dialog / Modal ─────────────── */
.tl-dialog-overlay{position:fixed;inset:0;background:linear-gradient(135deg,var(--tl-deep-ocean),var(--tl-evergreen));display:flex;align-items:center;justify-content:center;padding:24px;z-index:100;}
.tl-dialog{background:var(--tl-white);border-radius:var(--tl-radius-md);box-shadow:var(--tl-elevation-04);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;font-family:var(--tl-font-sans);overflow:hidden;}
.tl-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 0;}
.tl-dialog__title{font-size:24px;font-weight:600;letter-spacing:-.014em;color:var(--tl-deep-ocean);}
.tl-dialog__close{border:0;background:transparent;color:var(--tl-gray-60);cursor:pointer;display:inline-flex;font-size:24px;}
.tl-dialog__close:hover{color:var(--tl-deep-ocean);}
.tl-dialog__body{padding:16px 24px 24px;overflow:auto;color:var(--tl-text-secondary);font-size:15px;line-height:1.7;letter-spacing:-.003em;}
.tl-dialog__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:var(--tl-white);}

/* ─────────────── Menu / Dropdown ─────────────── */
.tl-menu{background:var(--tl-white);border:1px solid var(--tl-border-subtle);border-radius:var(--tl-radius-sm);box-shadow:var(--tl-elevation-02);padding:6px;min-width:200px;font-family:var(--tl-font-sans);display:inline-flex;flex-direction:column;gap:2px;}
.tl-menu__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;background:transparent;border-radius:var(--tl-radius-xs);font-size:15px;color:var(--tl-text-primary);cursor:pointer;text-align:left;width:100%;transition:background .12s ease,color .12s ease;}
.tl-menu__item:hover{background:linear-gradient(90deg,rgba(0,126,158,.1),rgba(0,135,85,.1));color:var(--tl-tidal);}
.tl-menu__item:hover>span{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-menu__item:hover>svg,.tl-menu__item:hover>i{color:var(--tl-tidal) !important;}
.tl-menu__item.is-active{background:var(--tl-deep-ocean);color:var(--tl-white);}
.tl-menu__item.is-danger{color:var(--tl-danger);}
.tl-menu__item.is-danger:hover{background:var(--tl-danger-pastel);}
.tl-menu__sep{height:1px;background:var(--tl-border-subtle);margin:4px 0;}

/* ─────────────── Sidebar / TOC ─────────────── */
.tl-sidebar{display:flex;flex-direction:column;gap:4px;font-family:var(--tl-font-sans);width:260px;}
.tl-sidebar__title{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--tl-deep-ocean);padding:0 16px 12px;}
.tl-sidebar__link{display:flex;align-items:center;gap:12px;height:52px;padding:0 20px;border-radius:999px;color:var(--tl-text-secondary);text-decoration:none;font-size:15px;font-weight:500;border:0;transition:background .15s ease,color .15s ease;}
.tl-sidebar__link:hover{background:rgba(0,61,76,.05);color:var(--tl-deep-ocean);text-decoration:none;}
.tl-sidebar__link:active{background:rgba(0,61,76,.08);}
.tl-sidebar__link.is-active{background:linear-gradient(90deg,rgba(0,126,158,.14),rgba(0,135,85,.14));color:var(--tl-deep-ocean);font-weight:600;}

/* ─────────────── Section header ─────────────── */
.tl-section-header{display:flex;flex-direction:column;gap:12px;font-family:var(--tl-font-sans);}
.tl-section-header.is-center{align-items:center;text-align:center;}
.tl-section-header__eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-section-header__title{font-size:36px;font-weight:500;letter-spacing:-.022em;color:var(--tl-deep-ocean);line-height:1.15;}
.tl-section-header__desc{font-size:18px;font-weight:300;line-height:1.55;letter-spacing:-.012em;color:var(--tl-text-secondary);max-width:56ch;}

/* ─────────────── Hero ─────────────── */
.tl-hero{position:relative;overflow:hidden;border-radius:var(--tl-radius-md);padding:64px 48px 56px;display:flex;flex-direction:column;gap:20px;font-family:var(--tl-font-sans);}
.tl-hero--dark{background:var(--tl-gradient-core);color:var(--tl-white);}
.tl-hero--gradient{background:linear-gradient(180deg,var(--tl-evergreen),var(--tl-deep-ocean));color:var(--tl-white);}
.tl-hero--gradient .tl-hero__title{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-white);}
.tl-hero--gradient .tl-hero__sub{color:var(--tl-white);}
.tl-hero--gradient .tl-hero__eyebrow{color:var(--tl-citron);}
.tl-hero--light{background:var(--tl-white);color:var(--tl-deep-ocean);}
.tl-hero.is-center{align-items:center;text-align:center;}
.tl-hero__overlay{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;pointer-events:none;}
.tl-hero>*:not(.tl-hero__overlay){position:relative;z-index:1;}
.tl-hero__logo{height:44px;width:auto;display:block;margin-bottom:8px;}
.tl-hero__eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;}
.tl-hero--dark .tl-hero__eyebrow{color:var(--tl-citron);}
.tl-hero--light .tl-hero__eyebrow{color:var(--tl-emerald);}
.tl-hero__title{font-size:72px;font-weight:600;line-height:1.18;letter-spacing:-.03em;max-width:900px;margin:0;padding-bottom:.08em;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-hero--dark .tl-hero__title{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-white);}
.tl-hero__sub{font-size:22px;font-weight:400;line-height:1.45;letter-spacing:-.01em;max-width:660px;opacity:1;color:var(--tl-text-secondary);margin:0;}
.tl-hero--dark .tl-hero__sub{color:rgba(255,255,255,.92);}
.tl-hero__cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:28px;}
.tl-hero__ai{display:flex;align-items:center;gap:14px;width:100%;max-width:840px;margin-top:36px;height:72px;padding:0 8px 0 26px;border-radius:var(--tl-radius-full);background:var(--tl-white);box-shadow:0 1px 2px rgba(91,103,112,.12),0 4px 12px rgba(91,103,112,.16);text-align:left;transition:box-shadow .15s ease;}
.tl-hero__ai:focus-within{box-shadow:-6px 2px 14px rgba(0,126,158,.45),6px 2px 14px rgba(0,135,85,.45),0 2px 6px rgba(91,103,112,.10);}
.tl-hero--gradient .tl-hero__ai:focus-within{box-shadow:-10px 2px 26px 4px rgba(0,163,204,.85),10px 2px 26px 4px rgba(0,179,113,.85),0 0 0 4px rgba(255,255,255,.28);}
.tl-hero__ai-star{color:var(--tl-emerald);flex-shrink:0;}
.tl-hero__ai-input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:var(--tl-font-sans);font-size:18px;font-weight:400;line-height:1.4;color:var(--tl-deep-ocean);}
.tl-hero__ai-input::placeholder{color:var(--tl-text-secondary);}
.tl-hero__ai-send{flex-shrink:0;height:56px;padding:0 32px;border-radius:var(--tl-radius-full);border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--tl-gradient-button);color:var(--tl-white);font-family:var(--tl-font-sans);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:opacity .15s ease;}
.tl-hero__ai-send:hover{opacity:.6;color:var(--tl-white);}
.tl-hero__ai-send:active{opacity:.75;color:var(--tl-white);}

/* ─────────────── Carousel (Material-style multi-item scroll strip) ─────────────── */
.tl-carousel{position:relative;font-family:var(--tl-font-sans);container-type:inline-size;}
.tl-carousel__track{display:flex;gap:var(--tl-carousel-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 0 24px 6px;}
.tl-carousel__track::-webkit-scrollbar{display:none;}
.tl-carousel__item{flex:0 0 auto;width:320px;height:248px;scroll-snap-align:start;border-radius:24px;overflow:hidden;position:relative;background:var(--tl-slate-10) center/cover no-repeat;box-shadow:var(--tl-elevation-01);transition:width .18s ease;}
.tl-carousel__item--card{flex:0 0 calc((100% - (var(--tl-carousel-per-view) - 0.5) * var(--tl-carousel-gap)) / var(--tl-carousel-per-view));min-width:0;height:auto;border-radius:0;overflow:visible;background:none;box-shadow:none;transition:none;}
.tl-carousel .tl-carousel__item--card>*{width:100%;max-width:none;}
@container (max-width:1366px){.tl-carousel:not(.tl-carousel--fixed) .tl-carousel__item--card{flex-basis:calc((100% - 1.5 * var(--tl-carousel-gap)) / 2);}}
@container (max-width:973px){.tl-carousel:not(.tl-carousel--fixed) .tl-carousel__item--card{flex-basis:calc((100% - var(--tl-carousel-gap)) / 1.5);}}
@container (max-width:580px){.tl-carousel:not(.tl-carousel--fixed) .tl-carousel__track{flex-direction:column;overflow-x:visible;scroll-snap-type:none;padding:6px 0 8px;}.tl-carousel:not(.tl-carousel--fixed) .tl-carousel__item--card{flex:0 0 auto;width:100%;scroll-snap-align:none;}.tl-carousel:not(.tl-carousel--fixed) .icard--mobile .icard-meta{position:relative;z-index:2;display:flex;gap:12px;margin-top:6px;font-size:15px;color:var(--tl-white);text-shadow:0 4px 4px rgba(0,0,0,.25);}
.icard-meta *{color:var(--tl-white);}
.icard-cta{flex-direction:column;align-items:stretch;gap:12px;}.tl-carousel:not(.tl-carousel--fixed) .icard--mobile .icard-cta .tl-btn--mobile{width:100%;}.tl-carousel:not(.tl-carousel--fixed) .icard--mobile .icard-title{font-size:24px;letter-spacing:-.014em;}.tl-carousel:not(.tl-carousel--fixed) .icard--mobile .icard-desc{font-size:16px;}.tl-carousel:not(.tl-carousel--fixed) .tl-article-item__cta{width:100%;justify-content:center;}.tl-carousel:not(.tl-carousel--fixed) .tl-article-item__title{font-size:24px;letter-spacing:-.014em;}.tl-carousel:not(.tl-carousel--fixed) .tl-article-item__excerpt{font-size:16px;}}
.tl-carousel__cap{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;background:linear-gradient(to top,rgba(0,61,76,.8),transparent);color:var(--tl-white);font-size:18px;font-weight:600;line-height:1.3;}
.tl-carousel__arrow{position:absolute;top:calc(50% - 22px);transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:var(--tl-white);color:var(--tl-deep-ocean);display:inline-flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:background .12s ease,box-shadow .12s ease;z-index:2;}
.tl-carousel__arrow:hover{background:var(--tl-gray-05);box-shadow:0 4px 12px rgba(0,0,0,.28);}
.tl-carousel__arrow:disabled{opacity:0;pointer-events:none;}
.tl-carousel__arrow--prev{left:-10px;}
.tl-carousel__arrow--next{right:-10px;}
.tl-carousel__dots{display:flex;justify-content:center;gap:10px;margin-top:4px;}
/* Edge feather — right only at rest, both while scrolled, left only at the end. */
.tl-carousel{--tl-carousel-feather:56px;}
.tl-carousel__track{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--tl-carousel-feather)),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--tl-carousel-feather)),transparent 100%);}
.tl-carousel[data-at-start="false"] .tl-carousel__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--tl-carousel-feather),#000 calc(100% - var(--tl-carousel-feather)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--tl-carousel-feather),#000 calc(100% - var(--tl-carousel-feather)),transparent 100%);}
.tl-carousel[data-at-start="false"][data-at-end="true"] .tl-carousel__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--tl-carousel-feather),#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--tl-carousel-feather),#000 100%);}
.tl-carousel[data-at-start="true"][data-at-end="true"] .tl-carousel__track{-webkit-mask-image:none;mask-image:none;}
.tl-carousel__dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(0,61,76,.22);cursor:pointer;transition:background .18s ease,width .18s ease;}
.tl-carousel__dot:hover{background:rgba(0,61,76,.38);}
.tl-carousel__dot.is-active{width:26px;border-radius:999px;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));}
.tl-carousel__dot:focus-visible{outline:2px solid var(--tl-tidal);outline-offset:3px;}

/* ─────────────── Process cards (sticky nav + parallax card stack) ─────────────── */
.abp-grid{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:var(--tl-space-08);align-items:start;font-family:var(--tl-font-sans);}
.abp-nav{position:sticky;top:100px;}
.abp-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--tl-space-half);}
.abp-nav a{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--tl-radius-sm);color:var(--tl-gray-50);font-size:17px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .2s ease,background .2s ease;}
.abp-nav a .abp-nav__icon{font-size:20px;opacity:.6;display:inline-flex;transition:opacity .2s ease,color .2s ease;}
.abp-nav a::before{content:"";position:absolute;left:16px;bottom:8px;width:215px;max-width:calc(100% - 32px);height:3px;background:var(--tl-gradient-button);transform:scaleX(0);transform-origin:left;transition:transform .7s ease;}
.abp-nav a:hover{color:var(--tl-evergreen);}
.abp-nav a:hover .abp-nav__label{background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.abp-nav a:hover .abp-nav__icon{opacity:1;color:var(--tl-emerald);}
.abp-nav a.is-active{color:var(--tl-evergreen);background:var(--tl-white);}
.abp-nav a.is-active .abp-nav__icon{opacity:1;color:var(--tl-emerald);}
.abp-nav a.is-active::before{transform:scaleX(1);}
.abp-cards{display:flex;flex-direction:column;gap:var(--tl-space-08);overflow:clip;overflow-clip-margin:120px;}
.abp-card{aspect-ratio:auto;min-height:420px;width:100%;scroll-margin-top:110px;will-change:transform,opacity;}
.abp-card .icard-img{transform:scale(1.12);}
@media(max-width:860px){.abp-grid{grid-template-columns:1fr;gap:var(--tl-space-04);}.abp-nav{position:static;}.abp-nav ul{flex-direction:row;flex-wrap:wrap;}.abp-nav a{padding:10px 12px;font-size:15px;}.abp-nav a::before{display:none;}}

/* ─────────────── Table ─────────────── */
.tl-table{width:100%;border-collapse:collapse;font-family:var(--tl-font-sans);font-size:15px;}
.tl-table thead th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tl-text-muted);padding:12px 16px;border-bottom:2px solid var(--tl-border);}
.tl-table tbody td{padding:14px 16px;border-bottom:1px solid var(--tl-border-subtle);color:var(--tl-text-primary);}
.tl-table tbody tr:hover{background:var(--tl-surface-subtle);}
.tl-table-wrap .tl-table tbody tr:last-child td{border-bottom:0;}

/* ─────────────── Chip (design token / shortcut) ─────────────── */
.tl-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--tl-radius-xs);font-family:var(--tl-font-mono);font-size:12px;letter-spacing:.02em;background:var(--tl-slate-10);color:var(--tl-slate-90);border:1px solid var(--tl-border-subtle);}
.tl-chip--token{background:linear-gradient(140deg,rgba(0,126,158,.10),rgba(0,135,85,.10));color:var(--tl-evergreen);border-color:transparent;}
.tl-chip__swatch{width:12px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);}

/* ─────────────── Zero state ─────────────── */
.tl-zero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:56px 24px;font-family:var(--tl-font-sans);}
.tl-zero__icon{width:72px;height:72px;border-radius:50%;background:var(--tl-icon-tile-fill);color:var(--tl-tidal);display:inline-flex;align-items:center;justify-content:center;font-size:34px;}
.tl-zero__title{font-size:22px;font-weight:600;color:var(--tl-deep-ocean);}
.tl-zero__msg{font-size:15px;color:var(--tl-text-secondary);max-width:360px;line-height:1.6;}

/* ─────────────── Top ticker ─────────────── */
.tl-ticker{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--tl-tidal);color:var(--tl-white);padding:10px 20px;font-family:var(--tl-font-sans);font-size:14px;border-radius:var(--tl-radius-sm);}
.tl-ticker__badge{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--tl-citron);color:var(--tl-deep-ocean);padding:3px 8px;border-radius:var(--tl-radius-full);}
.tl-ticker__msg{flex:0 1 auto;text-align:center;text-transform:uppercase;letter-spacing:.06em;font-weight:600;}
.tl-ticker a{color:var(--tl-white);font-weight:600;text-decoration:none;}
.tl-ticker a:hover{color:var(--tl-white);opacity:.75;}

/* ─────────────── Download row ─────────────── */
.tl-download{display:flex;align-items:center;gap:16px;padding:16px;border:0;border-radius:var(--tl-radius-sm);background:var(--tl-white);box-shadow:0 2px 8px rgba(91,103,112,.28);font-family:var(--tl-font-sans);transition:box-shadow .15s ease;}
.tl-download:hover{box-shadow:0 4px 14px rgba(91,103,112,.36);}
.tl-download__type{width:44px;height:44px;border-radius:var(--tl-radius-sm);background:var(--tl-icon-tile-fill);display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.tl-download__type>i::before{background-image:var(--tl-gradient-icon);}
.tl-download__type>span{background:var(--tl-gradient-icon);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.tl-download__type>svg{color:var(--tl-tidal);}
.tl-download__meta{flex:1;min-width:0;}
.tl-download__name{font-size:15px;font-weight:600;color:var(--tl-deep-ocean);}
.tl-download__sub{font-size:13px;color:var(--tl-text-muted);font-family:var(--tl-font-mono);}

/* ─────────────── Stat ─────────────── */
.tl-stat{display:flex;flex-direction:column;gap:4px;font-family:var(--tl-font-sans);}
.tl-stat.is-center{align-items:center;text-align:center;}
.tl-stat__value{display:inline-block;width:fit-content;font-size:44px;font-weight:600;letter-spacing:-.028em;color:var(--tl-deep-ocean);line-height:1;}
.tl-stat__label{font-size:14px;line-height:1.3;color:var(--tl-text-secondary);}
.tl-stat--card{padding:28px 32px;border-radius:var(--tl-radius-md);background:var(--tl-white);box-shadow:0 2px 8px rgba(91,103,112,.28);gap:8px;}
.tl-stat--card .tl-stat__value{background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em;}
.tl-stat--dark{background:var(--tl-glass-bg);border:1px solid var(--tl-glass-border);box-shadow:var(--tl-glass-shadow);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}
.tl-stat--dark .tl-stat__value{background:linear-gradient(100deg,#ECE81A 0%,#C8DF33 38%,#7FD154 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-bottom:.06em;}
.tl-stat--dark .tl-stat__label{color:rgba(255,255,255,.86);}

/* ─────────────── Chart (bar / line / area) ─────────────── */
.tl-chart{display:flex;flex-direction:column;gap:14px;font-family:var(--tl-font-sans);}
.tl-chart__plot{width:100%;}
.tl-chart__plot svg{display:block;overflow:visible;}
.tl-chart__grid{stroke:var(--tl-border-subtle);stroke-width:1;}
.tl-chart__tick,.tl-chart__label{font-family:var(--tl-font-sans);font-size:12px;fill:var(--tl-text-muted);}
.tl-chart__label{font-size:13px;fill:var(--tl-text-secondary);}
.tl-chart__bar{transition:opacity .12s ease;}
.tl-chart__bar:hover{opacity:.75;}
.tl-chart__line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.tl-chart__dot{stroke:var(--tl-white);stroke-width:2;}
.tl-chart__legend{display:flex;flex-wrap:wrap;gap:8px 22px;}
.tl-chart__key{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--tl-text-secondary);}
.tl-chart__key i{width:10px;height:10px;border-radius:3px;flex-shrink:0;}
.tl-chart--card{padding:24px 28px 22px;border-radius:var(--tl-radius-md);background:var(--tl-white);box-shadow:0 2px 8px rgba(91,103,112,.28);}
.tl-chart--dark .tl-chart__grid{stroke:rgba(255,255,255,.16);}
.tl-chart--dark .tl-chart__tick{fill:rgba(255,255,255,.7);}
.tl-chart--dark .tl-chart__label{fill:rgba(255,255,255,.86);}
.tl-chart--dark .tl-chart__key{color:rgba(255,255,255,.86);}
.tl-chart--dark .tl-chart__dot{stroke:var(--tl-deep-ocean);}
.tl-chart--dark.tl-chart--card{background:var(--tl-glass-bg);border:1px solid var(--tl-glass-border);box-shadow:var(--tl-glass-shadow);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}

/* ─────────────── Table ─────────────── */
.tl-table-wrap{width:100%;overflow-x:auto;font-family:var(--tl-font-sans);}
.tl-table{width:100%;border-collapse:collapse;text-align:left;}
.tl-table__caption{caption-side:top;text-align:left;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--tl-text-secondary);padding:0 0 12px;}
.tl-table-wrap .tl-table thead th{font-size:13px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding:0 20px 12px 0;border-bottom:1px solid var(--tl-border);white-space:nowrap;}
.tl-table-wrap .tl-table tbody td{font-size:16px;line-height:1.45;color:var(--tl-text-primary);padding:16px 20px 16px 0;border-bottom:1px solid var(--tl-border-subtle);vertical-align:top;}
.tl-table-wrap .tl-table tbody tr:hover{background:none;}
.tl-table-wrap .tl-table th:last-child,.tl-table-wrap .tl-table td:last-child{padding-right:0;}
.tl-table-wrap .tl-table tbody tr:last-child td{border-bottom:0;}
.is-dense .tl-table tbody td{padding-top:10px;padding-bottom:10px;font-size:15px;}
.is-zebra .tl-table tbody tr:nth-child(even){background:var(--tl-gray-05);}
.is-zebra .tl-table tbody td{border-bottom:0;padding-left:12px;}
.is-zebra .tl-table thead th{padding-left:12px;}
.is-zebra .tl-table th:first-child,.is-zebra .tl-table td:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px;}
.tl-table-wrap--card{padding:24px 28px;border-radius:var(--tl-radius-md);background:var(--tl-white);box-shadow:0 2px 8px rgba(91,103,112,.28);}
.tl-table-wrap--dark .tl-table thead th{background:none;-webkit-text-fill-color:currentColor;color:var(--tl-citron);border-bottom-color:rgba(255,255,255,.24);}
.tl-table-wrap--dark .tl-table tbody td{color:var(--tl-white);border-bottom-color:rgba(255,255,255,.14);}
.tl-table-wrap--dark .tl-table__caption{color:rgba(255,255,255,.75);}
.tl-table-wrap--dark.is-zebra .tl-table tbody tr:nth-child(even){background:rgba(255,255,255,.07);}
.tl-table-wrap--dark.tl-table-wrap--card{background:var(--tl-glass-bg);border:1px solid var(--tl-glass-border);box-shadow:var(--tl-glass-shadow);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}

/* ─────────────── Social share ─────────────── */
.tl-social{display:inline-flex;align-items:center;gap:24px;font-family:var(--tl-font-sans);}
.tl-social__label{font-size:17px;font-weight:500;color:var(--tl-deep-ocean);}
.tl-social__row{display:inline-flex;gap:12px;}
.tl-social__btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--tl-border-strong);background:var(--tl-white);color:var(--tl-deep-ocean);display:inline-flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .14s ease;text-decoration:none;}
.tl-social__btn{color:var(--tl-tidal);}
.tl-social__btn:nth-child(2){color:#00849B;}
.tl-social__btn:nth-child(3){color:#00877E;}
.tl-social__btn:nth-child(4){color:#008765;}
.tl-social__btn:nth-child(5){color:var(--tl-emerald);}
.tl-social__btn:hover{background:var(--tl-gradient-button);border-color:transparent;color:var(--tl-white);}
.tl-social__glyph{font-size:19px;line-height:1;font-weight:500;}
.tl-social--dark{background:linear-gradient(180deg,var(--tl-evergreen),var(--tl-deep-ocean));padding:18px 28px;border-radius:var(--tl-radius-md);}
.tl-social--dark .tl-social__label{color:var(--tl-white);}
.tl-social--dark .tl-social__btn,.tl-social--dark .tl-social__btn:nth-child(n){background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:var(--tl-white);}
.tl-social--dark .tl-social__btn:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.45);color:var(--tl-white);}

/* ─────────────── Metadata tag ─────────────── */
.tl-meta-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--tl-font-sans);font-size:13px;color:var(--tl-text-muted);}
.tl-meta-tag .iconoir-,.tl-meta-tag i{font-size:16px;color:var(--tl-tidal);}

/* ─────────────── Nav link (top nav) ─────────────── */
.tl-navitem{position:relative;display:inline-flex;}
.tl-navlink{position:relative;display:inline-flex;align-items:center;gap:6px;color:var(--tl-slate-90);font-family:var(--tl-font-sans);font-weight:500;font-size:14px;text-decoration:none;padding:9px 14px;border-radius:var(--tl-radius-full);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease;}
.tl-navlink:hover{background:linear-gradient(90deg,rgba(0,126,158,.1),rgba(0,135,85,.1));text-decoration:none;background-clip:padding-box;-webkit-background-clip:padding-box;}
.tl-navlink:hover>span,.tl-navlink:active>span{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-evergreen));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-navlink:hover>i,.tl-navlink:active>i{color:var(--tl-evergreen) !important;}
.tl-navlink:active{background:linear-gradient(90deg,rgba(0,126,158,.16),rgba(0,135,85,.16));}
.tl-navlink.is-active{font-weight:600;}
.tl-navlink.is-active>span{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-evergreen));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-navlink.is-active>i{color:var(--tl-evergreen) !important;}
.tl-navlink::after{content:"";position:absolute;left:14px;right:14px;bottom:-11px;height:3px;border-radius:3px 3px 0 0;background:var(--tl-gradient-button);transform-origin:center;transform:scaleX(0);opacity:0;transition:transform .32s cubic-bezier(.2,0,0,1),opacity .2s ease;}
.tl-navlink.is-active::after,.tl-navlink:hover::after{transform:scaleX(1);opacity:1;}
.tl-topnav__links:hover .tl-navlink.is-active:not(:hover)::after{transform:scaleX(0);opacity:0;}
.tl-navmenu{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,-6px);min-width:230px;background:var(--tl-white);border:1px solid var(--tl-border-subtle);border-radius:var(--tl-radius-md);box-shadow:var(--tl-elevation-03);padding:10px;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60;}
.tl-navitem:hover .tl-navmenu,.tl-navitem:focus-within .tl-navmenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);}
.tl-navmenu a{display:block;padding:9px 12px;border-radius:var(--tl-radius-xs);font-size:14px;color:var(--tl-slate-90);text-decoration:none;transition:background .12s ease;}
.tl-navmenu a:hover{background:linear-gradient(90deg,rgba(0,126,158,.1),rgba(0,135,85,.1));color:var(--tl-deep-ocean);text-decoration:none;}

/* ─────────────── Footer link ─────────────── */
.tl-footer-link{display:block;color:rgba(255,255,255,.94);text-decoration:none;font-family:var(--tl-font-sans);font-size:15px;line-height:1.45;padding:8px 0;max-width:200px;transition:color .12s ease;}
.tl-footer-link:hover{color:var(--tl-white);text-decoration:underline;text-underline-offset:2px;}

/* ─────────────── FAB / Scroll-to-top ─────────────── */
.tl-fab{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--tl-radius-full);border:0;background:var(--tl-gradient-button);color:var(--tl-white);font-size:26px;cursor:pointer;box-shadow:var(--tl-elevation-02);transition:transform .12s ease,box-shadow .12s ease;}
.tl-fab:hover{box-shadow:var(--tl-elevation-03);transform:translateY(-2px);}
.tl-fab--sm{width:44px;height:44px;font-size:22px;}
.tl-fab--ghost{background:var(--tl-white);color:var(--tl-deep-ocean);}

/* ─────────────── Orchestration link (network node) ─────────────── */
.tl-orch{display:inline-flex;align-items:center;gap:10px;font-family:var(--tl-font-sans);font-size:15px;color:var(--tl-deep-ocean);text-decoration:none;cursor:pointer;}
.tl-orch__node{width:14px;height:14px;border-radius:50%;background:linear-gradient(140deg,var(--tl-tidal),var(--tl-emerald));box-shadow:0 0 0 4px rgba(0,126,158,.12);flex-shrink:0;transition:box-shadow .15s ease;}
.tl-orch:hover .tl-orch__node{box-shadow:0 0 0 6px rgba(0,126,158,.12);}
.tl-orch--muted .tl-orch__node{background:var(--tl-gray-30);box-shadow:0 0 0 4px var(--tl-gray-10);}
.tl-orch--dark{color:var(--tl-white);}
.tl-orch--dark .tl-orch__node{background:var(--tl-citron);box-shadow:0 0 0 4px rgba(236,232,26,.18);}
.tl-orch--dark:hover .tl-orch__node{box-shadow:0 0 0 6px rgba(236,232,26,.24);}
.tl-orch--dark.tl-orch--muted{color:rgba(255,255,255,.72);}
.tl-orch--dark.tl-orch--muted .tl-orch__node{background:rgba(236,232,26,.4);box-shadow:0 0 0 4px rgba(236,232,26,.10);}

/* ─────────────── Logo card ─────────────── */
.tl-logo-card{display:flex;align-items:center;justify-content:center;padding:32px;background:var(--tl-white);border:0;border-radius:var(--tl-radius-md);min-height:120px;box-shadow:0 2px 8px rgba(91,103,112,.28);transition:box-shadow .15s ease;}
.tl-logo-card:hover{box-shadow:0 6px 16px rgba(91,103,112,.34);}
.tl-logo-card img{max-height:52px;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .2s ease,opacity .2s ease;}
.tl-logo-card:hover img{filter:none;opacity:1;}

/* ─────────────── Profile card (photographic portrait, About leadership) ─────────────── */
.tl-profile.icard{background:#EDF3F4;}
.tl-profile__img{background-size:cover;background-position:center;display:grid;place-items:center;}
.tl-profile__monogram{font-size:56px;font-weight:300;letter-spacing:.04em;color:var(--tl-white);}
.tl-profile .icard-img:not([style*="background-image"]){background:linear-gradient(150deg,#003D4C 0%,#00604C 100%);}
.tl-profile .icard-title{font-size:22px;letter-spacing:-.012em;}
.tl-profile .icard-desc{font-size:15px;line-height:1.45;margin-top:6px;}

/* ─────────────── Image block ─────────────── */
.tl-image{position:relative;overflow:hidden;border-radius:var(--tl-radius-md);background:var(--tl-slate-10);}
.tl-image img{width:100%;height:100%;object-fit:cover;display:block;}
.tl-image__caption{font-family:var(--tl-font-sans);font-size:13px;color:var(--tl-text-muted);margin-top:8px;}

/* ─────────────── Video (split copy + poster card) ─────────────── */
.tl-video{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.28fr);align-items:stretch;aspect-ratio:3.167;max-width:880px;border-radius:16px;overflow:hidden;background:var(--tl-white);border:1px solid var(--tl-border-subtle);box-shadow:0 1px 4px rgba(37,37,37,0.06);font-family:var(--tl-font-sans);container-type:inline-size;}
.tl-video__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,2.4vw,32px);background:var(--tl-white);border-radius:15px 0 0 15px;}
.tl-video__eyebrow{margin:0 0 10px;width:fit-content;font-size:13px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;background:linear-gradient(90deg,var(--tl-tidal) 0%,var(--tl-emerald) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--tl-emerald);}
.tl-video__title{margin:0;font-size:clamp(17px,1.55vw,21px);font-weight:650;line-height:1.22;letter-spacing:-0.01em;color:var(--tl-deep-ocean);text-wrap:pretty;}
.tl-video__stage{position:relative;width:100%;height:100%;background:var(--tl-deep-ocean);}
.tl-video__poster{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:var(--tl-deep-ocean);transition:opacity 200ms ease;cursor:pointer;}
.tl-video__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.tl-video__play{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,0.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,0.55);color:var(--tl-white);transition:transform .15s ease,background .15s ease;}
.tl-video__poster:hover .tl-video__play{transform:scale(1.06);background:rgba(255,255,255,0.26);}
.tl-video__poster:focus-visible{outline:2px solid var(--tl-citron);outline-offset:-4px;}
.tl-video__embed{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;display:block;}
@container (max-width:620px){.tl-video{grid-template-columns:minmax(0,1fr);aspect-ratio:auto;}.tl-video__copy{border-radius:15px 15px 0 0;}.tl-video__stage{aspect-ratio:16/9;}}
/* Stacked layout — 16:9 poster on top, copy below (520px max) */
.tl-video--stacked{grid-template-columns:minmax(0,1fr);aspect-ratio:auto;max-width:520px;}
.tl-video--stacked .tl-video__stage{aspect-ratio:16/9;height:auto;}
.tl-video--stacked .tl-video__copy{justify-content:flex-start;padding:20px 24px 24px;border-radius:0 0 15px 15px;}
/* Dark shell — glass surface, Citron eyebrow, white headline */
.tl-video--dark{background:var(--tl-glass-bg);border-color:var(--tl-glass-border);box-shadow:var(--tl-glass-shadow);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}
.tl-video--dark .tl-video__copy{background:transparent;}
.tl-video--dark .tl-video__eyebrow{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--tl-citron);}
.tl-video--dark .tl-video__title{color:var(--tl-white);}

/* ─────────────── Progression timeline (Agents "Continuous Agentic Work") ─────────────── */
.tl-eqwrap{font-family:var(--tl-font-sans);container-type:inline-size;}
.tl-eqrow{display:grid;align-items:stretch;gap:0 8px;}
.tl-eqcard{display:flex;flex-direction:column;justify-content:flex-start;gap:16px;min-height:296px;padding:20px 17px 22px;border-radius:8px;background:var(--tl-white);border:1px solid var(--tl-border-subtle);box-shadow:0 1px 4px rgba(37,37,37,0.06);will-change:transform,opacity;}
.tl-eqcard[data-outcome="true"]{background:linear-gradient(160deg,#EAF6F0 0%,#DFF1E8 100%);border-color:var(--tl-emerald);box-shadow:0 0 0 1px rgba(0,135,85,0.22),0 0 34px rgba(236,232,26,0.15);}
.tl-eqcard__n{margin:0;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--tl-slate);}
.tl-eqcard[data-outcome="true"] .tl-eqcard__n{color:var(--tl-evergreen);}
.tl-eqcard__tile{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:linear-gradient(140deg,rgba(0,126,158,0.10),rgba(0,135,85,0.10));color:var(--tl-tidal);}
.tl-eqcard[data-outcome="true"] .tl-eqcard__tile{color:var(--tl-evergreen);}
.tl-eqcard__body{display:flex;flex-direction:column;gap:9px;}
.tl-eqcard__t{margin:0;font-size:17px;font-weight:700;line-height:1.24;letter-spacing:-0.01em;color:var(--tl-deep-ocean);text-wrap:pretty;}
.tl-eqcard[data-outcome="true"] .tl-eqcard__t{color:var(--tl-evergreen);}
.tl-eqcard__p{margin:0;font-size:14px;font-weight:400;line-height:1.5;color:var(--tl-text-secondary);text-wrap:pretty;}
.tl-eqop{display:flex;align-items:center;justify-content:center;min-width:10px;font-size:18px;font-weight:600;line-height:1;color:var(--tl-tidal);will-change:transform,opacity;}
.tl-eqrail{height:4px;border-radius:4px;margin-top:26px;background:linear-gradient(90deg,var(--tl-tidal) 0%,var(--tl-emerald) 52%,var(--tl-citron) 100%);transform-origin:left center;will-change:transform;}
/* Dark shell — glass cards, Citron numbering, white copy */
.tl-eqwrap--dark .tl-eqcard{background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.22);box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}
.tl-eqwrap--dark .tl-eqcard[data-outcome="true"]{background:rgba(236,232,26,0.10);border-color:rgba(236,232,26,0.55);box-shadow:0 0 34px rgba(236,232,26,0.18);}
.tl-eqwrap--dark .tl-eqcard__n{color:rgba(255,255,255,0.70);}
.tl-eqwrap--dark .tl-eqcard[data-outcome="true"] .tl-eqcard__n{color:var(--tl-citron);}
.tl-eqwrap--dark .tl-eqcard__tile{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.24);color:var(--tl-white);}
.tl-eqwrap--dark .tl-eqcard[data-outcome="true"] .tl-eqcard__tile{background:rgba(236,232,26,0.14);border-color:rgba(236,232,26,0.38);color:var(--tl-citron);}
.tl-eqwrap--dark .tl-eqcard__t{color:var(--tl-white);}
.tl-eqwrap--dark .tl-eqcard[data-outcome="true"] .tl-eqcard__t{color:var(--tl-citron);}
.tl-eqwrap--dark .tl-eqcard__p{color:rgba(255,255,255,0.80);}
.tl-eqwrap--dark .tl-eqop{color:var(--tl-citron);}
@container (max-width:1000px){.tl-eqrow{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:16px;}.tl-eqop{display:none;}.tl-eqcard{min-height:0;}}

/* ─────────────── Prose (WYSIWYG) ─────────────── */
.tl-prose{font-family:var(--tl-font-sans);font-size:17px;line-height:1.8;color:var(--tl-text-primary);}
.tl-prose h2{font-size:28px;font-weight:600;color:var(--tl-deep-ocean);margin:32px 0 12px;}
.tl-prose h3{font-size:22px;font-weight:600;color:var(--tl-deep-ocean);margin:24px 0 8px;}
.tl-prose p{margin:0 0 18px;}
.tl-prose a{color:var(--tl-tidal);text-decoration:underline;text-underline-offset:2px;}
.tl-prose a:hover{color:var(--tl-evergreen);}
.tl-prose ul,.tl-prose ol{margin:0 0 18px;padding-left:24px;}
.tl-prose li{margin:0 0 8px;}
.tl-prose blockquote{margin:24px 0;padding:8px 24px;border-left:4px solid var(--tl-emerald);color:var(--tl-deep-ocean);font-size:20px;font-weight:300;line-height:1.5;}

/* ─────────────── Page title ─────────────── */
.tl-page-title{display:flex;flex-direction:column;align-items:flex-start;gap:0;font-family:var(--tl-font-sans);}
.tl-page-title__eyebrow{margin:0 0 14px;width:fit-content;font-size:15px;font-weight:650;letter-spacing:.13em;line-height:1.1;text-transform:uppercase;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-page-title h1{margin:0;max-width:22ch;font-size:clamp(30px,3.2vw,44px);font-weight:650;line-height:1.14;letter-spacing:-.015em;color:var(--tl-deep-ocean);text-wrap:pretty;}
.tl-page-title__sub{margin:18px 0 0;max-width:60ch;font-size:19px;font-weight:400;line-height:1.55;letter-spacing:-.01em;color:var(--tl-text-secondary);text-wrap:pretty;}
.tl-page-title--dark .tl-page-title__eyebrow{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-citron);}
.tl-page-title--dark h1,.tl-page-title--dark .tl-page-title__sub{color:var(--tl-white);}

/* ─────────────── Filter accordion ─────────────── */
.tl-filter-acc{border-bottom:1px solid var(--tl-border-subtle);font-family:var(--tl-font-sans);}
.tl-filter-acc__head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 12px;margin:0 -12px;border-radius:12px;transition:background .15s ease;border:0;background:transparent;cursor:pointer;text-align:left;color:var(--tl-deep-ocean);font-size:15px;font-weight:600;}
.tl-filter-acc__head:hover{color:var(--tl-deep-ocean);background:rgba(0,61,76,.04);}
.tl-filter-acc__head:active{background:rgba(0,61,76,.07);}
.tl-filter-acc__count{font-family:var(--tl-font-sans);font-size:11px;font-weight:500;color:var(--tl-evergreen);background:linear-gradient(90deg,rgba(0,126,158,.1),rgba(0,99,65,.1));border-radius:var(--tl-radius-full);min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;}
.tl-filter-acc__chev{font-size:22px;color:var(--tl-text-secondary);transition:transform .3s cubic-bezier(.2,0,0,1),color .15s ease;display:inline-flex;margin-left:auto;}
.tl-filter-acc.is-open .tl-filter-acc__chev{color:var(--tl-deep-ocean);}
.tl-filter-acc.is-open .tl-filter-acc__chev{transform:rotate(180deg);}
.tl-filter-acc__panel{overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.2,0,0,1);}
.tl-filter-acc.is-open .tl-filter-acc__panel{max-height:400px;}
.tl-filter-acc__list{display:flex;flex-direction:column;gap:12px;padding:4px 4px 20px;}

/* ─────────────── Article header (light) ─────────────── */
.tl-article-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:32px 0 40px;font-family:var(--tl-font-sans);}
.tl-article-header>.tl-breadcrumb{margin-bottom:20px;}
.tl-article-header__eyebrow{margin:0 0 14px;width:fit-content;font-size:15px;font-weight:650;letter-spacing:.13em;line-height:1.1;text-transform:uppercase;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-article-header__title{margin:0;max-width:22ch;font-size:clamp(30px,3.2vw,44px);font-weight:650;line-height:1.14;letter-spacing:-.015em;color:var(--tl-deep-ocean);text-wrap:pretty;}
.tl-article-header__meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--tl-text-secondary);margin-top:16px;}

/* ─────────────── Ambient gradient background ─────────────── */
.tl-ambient{position:relative;overflow:hidden;border-radius:var(--tl-radius-md);}
.tl-ambient--core{background:var(--tl-gradient-core);}
.tl-ambient--soft{background:var(--tl-gradient-ambient);}
.tl-ambient--ocean-cobalt{background:var(--tl-gradient-ocean-cobalt);}
.tl-ambient__dots{position:absolute;inset:0;width:100%;height:100%;opacity:.85;pointer-events:none;}
.tl-ambient__content{position:relative;}

/* ─────────────── Hero icon (circle, brand style) ─────────────── */
/* Icon tiles on white: 140deg Tidal 10% → Emerald 10% wash, glyph in the same
   gradient at full strength (Iconoir glyphs are mask-image, so the gradient
   goes on background-image of the ::before). */
.tl-hero-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:0;background:var(--tl-icon-tile-fill);box-shadow:none;}
.tl-hero-icon>i::before{background-image:var(--tl-gradient-icon);}
.tl-hero-icon>span{background:var(--tl-gradient-icon);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.tl-hero-icon>svg{color:var(--tl-tidal);}
.tl-hero-icon--sm{width:48px;height:48px;font-size:22px;}
.tl-hero-icon--md{width:64px;height:64px;font-size:28px;}
.tl-hero-icon--lg{width:88px;height:88px;font-size:38px;}
.tl-hero-icon--emerald,.tl-hero-icon--ocean{color:inherit;}
.tl-hero-icon--white{color:var(--tl-white);}
.tl-hero-icon--white>*{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-white);}
.tl-hero-icon--filled{border:0;background:var(--tl-gradient-button);color:var(--tl-white);}
.tl-hero-icon--filled>*{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-white);}

/* ─────────────── Sidebar form (light CTA card) ─────────────── */
.tl-sidebar-form{background:var(--tl-white);color:var(--tl-text-primary);border-radius:var(--tl-radius-md);box-shadow:0 2px 8px rgba(91,103,112,.28);padding:28px;font-family:var(--tl-font-sans);display:flex;flex-direction:column;gap:14px;}
.tl-sidebar-form__title{font-size:20px;font-weight:600;color:var(--tl-deep-ocean);}
.tl-sidebar-form__text{font-size:14px;line-height:1.6;color:var(--tl-text-secondary);}
.tl-sidebar-form__row{display:flex;flex-direction:column;gap:10px;}
.tl-sidebar-form input{height:44px;border:1px solid var(--tl-border);border-radius:999px;padding:0 20px;font-family:inherit;font-size:15px;color:var(--tl-text-primary);background:var(--tl-white);}
.tl-sidebar-form input::placeholder{color:var(--tl-gray-50);}

/* ─────────────── Article CTA band ─────────────── */
.tl-article-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--tl-surface-sunken);border-radius:var(--tl-radius-md);padding:28px 32px;font-family:var(--tl-font-sans);}
.tl-article-cta__title{font-size:22px;font-weight:600;color:var(--tl-deep-ocean);}
.tl-article-cta__text{font-size:15px;color:var(--tl-text-secondary);margin-top:2px;}

/* ─────────────── Related card ("More from…" list row) ─────────────── */
.tl-related{display:flex;gap:24px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--tl-border-subtle);text-decoration:none;font-family:var(--tl-font-sans);cursor:pointer;}
.tl-related:last-child{border-bottom:0;}
.tl-related:hover,.tl-related:active{text-decoration:none;}
.tl-related__thumb{width:170px;height:110px;border-radius:12px;object-fit:cover;background:var(--tl-slate-10);flex-shrink:0;}
.tl-related__body{display:flex;flex-direction:column;gap:8px;min-width:0;padding-top:2px;}
.tl-related__type{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;width:fit-content;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--tl-tidal);}
.tl-related__title{font-size:19px;font-weight:650;color:var(--tl-deep-ocean);line-height:1.28;letter-spacing:-.008em;text-wrap:pretty;}
.tl-related:hover .tl-related__title{color:var(--tl-tidal);}
.tl-related__meta{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:2px;}
@container (max-width:520px){.tl-related{gap:16px;}.tl-related__thumb{width:110px;height:62px;}.tl-related__title{font-size:16px;}}

/* ─────────────── TopNav (composite bar) ─────────────── */
.tl-topnav{position:relative;display:flex;align-items:center;gap:32px;height:var(--tl-topnav-height);padding:0 24px;background:var(--tl-white);border-bottom:1px solid var(--tl-border-subtle);font-family:var(--tl-font-sans);}
.tl-topnav__logo img{height:34px;display:block;}
.tl-topnav__links{display:flex;align-items:center;gap:4px;flex:1;}
.tl-topnav .tl-navlink::after{bottom:calc((var(--tl-topnav-height) - 38px) / -2);}
.tl-topnav .tl-navmenu{top:calc(100% + ((var(--tl-topnav-height) - 38px) / 2) + 9px);}
.tl-topnav__actions{display:flex;align-items:center;gap:12px;}

/* ─────────────── Footer (composite) ─────────────── */
.tl-footer{background:linear-gradient(180deg,#00453F 0%,#003D4C 34%,#00303D 100%);color:#ffffff;font-family:var(--tl-font-sans);}

/* Promo ticker */
.tl-footer__promo{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px clamp(24px,5vw,96px);background:#007E9E;color:#ffffff;font-size:13px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;line-height:1.35;text-align:center;text-wrap:pretty;text-decoration:none;transition:background 150ms cubic-bezier(.2,0,0,1);}
.tl-footer__promo:hover{background:#006B87;color:#ffffff;}
.tl-footer__promo>span{font-size:14px;line-height:1;}

/* Utility bar */
.tl-footer__utility{border-bottom:1px solid rgba(255,255,255,.12);}
.tl-footer__utility-inner{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;padding:14px clamp(24px,5vw,96px);}
.tl-footer__logo{display:block;flex-shrink:0;}
.tl-footer__logo img{height:72px;display:block;}
.tl-footer__utility-right{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;}
.tl-footer__logins{display:flex;align-items:baseline;gap:12px;font-size:14px;}
.tl-footer__logins-label{color:rgba(255,255,255,.55);font-weight:500;}
.tl-footer__logins-dot{color:rgba(255,255,255,.25);}
.tl-footer__login-link{color:#ffffff;font-weight:500;text-decoration:none;}
.tl-footer__login-link:hover{color:#ECE81A;}
.tl-footer__ai{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 22px;border-radius:999px;background:linear-gradient(90deg,#007E9E 0%,#008755 100%);color:#ffffff;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-decoration:none;transition:opacity 150ms ease;}
.tl-footer__ai:hover{opacity:.75;color:#ffffff;}

/* Featured report strip */
.tl-footer__featured{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px clamp(24px,5vw,96px);background:rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.12);color:#ffffff;font-size:14px;text-align:center;text-decoration:none;transition:background 150ms cubic-bezier(.2,0,0,1);}
.tl-footer__featured:hover{background:rgba(255,255,255,.12);color:#ffffff;}
.tl-footer__featured-eyebrow{font-size:11px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:#ECE81A;}
.tl-footer__featured-title{font-weight:600;line-height:1.35;text-wrap:pretty;}
.tl-footer__featured-cta{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);}

/* Link columns */
.tl-footer__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 32px;align-items:start;padding:44px clamp(24px,5vw,96px) 0;}
.tl-footer__col{display:flex;flex-direction:column;gap:1px;}
.tl-footer__col h4{margin:0 0 10px;font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.tl-footer-link{font-size:14px;font-weight:400;line-height:1.4;color:rgba(255,255,255,.82);text-decoration:none;transition:color 120ms ease;}
.tl-footer-link:hover{color:#ffffff;}

/* Technical support strip */
.tl-footer__support{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:44px;padding:13px clamp(24px,5vw,96px);background:rgba(255,255,255,.07);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);color:#ffffff;font-size:14px;font-weight:600;letter-spacing:.06em;text-align:center;text-decoration:none;transition:background 150ms cubic-bezier(.2,0,0,1);}
.tl-footer__support:hover{background:rgba(255,255,255,.12);color:#ffffff;}
.tl-footer__support>svg,.tl-footer__support>i{color:#00A7B5;}
.tl-footer__support>span{font-size:14px;line-height:1;}

/* Contact + subscribe */
.tl-footer__cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;align-items:start;margin:36px clamp(24px,5vw,96px) 0;}
.tl-footer__block{display:flex;flex-direction:column;align-self:stretch;height:100%;}
.tl-footer__block h4{margin:0 0 6px;font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.tl-footer__block-body{margin:0;max-width:46ch;font-size:14px;font-weight:400;line-height:1.55;color:rgba(255,255,255,.78);}
.tl-footer__block-action{display:flex;margin-top:auto;padding-top:14px;}
.tl-footer__block-cta{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 22px;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1.5px rgba(252,252,252,.9);color:#FCFCFC;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-decoration:none;transition:background 150ms cubic-bezier(.2,0,0,1),color 150ms cubic-bezier(.2,0,0,1);}
.tl-footer__block-cta:hover{background:rgba(229,243,237,.18);color:#ffffff;}
.tl-footer__subscribe{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:14px;max-width:560px;}
.tl-footer__subscribe input{flex:1;min-width:260px;height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#ffffff;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;}
.tl-footer__subscribe input::placeholder{color:rgba(255,255,255,.6);}
.tl-footer__subscribe input:focus{border-color:#00A7B5;}
.tl-footer__subscribe button{flex:none;height:44px;padding:0 22px;border:0;border-radius:999px;background:linear-gradient(90deg,#007E9E 0%,#008755 100%);color:#ffffff;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-family:inherit;cursor:pointer;transition:opacity 150ms ease;}
.tl-footer__subscribe button:hover{opacity:.75;}
.tl-footer__subscribed{margin:14px 0 0;font-size:14px;color:#ECE81A;}

/* Legal row */
.tl-footer__legal{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:0 clamp(24px,5vw,96px);padding:18px 0 24px;}
.tl-footer__legal-spacer{flex:1;}
.tl-footer__legal-copy{font-family:var(--tl-font-mono);font-size:12px;color:rgba(255,255,255,.65);}
.tl-footer__social-icons{display:flex;align-items:center;gap:10px;}
.tl-footer__social-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.14);color:#ffffff;text-decoration:none;transition:background 120ms ease;}
.tl-footer__social-btn:hover{background:rgba(255,255,255,.24);color:#ffffff;}

@media (max-width:1100px){.tl-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));}.tl-footer__grid>div:first-child{grid-column:1 / -1;}}
@media (max-width:900px){.tl-footer__cta{grid-template-columns:1fr;}}
@media (max-width:560px){.tl-footer__grid{grid-template-columns:1fr;}}

/* ═══════════ DLS documentation components ═══════════ */
/* Component status pill */
.tl-status{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:var(--tl-radius-full);font-family:var(--tl-font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
.tl-status__dot{width:8px;height:8px;border-radius:50%;background:currentColor;}
.tl-status--published{background:var(--tl-success-pastel);color:var(--tl-emerald);}
.tl-status--ready{background:var(--tl-info-pastel);color:var(--tl-cobalt);}
.tl-status--wip{background:var(--tl-citron-pastel);color:var(--tl-slate-90);}
.tl-status--deprecated{background:var(--tl-danger-pastel);color:var(--tl-danger);}
.tl-status--planned{background:var(--tl-slate-10);color:var(--tl-slate-60);}

/* Progress key (legend row) */
.tl-progress-key{display:flex;flex-wrap:wrap;gap:16px;font-family:var(--tl-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--tl-text-secondary);}
.tl-progress-key__item{display:inline-flex;align-items:center;gap:8px;}
.tl-progress-key__swatch{width:12px;height:12px;border-radius:3px;}

/* Annotation pin (numbered marker) */
.tl-anno-pin{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-family:var(--tl-font-mono);font-size:12px;font-weight:700;color:var(--tl-white);background:var(--tl-tidal);box-shadow:0 0 0 3px rgba(0,126,158,.2);}
.tl-anno-pin--note{background:var(--tl-citron);color:var(--tl-deep-ocean);box-shadow:0 0 0 3px var(--tl-citron-pastel);}

/* Annotation label (callout) */
.tl-anno-label{display:inline-flex;flex-direction:column;gap:4px;background:var(--tl-deep-ocean);color:var(--tl-white);padding:10px 14px;border-radius:var(--tl-radius-sm);font-family:var(--tl-font-mono);font-size:12px;max-width:280px;box-shadow:var(--tl-elevation-02);}
.tl-anno-label__title{font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tl-cyan);}

/* Dimension indicator */
.tl-dimension{display:inline-flex;align-items:center;gap:8px;font-family:var(--tl-font-mono);font-size:11px;color:var(--tl-tidal);}
.tl-dimension__bar{position:relative;height:1px;background:var(--tl-tidal);flex:1;min-width:40px;}
.tl-dimension__bar::before,.tl-dimension__bar::after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--tl-tidal);}
.tl-dimension__bar::before{left:0;}
.tl-dimension__bar::after{right:0;}
.tl-dimension__val{white-space:nowrap;font-weight:600;}

/* Touch-target annotation */
.tl-touch{position:relative;display:inline-flex;align-items:center;justify-content:center;outline:1.5px dashed var(--tl-cyan);outline-offset:0;border-radius:var(--tl-radius-xs);}
.tl-touch__badge{position:absolute;top:-9px;right:-9px;background:var(--tl-cyan);color:var(--tl-white);font-family:var(--tl-font-mono);font-size:10px;font-weight:700;padding:2px 5px;border-radius:var(--tl-radius-xs);}

/* Spec callout (numbered pin + text) */
.tl-spec{display:flex;align-items:flex-start;gap:12px;font-family:var(--tl-font-sans);font-size:14px;color:var(--tl-text-secondary);line-height:1.5;}
.tl-spec b{color:var(--tl-deep-ocean);}

/* ─────────────── Filter panel (organism) ─────────────── */
.tl-filter-panel{width:300px;background:transparent;border:0;border-radius:28px;padding:0;font-family:var(--tl-font-sans);}
.tl-filter-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.tl-filter-panel__title{font-size:18px;font-weight:500;color:var(--tl-deep-ocean);}
.tl-filter-panel__clear{border:0;background:transparent;color:var(--tl-tidal);font-family:var(--tl-font-sans);font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:999px;transition:background .15s ease;}
.tl-filter-panel__clear:hover{color:var(--tl-tidal);background:rgba(0,126,158,.1);text-decoration:none;}
.tl-filter-panel__clear:active{background:rgba(0,126,158,.16);}
.tl-filter-panel__search{margin-bottom:12px;}

/* ─────────────── Cookie consent banner ─────────────── */
.tl-cookie{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:24px 28px;background:var(--tl-white);border-radius:var(--tl-radius-md);box-shadow:0 4px 14px rgba(91,103,112,.22),0 1px 3px rgba(91,103,112,.14);font-family:var(--tl-font-sans);}
.tl-cookie__body{display:flex;flex-direction:column;gap:10px;max-width:82ch;}
.tl-cookie__title{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--tl-deep-ocean);}
.tl-cookie__text{min-width:0;margin:0;font-size:15px;line-height:1.6;color:var(--tl-text-secondary);text-wrap:pretty;}
.tl-cookie__links{display:flex;flex-wrap:wrap;gap:20px;margin-top:4px;}
.tl-cookie__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.tl-cookie--dark{background:var(--tl-glass-bg);border:1px solid var(--tl-glass-border);box-shadow:var(--tl-glass-shadow);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}
.tl-cookie--dark .tl-cookie__title{color:var(--tl-white);}
.tl-cookie--dark .tl-cookie__text{color:rgba(255,255,255,.86);}
.tl-cookie--dark .tl-cookie__body .tl-link{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-citron);}
.tl-cookie--dark .tl-cookie__body .tl-link:hover{color:var(--tl-citron);opacity:.75;}

/* ─────────────── Quote / testimonial ─────────────── */
.tl-quote{display:flex;flex-direction:column;gap:20px;font-family:var(--tl-font-sans);}
.tl-quote__metric{font-size:44px;font-weight:600;line-height:1;letter-spacing:-.028em;background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-quote__text{font-size:28px;font-weight:300;line-height:1.4;letter-spacing:-.02em;color:var(--tl-deep-ocean);max-width:56ch;margin:0;}
.tl-quote__text em{font-style:normal;font-weight:500;background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-quote__attr{display:flex;align-items:center;gap:14px;}
.tl-quote__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--tl-slate-10);flex-shrink:0;}
.tl-quote__who{display:flex;flex-direction:column;gap:2px;}
.tl-quote__name{font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--tl-deep-ocean);}
.tl-quote__role{font-size:14px;line-height:1.5;color:var(--tl-text-secondary);}
.tl-quote--card{background:var(--tl-white);border:1px solid var(--tl-border-subtle);border-radius:var(--tl-radius-md);padding:28px;box-shadow:var(--tl-elevation-01);gap:18px;}
.tl-quote--card .tl-quote__text{font-size:17px;font-weight:400;line-height:1.75;letter-spacing:-.003em;color:var(--tl-text-primary);}
.tl-quote--dark{background:var(--tl-deep-ocean);border-radius:var(--tl-radius-md);padding:40px;}
.tl-quote--dark .tl-quote__text{color:var(--tl-white);}
.tl-quote--dark .tl-quote__name{color:var(--tl-white);}
.tl-quote--dark .tl-quote__role{color:rgba(255,255,255,.72);}
.tl-quote--dark .tl-quote__metric{background:linear-gradient(90deg,var(--tl-cyan),var(--tl-citron));-webkit-background-clip:text;background-clip:text;}
.tl-quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.tl-quote--split{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:0;padding:0;border-radius:var(--tl-radius-md);overflow:hidden;box-shadow:0 4px 14px rgba(91,103,112,.22),0 1px 3px rgba(91,103,112,.12);background:var(--tl-white);}
.tl-quote--split .tl-quote__col{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:48px 40px 48px 56px;}
.tl-quote__mark{display:block;width:92px;aspect-ratio:69/54;margin-bottom:16px;opacity:.25;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-mask:url("assets/58288fc4-quote.svg") no-repeat center/contain;mask:url("assets/58288fc4-quote.svg") no-repeat center/contain;}
.tl-quote--split .tl-quote__text{font-size:34px;font-weight:400;line-height:1.28;letter-spacing:-.02em;color:var(--tl-deep-ocean);max-width:24ch;}
.tl-quote__attr--inline{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:28px;}
.tl-quote__attr--inline .tl-quote__name{font-size:17px;font-weight:600;color:var(--tl-deep-ocean);}
.tl-quote__attr--inline .tl-quote__role{font-size:17px;font-weight:400;color:var(--tl-deep-ocean);}
.tl-quote__cta{margin-top:26px;}
.tl-quote__cta:hover,.tl-quote__cta:active{text-decoration:none;}
.tl-quote__cta i{font-size:18px;}
.tl-quote__portrait{position:relative;align-self:stretch;overflow:hidden;background:var(--tl-slate-10);}
.tl-quote__portrait img{width:100%;height:100%;object-fit:cover;display:block;}
.tl-carousel .tl-quote--split{height:100%;grid-template-columns:minmax(0,1fr) clamp(150px,26cqi,300px);}
@container (max-width:820px){.tl-carousel .tl-quote--split{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;}.tl-carousel .tl-quote--split .tl-quote__portrait{order:-1;aspect-ratio:16/7;align-self:auto;}.tl-carousel .tl-quote--split .tl-quote__text{max-width:none;}}
.tl-carousel .tl-quote--split .tl-quote__col{padding:clamp(22px,3.4cqi,34px) clamp(20px,2.8cqi,28px) clamp(22px,3.4cqi,34px) clamp(22px,3.4cqi,34px);min-width:0;}
.tl-carousel .tl-quote--split .tl-quote__text{font-size:clamp(17px,2.1cqi,22px);line-height:1.32;letter-spacing:-.014em;max-width:28ch;}
.tl-carousel .tl-quote__mark{width:60px;margin-bottom:12px;}
.tl-carousel .tl-quote__attr--inline{margin-top:20px;}
.tl-quote--split.tl-quote--dark{background:rgba(255,255,255,.06);box-shadow:0 4px 14px rgba(0,0,0,.34),0 1px 3px rgba(0,0,0,.2);}
.tl-quote--split.tl-quote--dark .tl-quote__mark{opacity:1;background:var(--tl-glass-border);}
.tl-quote--split.tl-quote--dark .tl-quote__text,.tl-quote--split.tl-quote--dark .tl-quote__attr--inline .tl-quote__name{color:var(--tl-white);}
.tl-quote--split.tl-quote--dark .tl-quote__attr--inline .tl-quote__role{color:rgba(255,255,255,.78);}
.band--dark .tl-carousel__dot{background:var(--tl-glass-bg-strong);}
.band--dark .tl-carousel__dot:hover{background:var(--tl-glass-border);}
.band--dark .tl-carousel__dot.is-active{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));}
@media (max-width:760px){.tl-quote--split{grid-template-columns:1fr;}.tl-quote--split .tl-quote__col{padding:36px;}.tl-quote--split .tl-quote__text{font-size:28px;max-width:none;}.tl-quote__portrait{aspect-ratio:16/10;}}

/* ─────────────── Table of contents ─────────────── */
.tl-toc{display:flex;flex-direction:column;gap:2px;font-family:var(--tl-font-sans);}
.tl-toc__title{font-size:14px;font-weight:600;color:var(--tl-deep-ocean);padding:0 16px 12px;}
.tl-toc__link{display:flex;align-items:center;min-height:40px;padding:8px 18px;border-radius:999px;color:var(--tl-text-secondary);text-decoration:none;font-size:14px;font-weight:500;line-height:1.4;cursor:pointer;transition:background .15s ease,color .15s ease;}
.tl-toc__link:hover{background:rgba(0,61,76,.05);color:var(--tl-deep-ocean);text-decoration:none;}
.tl-toc__link:active{background:rgba(0,61,76,.08);}
.tl-toc__link:focus-visible{outline:2px solid var(--tl-tidal);outline-offset:2px;}
.tl-toc__link.is-active{background:linear-gradient(90deg,rgba(0,126,158,.14),rgba(0,135,85,.14));color:var(--tl-deep-ocean);font-weight:600;}
.tl-toc__link.is-sub{padding-left:34px;font-size:13px;min-height:34px;}

/* ─────────────── Orchestration group (network linkage) ─────────────── */
/* Vertical node rail on the dark shell — the About page volunteer-timeline pattern. */
.tl-orch-group{position:relative;display:flex;flex-direction:column;font-family:var(--tl-font-sans);}
.tl-orch-group__node{position:relative;display:flex;flex-direction:column;gap:6px;width:100%;padding:18px 0 18px 30px;border:0;background:transparent;font-family:inherit;text-align:left;cursor:pointer;}
.tl-orch-group__node::after{content:"";position:absolute;left:4.5px;top:36px;bottom:-23px;width:1px;background:rgba(236,232,26,0.45);}
.tl-orch-group__node:last-child::after{display:none;}
.tl-orch-group__dot{position:absolute;z-index:1;left:0;top:23px;width:10px;height:10px;border-radius:50%;background:rgba(236,232,26,0.55);transition:background 180ms ease,transform 180ms ease,box-shadow 180ms ease;}
.tl-orch-group__node:hover .tl-orch-group__dot{background:rgba(236,232,26,0.8);}
.tl-orch-group__node.is-active .tl-orch-group__dot{background:var(--tl-citron);transform:scale(1.25);box-shadow:0 0 0 4px rgba(236,232,26,0.22);}
.tl-orch-group__eyebrow{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--tl-citron);}
.tl-orch-group__label{font-size:18px;font-weight:650;line-height:1.3;color:var(--tl-white);transition:color 180ms ease;text-wrap:pretty;}
.tl-orch-group__node.is-active .tl-orch-group__label,.tl-orch-group__node:hover .tl-orch-group__label{color:#ffffff;}
.tl-orch-group__sub{font-size:15px;font-weight:400;line-height:1.55;color:var(--tl-white);transition:color 180ms ease;text-wrap:pretty;}
.tl-orch-group__node.is-active .tl-orch-group__sub{color:var(--tl-white);}
.tl-orch-group__node:focus-visible{outline:2px solid var(--tl-citron);outline-offset:3px;border-radius:6px;}
/* Light-background variant */
.tl-orch-group--light .tl-orch-group__node::after{background:rgba(0,61,76,0.18);}
.tl-orch-group--light .tl-orch-group__dot{background:linear-gradient(140deg,rgba(0,126,158,0.28),rgba(0,135,85,0.28));}
.tl-orch-group--light .tl-orch-group__node:hover .tl-orch-group__dot{background:linear-gradient(140deg,rgba(0,126,158,0.6),rgba(0,135,85,0.6));}
.tl-orch-group--light .tl-orch-group__node.is-active .tl-orch-group__dot{background:linear-gradient(140deg,var(--tl-tidal),var(--tl-emerald));box-shadow:0 0 0 4px rgba(0,126,158,0.16);}
.tl-orch-group--light .tl-orch-group__eyebrow{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;width:fit-content;}
.tl-orch-group--light .tl-orch-group__label{color:rgba(0,61,76,0.78);}
.tl-orch-group--light .tl-orch-group__node.is-active .tl-orch-group__label,.tl-orch-group--light .tl-orch-group__node:hover .tl-orch-group__label{color:var(--tl-deep-ocean);}
.tl-orch-group--light .tl-orch-group__sub{color:#505050;}
.tl-orch-group--light .tl-orch-group__node.is-active .tl-orch-group__sub{color:#384349;}
.tl-orch-group--light .tl-orch-group__node:focus-visible{outline:2px solid var(--tl-tidal);outline-offset:3px;}

/* ─────────────── Icon cards (About "Our Four Values" grid) ─────────────── */
.tl-icon-cards{--tl-icon-cards-cols:4; /* @kind other */ container-type:inline-size;display:grid;grid-template-columns:repeat(var(--tl-icon-cards-cols),minmax(0,1fr));align-items:stretch;gap:16px;font-family:var(--tl-font-sans);}
.tl-icon-card{display:flex;flex-direction:column;padding:28px 26px 24px;border-radius:16px;background:#ffffff;border:1px solid #E7E9E9;box-shadow:0 1px 4px rgba(37,37,37,0.06);}
.tl-icon-card__tile{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--tl-icon-tile-fill);color:var(--tl-tidal);}
.tl-icon-card__title{margin:18px 0 0;font-size:21px;font-weight:650;line-height:1.25;letter-spacing:-.01em;color:var(--tl-deep-ocean);text-wrap:pretty;}
.tl-icon-card__body{margin:12px 0 0;font-size:15px;font-weight:400;line-height:1.6;color:#505050;text-wrap:pretty;}
@container (max-width:900px){.tl-icon-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@container (max-width:560px){.tl-icon-cards{grid-template-columns:minmax(0,1fr);}}
.tl-icon-cards--dark .tl-icon-card{background:var(--tl-glass-bg);border-color:var(--tl-glass-border);box-shadow:var(--tl-glass-shadow);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}
.tl-icon-cards--dark .tl-icon-card__tile{background:rgba(236,232,26,0.14);border:1px solid rgba(236,232,26,0.38);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);color:var(--tl-citron);}
.tl-icon-cards--dark .tl-icon-card__title{color:var(--tl-white);}
.tl-icon-cards--dark .tl-icon-card__body{color:rgba(255,255,255,0.86);}

/* ─────────────── Footnote card ─────────────── */
.tl-footnote-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;aspect-ratio:350/450;border-radius:var(--tl-radius-md);overflow:hidden;isolation:isolate;background:var(--tl-slate-10);box-shadow:0 4px 4px 0 rgba(0,0,0,.15);font-family:var(--tl-font-sans);}
.tl-footnote-card__media{position:absolute;inset:0;z-index:0;}
.tl-footnote-card__media img{width:100%;height:100%;object-fit:cover;display:block;}
.tl-footnote-card__media::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.10);}
.tl-footnote-card__blur{position:absolute;left:0;right:0;bottom:0;height:60%;z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask:linear-gradient(to bottom,transparent,#000 45%);mask:linear-gradient(to bottom,transparent,#000 45%);}
.tl-footnote-card__grad{position:absolute;left:0;right:0;bottom:0;height:60%;z-index:1;background:linear-gradient(to bottom,rgba(45,55,62,0),rgba(45,55,62,.55) 45%,rgba(45,55,62,.8));}
.tl-footnote-card__body{position:relative;z-index:2;padding:var(--tl-space-04) var(--tl-space-04) 0;}
.tl-footnote-card__title{color:var(--tl-white);font-size:28px;font-weight:500;letter-spacing:-.018em;line-height:1.1;text-shadow:0 4px 4px rgba(0,0,0,.25);}
.tl-footnote-card__footnote{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:12px var(--tl-space-04) var(--tl-space-04);font-size:14px;color:var(--tl-white);text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:var(--tl-font-mono);}

/* ─────────────── Image card (photographic, bottom-anchored) ─────────────── */
.icard{position:relative;border-radius:var(--tl-radius-md);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;color:var(--tl-white);isolation:isolate;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);transition:box-shadow .2s ease,transform .2s ease;font-family:var(--tl-font-sans);max-width:100%;}
.icard:hover{box-shadow:0 8px 10px 0 rgba(0,0,0,.6);transform:translateY(-4px);}
.icard--desktop{width:568px;aspect-ratio:568/442;}
.icard--mobile{width:350px;aspect-ratio:350/450;}
.icard-img{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;}
.icard-img::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.10);}
.icard-blur{position:absolute;left:0;right:0;bottom:0;height:66%;z-index:1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.12) 22%,rgba(0,0,0,.4) 42%,rgba(0,0,0,.75) 60%,#000 78%);mask:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.12) 22%,rgba(0,0,0,.4) 42%,rgba(0,0,0,.75) 60%,#000 78%);}
/* Bottom scrim — carries white text to AA (>=4.5:1) over any photograph.
   Deep Ocean ramp: transparent -> 34% -> 78% -> 94% at the card edge. */
.icard-grad{position:absolute;left:0;right:0;bottom:0;height:66%;z-index:1;background:var(--tl-icard-scrim);}
.icard--mobile .icard-blur,.icard--mobile .icard-grad{height:76%;}
.tl-carousel .icard-blur,.tl-carousel .icard-grad{height:42%;}
.tl-carousel .icard-title{font-size:36px;letter-spacing:-.022em;}
.tl-carousel .icard-desc{font-size:20px;}
@container (max-width:500px){.tl-carousel .icard-blur,.tl-carousel .icard-grad{height:76%;}.tl-carousel .icard--mobile .icard-title{font-size:30px;letter-spacing:-.018em;}.tl-carousel .icard--mobile .icard-desc{font-size:19px;}}
.icard-body{position:relative;z-index:2;padding:var(--tl-space-04);display:flex;flex-direction:column;justify-content:flex-end;min-height:50%;}
.icard[data-eyebrow]::before{content:attr(data-eyebrow);position:relative;z-index:2;padding:0 var(--tl-space-04);margin-bottom:4px;font-size:12px;font-weight:650;line-height:1.1;letter-spacing:0.14em;text-transform:uppercase;color:#ffffff;text-shadow:0 4px 4px rgba(0,0,0,.25);}
.icard[data-eyebrow] .icard-body{padding-top:0;min-height:0;}
.icard-title{color:var(--tl-white);font-weight:500;font-size:36px;letter-spacing:-.022em;line-height:1.2;padding-bottom:.12em;text-shadow:0 4px 4px rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.icard--mobile .icard-title{font-size:24px;letter-spacing:-.014em;white-space:normal;overflow:visible;text-overflow:clip;}
.tl-carousel .icard--mobile .icard-title{font-size:30px;letter-spacing:-.018em;}
.icard-desc{color:var(--tl-white);font-weight:400;font-size:20px;line-height:1.4;padding-bottom:.1em;margin-top:10px;text-shadow:0 4px 4px rgba(0,0,0,.25);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.icard--mobile .icard-desc{font-size:16px;-webkit-line-clamp:3;}
.tl-carousel .icard--mobile .icard-desc{font-size:19px;}
.icard-meta{position:relative;z-index:2;display:flex;gap:12px;margin-top:6px;font-size:15px;color:var(--tl-white);text-shadow:0 4px 4px rgba(0,0,0,.25);}
.icard-meta *{color:var(--tl-white);}
.icard-cta{display:flex;flex-wrap:wrap;gap:var(--tl-space-02);margin-top:16px;}
.icard--mobile .icard-meta{position:relative;z-index:2;display:flex;gap:12px;margin-top:6px;font-size:15px;color:var(--tl-white);text-shadow:0 4px 4px rgba(0,0,0,.25);}
.icard-meta *{color:var(--tl-white);}
.icard-cta{flex-direction:column;align-items:stretch;gap:12px;}
.tl-carousel .icard--mobile .icard-meta{position:relative;z-index:2;display:flex;gap:12px;margin-top:6px;font-size:15px;color:var(--tl-white);text-shadow:0 4px 4px rgba(0,0,0,.25);}
.icard-meta *{color:var(--tl-white);}
.icard-cta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--tl-space-02);}
.tl-carousel .icard--mobile .icard-cta .tl-btn--mobile{width:auto;}
.ct-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--tl-space-04);align-items:start;}
.ct-side{display:flex;flex-direction:column;gap:var(--tl-space-04);}
@media(max-width:860px){.ct-grid{grid-template-columns:1fr}}

/* ─────────────── Closing section (Solutions "Transform the future…" band) ─────────────── */
.tl-closing{position:relative;overflow:hidden;background:linear-gradient(150deg,#00694A 0%,#00544F 40%,#003D4C 78%,#00303D 100%);color:#ffffff;padding:104px clamp(24px,5vw,96px) 112px;font-family:var(--tl-font-sans);}
.tl-closing__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;}
.tl-closing__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 520px at 84% 10%,rgba(0,167,181,0.24),transparent 64%),radial-gradient(700px 480px at 8% 92%,rgba(236,232,26,0.1),transparent 66%);}
.tl-closing__inner{position:relative;z-index:2;max-width:920px;}
.tl-closing__title{margin:0;font-size:clamp(34px,4vw,58px);font-weight:700;line-height:1.08;letter-spacing:-0.024em;color:#ffffff;text-wrap:pretty;}
.tl-closing__text{margin:26px 0 0;max-width:72ch;font-size:clamp(17px,1.5vw,19px);font-weight:400;line-height:1.6;color:rgba(255,255,255,0.82);text-wrap:pretty;}
.tl-closing__ai{display:flex;align-items:center;gap:14px;width:100%;max-width:760px;height:72px;margin-top:42px;padding:0 8px 0 26px;border-radius:999px;background:#ffffff;box-shadow:0 1px 2px rgba(91,103,112,0.12),0 4px 12px rgba(91,103,112,0.16);}
.tl-closing__ai>i{flex:0 0 auto;font-size:26px;line-height:1;color:var(--tl-emerald);}
.tl-closing__ai input{flex:1;min-width:0;border:0;outline:0;background:transparent;text-overflow:ellipsis;font-family:inherit;font-size:18px;font-weight:400;line-height:1.4;color:var(--tl-deep-ocean);}
.tl-closing__ai button{flex:0 0 auto;height:56px;padding:0 32px;border:0;border-radius:999px;background:var(--tl-gradient-button);color:#ffffff;font-family:inherit;font-size:16px;font-weight:650;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;transition:opacity 150ms ease;}
.tl-closing__ai button:hover{opacity:0.6;}
.tl-closing__ai button:active{opacity:0.75;}
.tl-closing__cta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:40px;}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/styles.css == */
/* ════════════════════════════════════════════════════════════════
   TraceLink Design System (DLS) — global stylesheet entry point.
   Consumers link THIS one file. Import order = cascade order.
   ════════════════════════════════════════════════════════════════ */


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/styles.css <- ./tokens/fonts.css == */
/* TraceLink DLS — Webfonts
   Core family: Flama (licensed, bundled woff2/woff).
   Alternate/free: IBM Plex Sans (UI fallback / longform),
   IBM Plex Mono (annotations, tokens, code). Loaded from Google Fonts. */


@font-face{font-family:"Flama";font-weight:100;font-style:normal;font-display:swap;src:url("assets/ba004cfb-Flama-Thin.woff2") format("woff2"),url("assets/3f526bea-Flama-Thin.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:200;font-style:normal;font-display:swap;src:url("assets/7258fdc0-Flama-Ultralight.woff2") format("woff2"),url("assets/6d03ca19-Flama-Ultralight.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:300;font-style:normal;font-display:swap;src:url("assets/bfc9b07d-Flama-Light.woff2") format("woff2"),url("assets/3203e1dc-Flama-Light.woff") format("woff");}
/* Flama Book — the lighter book/regular cut. Mapped to 350. */
@font-face{font-family:"Flama Book";font-weight:400;font-style:normal;font-display:swap;src:url("assets/e251f3f4-Flama-Book.woff2") format("woff2"),url("assets/8e723019-Flama-Book.woff") format("woff");}
/* Flama Basic == the standard regular weight used for body copy. */
@font-face{font-family:"Flama";font-weight:400;font-style:normal;font-display:swap;src:url("assets/8bf34214-Flama-Basic.woff2") format("woff2"),url("assets/a7472806-Flama-Basic.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:400;font-style:italic;font-display:swap;src:url("assets/bcd9d584-Flama-BasicItalic.woff2") format("woff2"),url("assets/f04c3cb8-Flama-BasicItalic.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:500;font-style:normal;font-display:swap;src:url("assets/98099038-Flama-Medium.woff2") format("woff2"),url("assets/21282300-Flama-Medium.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:500;font-style:italic;font-display:swap;src:url("assets/b6f7fff1-Flama-MediumItalic.woff2") format("woff2"),url("assets/47ec6dfa-Flama-MediumItalic.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:600;font-style:normal;font-display:swap;src:url("assets/fce17052-Flama-Semibold.woff2") format("woff2"),url("assets/9fe2d505-Flama-Semibold.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:700;font-style:normal;font-display:swap;src:url("assets/2a90a8aa-Flama-Bold.woff2") format("woff2"),url("assets/c2c6c30d-Flama-Bold.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:800;font-style:normal;font-display:swap;src:url("assets/095fdb64-Flama-Extrabold.woff2") format("woff2"),url("assets/d0b6236a-Flama-Extrabold.woff") format("woff");}
@font-face{font-family:"Flama";font-weight:900;font-style:normal;font-display:swap;src:url("assets/6e488724-Flama-Black.woff2") format("woff2"),url("assets/3a695c35-Flama-Black.woff") format("woff");}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/styles.css <- ./tokens/colors.css == */
/* TraceLink DLS — Color tokens
   Source of truth: TraceLink Brand Style Guide 2026 (p.9) + DLS Atoms/Color frame.
   Core palette anchored in Tidal, Deep Ocean, Emerald. Cobalt/Evergreen/Cyan
   are support colors (~20% of usage). Citron is an accent only — never a
   background. Tints (60%) and pastels (10-30%) exist ONLY for interaction states. */

:root{
  /* ── Core brand palette (100%) ── */
  --tl-deep-ocean:#003D4C;   /* primary dark / trust, authority */
  --tl-emerald:#008755;      /* primary green / execution */
  --tl-tidal:#007E9E;        /* primary blue / vision */
  --tl-evergreen:#006341;    /* support / trust */
  --tl-cobalt:#005587;       /* support / precision */
  --tl-cyan:#00A7B5;         /* support / vision */
  --tl-citron:#ECE81A;       /* ACCENT ONLY — never a background */

  /* ── Interaction tints & pastels (states only) ── */
  --tl-evergreen-tint:#B3CCDB;   --tl-evergreen-pastel:#E5EDF3;
  --tl-emerald-tint:#B3DBCC;     --tl-emerald-pastel:#E5F3ED;
  --tl-cobalt-tint:#B3CCDB;      --tl-cobalt-pastel:#E5EDF3;
  --tl-citron-tint:#F4F176;      --tl-citron-pastel:#F9F8B9;
  --tl-deep-ocean-tint:#B3C5C9;  --tl-deep-ocean-pastel:#E5F3ED;
  --tl-tidal-tint:#B3D8E2;       --tl-tidal-pastel:#E5EFF3;
  --tl-cyan-tint:#B3E5E9;        --tl-cyan-pastel:#E5F6F8;

  /* ── Gradients ── */
  --tl-gradient-core:linear-gradient(115.85deg,#003D4C 0%,#006341 100%); /* @kind color */
  --tl-gradient-ocean-cobalt:linear-gradient(115.85deg,#003D4C 0%,#005587 100%); /* @kind color */
  --tl-gradient-ambient:linear-gradient(115.85deg,#D4ECEF 0%,#E5F4EE 93.83%); /* @kind color */
  --tl-gradient-button:linear-gradient(90deg,#007E9E 0%,#008755 100%); /* @kind color */
  --tl-gradient-button-hover:linear-gradient(90deg,#E5EFF3 0%,#E5F3ED 100%); /* @kind color */
  --tl-gradient-button-pressed:linear-gradient(90deg,#B3D8E2 0%,#B3DBCC 100%); /* @kind color */

  /* ── Neutrals (digital only — website & product) ── */
  --tl-white:#FFFFFF;
  --tl-gray-05:#F4F4F4;   /* lightest */
  --tl-gray-10:#E8E8E8;   /* light */
  --tl-gray-30:#BDBDBD;   /* medium-light */
  --tl-gray-50:#929292;   /* medium */
  --tl-gray-60:#7C7C7C;   /* medium-dark */
  --tl-gray-70:#666666;   /* dark */
  --tl-gray-80:#505050;   /* darkest */
  --tl-black:#252525;     /* near-black (shadows, ink) */
  /* Anthem neutrals (cool slate — product/site chrome) */
  --tl-slate-90:#323F4B;
  --tl-slate-60:#5B6770;
  --tl-slate-30:#D0D3D4;
  --tl-slate-20:#E7E9E9;
  --tl-slate-10:#F0F1F1;

  /* ── Signal / status ── */
  --tl-danger:#BE0000;    --tl-danger-pastel:#F9E5E5;
  --tl-warning:#ECE81A;   --tl-warning-pastel:#F9F8B9;
  --tl-success:#008755;   --tl-success-pastel:#E5F3ED;
  --tl-info:#007E9E;      --tl-info-pastel:#E5EDF3;

  /* ── Semantic aliases (product surfaces) ── */
  --tl-brand:var(--tl-emerald);
  --tl-brand-strong:var(--tl-evergreen);
  --tl-ink:var(--tl-deep-ocean);
  --tl-text-primary:var(--tl-slate-90);
  --tl-text-secondary:var(--tl-slate-60);
  --tl-text-muted:var(--tl-gray-60);
  --tl-text-on-dark:var(--tl-white);
  --tl-text-link:var(--tl-tidal);
  --tl-surface:var(--tl-white);
  --tl-surface-subtle:var(--tl-gray-05);
  --tl-surface-sunken:var(--tl-slate-10);
  --tl-surface-dark:var(--tl-deep-ocean);
  --tl-border:var(--tl-slate-30);
  --tl-border-subtle:var(--tl-slate-20);
  --tl-border-strong:var(--tl-gray-30);
  --tl-scrim:rgba(0,61,76,0.8);       /* Deep Ocean @80% */
  --tl-scrim-ink:rgba(34,43,51,0.8);
  --tl-focus-ring:var(--tl-tidal);
}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/styles.css <- ./tokens/typography.css == */
/* TraceLink DLS — Typography tokens
   Core family: Flama. Longform body + UI fallback: IBM Plex Sans.
   Annotations / tokens / code: IBM Plex Mono.
   Desktop scale = 1.250 Major Third; Mobile = 1.175. Anchors from DLS Atoms/Typography. */

:root{
  --tl-font-sans:"Flama","IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; /* @kind font */
  --tl-font-book:"Flama Book","Flama","IBM Plex Sans",sans-serif; /* @kind font */
  /* Legacy alias — now resolves to IBM Plex Sans. */
  --tl-font-serif:"IBM Plex Sans",-apple-system,"Segoe UI",Arial,sans-serif; /* @kind font */
  --tl-font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace; /* @kind font */

  /* Weights */
  --tl-weight-light:300;    /* @kind font */
  --tl-weight-regular:400;  /* @kind font */
  --tl-weight-medium:500;   /* @kind font */
  --tl-weight-semibold:600; /* @kind font */
  --tl-weight-bold:700;     /* @kind font */

  /* ── Desktop type scale (font-size) ── */
  --tl-display:64px;   /* @kind font */
  --tl-h1:44px;        /* @kind font */
  --tl-h2:36px;        /* @kind font */
  --tl-h3:28px;        /* @kind font */
  --tl-h4:24px;        /* @kind font */
  --tl-h5:20px;        /* @kind font */
  --tl-eyebrow-l:20px; /* @kind font */
  --tl-eyebrow-s:16px; /* @kind font */
  --tl-body-display:22px; /* @kind font */
  --tl-body-base:16px; /* @kind font */
  --tl-body-s:14px;    /* @kind font */
  --tl-body-xs:13px;   /* @kind font */
  --tl-body-xxs:12px;  /* @kind font */
  --tl-mono-s:12px;    /* @kind font */
  --tl-mono-m:14px;    /* @kind font */
  --tl-link:16px;      /* @kind font */

  /* ── Line heights ── */
  --tl-display-lh:1.15; /* @kind other */
  --tl-h1-lh:1.15;      /* @kind other */
  --tl-h2-lh:1.2;       /* @kind other */
  --tl-h3-lh:1.25;      /* @kind other */
  --tl-h4-lh:1.3;       /* @kind other */
  --tl-h5-lh:1.4;       /* @kind other */
  --tl-body-display-lh:1.4; /* @kind other */
  --tl-body-base-lh:1.8;    /* @kind other */
  --tl-body-s-lh:1.6;       /* @kind other */
  --tl-body-xs-lh:1.4;      /* @kind other */
  --tl-body-xxs-lh:1.6;     /* @kind other */

  /* ── Letter spacing ── */
  --tl-display-ls:-0.02em;  /* @kind other */
  --tl-h1-ls:-0.01em;       /* @kind other */
  --tl-h2-ls:-0.01em;       /* @kind other */
  --tl-h3-ls:0;             /* @kind other */
  --tl-h4-ls:0;             /* @kind other */
  --tl-h5-ls:0;             /* @kind other */
  --tl-eyebrow-l-ls:0.12em; /* @kind other */
  --tl-eyebrow-s-ls:0.18em; /* @kind other */
  --tl-mono-s-ls:0.04em;    /* @kind other */
  --tl-button-ls:0.12em;    /* @kind other */

  --tl-link-weight:500; /* @kind font */
}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/styles.css <- ./tokens/spacing.css == */
/* TraceLink DLS — Spacing, radius & sizing tokens
   Base: 8-Point System (from Figma Variables "Primitives" / "Tokens").
   Values transcribed exactly. See tokens/fig-tokens.css for the raw Figma map. */

:root{
  /* Top nav */
  --tl-topnav-height:96px;

  /* Carousel layout */
  --tl-carousel-gap:20px;
  --tl-carousel-per-view:2.5; /* @kind other */

  /* 8-point spacing scale (px) */
  --tl-space-0:0;
  --tl-space-half:4px;   /* 0.5× */
  --tl-space-01:8px;
  --tl-space-02:16px;
  --tl-space-03:24px;
  --tl-space-04:32px;
  --tl-space-05:40px;
  --tl-space-06:48px;
  --tl-space-07:56px;
  --tl-space-08:64px;
  --tl-space-09:72px;
  --tl-space-10:80px;
  --tl-space-11:88px;
  --tl-space-12:96px;
  --tl-space-13:104px;
  --tl-space-16:128px;

  /* Corner radii (from DLS radius tokens) */
  --tl-radius-00:0;
  --tl-radius-xs:4px;
  --tl-radius-sm:8px;
  --tl-radius-md:16px;
  --tl-radius-lg:32px;
  --tl-radius-full:360px;   /* pill */

  /* Layout */
  --tl-container-max:1440px;
  --tl-gutter:24px;
  --tl-breakpoint-mobile:480px;
  --tl-breakpoint-tablet:768px;
  --tl-breakpoint-desktop:1024px;
  --tl-breakpoint-wide:1440px;

  /* Borders */
  --tl-border-width:1px;
  --tl-border-width-thick:2px;
}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/styles.css <- ./tokens/elevation.css == */
/* TraceLink DLS — Elevation & effects
   Shadow specs transcribed exactly from DLS Atoms/Elevation. Ink color #252525. */

:root{
  /* Elevation -01 — inner shadow, tertiary/inset elements */
  --tl-elevation-inset:inset 0 2px 6px 0 rgba(37,37,37,0.25);
  /* Elevation 01 — supporting content */
  --tl-elevation-01:0 1px 3px 0 rgba(37,37,37,0.20);
  /* Elevation 02 — floating UI elements */
  --tl-elevation-02:0 4px 8px 0 rgba(37,37,37,0.20);
  /* Elevation 03 — article header container (pairs with 20px backdrop blur) */
  --tl-elevation-03:0 8px 16px 0 rgba(37,37,37,0.20);
  /* Elevation 04 (desktop) — modals */
  --tl-elevation-04:inset 0 0 0 0.5px #E8E8E8, 0 24px 32px 0 rgba(37,37,37,0.30);
  /* Elevation 04 (mobile) — bottom sheets */
  --tl-elevation-04-mobile:inset 0 0 0 1px #E8E8E8, 0 -4px 32px 0 rgba(37,37,37,0.40);

  /* Backdrop blur used with elevation-03 glass surfaces */
  --tl-blur-glass:20px; /* @kind other */

  /* Card default (subtle border + soft lift) */
  --tl-card-shadow:0 1px 3px 0 rgba(37,37,37,0.20);

  /* Site-page card stroke + flat lift (About "Do More" / values cards) */
  --tl-card-border:#E7E9E9; /* @kind color */
  --tl-card-shadow-soft:0 1px 4px 0 rgba(37,37,37,0.06);
}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/styles.css <- ./tokens/fig-tokens.css == */
/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --8-point-grid-system-13: 104; /* @kind spacing */
  --8-point-system-10: 80; /* @kind spacing */
  --8-point-system-11: 88; /* @kind spacing */
  --8-point-system-12: 96; /* @kind spacing */
  --8-point-system-16: 128; /* @kind spacing */
  --8-point-system-1: 8; /* @kind spacing */
  --8-point-system-2: 16; /* @kind spacing */
  --8-point-system-3: 24; /* @kind spacing */
  --8-point-system-45: 360; /* @kind spacing */
  --8-point-system-4: 32; /* @kind spacing */
  --8-point-system-5: 40; /* @kind spacing */
  --8-point-system-6: 48; /* @kind spacing */
  --8-point-system-7: 56; /* @kind spacing */
  --8-point-system-8: 64; /* @kind spacing */
  --8-point-system-9: 72; /* @kind spacing */
  --8-point-system-half: 4; /* @kind spacing */
  --new: 12; /* @kind spacing */
  --radius-radius-00: 0;
  --radius-radius-full: var(--8-point-system-45);
  --radius-radius-lg: var(--8-point-system-4);
  --radius-radius-md: var(--8-point-system-2);
  --radius-radius-sm: var(--8-point-system-1);
  --radius-radius-xs: var(--8-point-system-half);
  --spacing-spacing-00: 0;
  --spacing-spacing-01: var(--8-point-system-1);
  --spacing-spacing-02: var(--8-point-system-2);
  --spacing-spacing-03: var(--8-point-system-3);
  --spacing-spacing-04: var(--8-point-system-4);
  --spacing-spacing-06: var(--8-point-system-6);
  --spacing-spacing-08: var(--8-point-system-8);
  --spacing-spacing-09: var(--8-point-system-9);
  --spacing-spacing-12: var(--8-point-system-12);
  --spacing-spacing-half: var(--8-point-system-half);
}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/styles.css <- ./tokens/components.css == */
/* ════════════════════════════════════════════════════════════════
   TraceLink DLS — Component styles
   Class-based rules for the reusable primitives (hover/focus/active
   states that inline styles can't express). Values transcribed from
   the DLS Figma kit. Consumed via styles.css.
   ════════════════════════════════════════════════════════════════ */

/* ─────────────── Button ─────────────── */
.tl-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  height:48px;padding:0 24px;border:0;border-radius:var(--tl-radius-full);
  font-family:var(--tl-font-sans);font-weight:600;font-size:14px;line-height:1.4;
  letter-spacing:var(--tl-button-ls);text-transform:uppercase;text-decoration:none;
  cursor:pointer;transition:background .15s ease,box-shadow .15s ease,color .15s ease,transform .05s ease;
  white-space:nowrap;-webkit-appearance:none;appearance:none;
}
.tl-btn--sm{height:40px;padding:0 20px;font-size:13px;}
.tl-btn--mobile{width:100%;}
.tl-btn .tl-btn__icon{font-size:20px;display:inline-flex;}
.tl-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tl-white),0 0 0 4px var(--tl-tidal);}
.tl-btn,.tl-btn:hover,.tl-btn:active,.tl-btn:focus{text-decoration:none;}
.tl-btn:active{transform:translateY(0.5px);}
.tl-btn[disabled],.tl-btn.is-disabled{cursor:not-allowed;opacity:1;}

/* Primary — Emerald→Evergreen gradient pill */
.tl-btn--primary{background:var(--tl-gradient-button);color:var(--tl-white);}
.tl-btn--primary:hover{opacity:.6;color:var(--tl-white);}
.tl-btn--primary:active{opacity:.75;background:var(--tl-gradient-button);color:var(--tl-white);}
.tl-btn--primary[disabled],.tl-btn--primary.is-disabled{background:var(--tl-gray-30);color:var(--tl-white);}

/* Secondary — Tidal ring + Tidal→Emerald gradient text */
.tl-btn--secondary{color:var(--tl-tidal);border:1.5px solid transparent;background:linear-gradient(var(--tl-white),var(--tl-white)) padding-box,var(--tl-gradient-button) border-box;}
.tl-btn--secondary:not(.tl-btn--dark)>span{background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-btn--secondary:not(.tl-btn--dark) i::before{background-image:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-btn--secondary:hover{background:linear-gradient(120deg,rgba(0,126,158,.10),rgba(0,135,85,.10)) padding-box,linear-gradient(var(--tl-white),var(--tl-white)) padding-box,var(--tl-gradient-button) border-box;}
.tl-btn--secondary:active{background:linear-gradient(120deg,rgba(0,126,158,.18),rgba(0,135,85,.18)) padding-box,linear-gradient(var(--tl-white),var(--tl-white)) padding-box,var(--tl-gradient-button) border-box;}
.tl-btn--secondary[disabled],.tl-btn--secondary.is-disabled{color:var(--tl-gray-30);border:1.5px solid var(--tl-gray-30);background:transparent;}
.tl-btn--secondary[disabled]>span,.tl-btn--secondary.is-disabled>span{color:var(--tl-gray-30);}
.tl-btn--secondary[disabled]>span,.tl-btn--secondary.is-disabled>span{background:none;color:var(--tl-gray-30);}

/* Tertiary — text only, gradient text */
.tl-btn--tertiary{background:transparent;color:var(--tl-emerald);}
.tl-btn--tertiary:not(.tl-btn--dark)>span{background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-btn--tertiary:hover{background:linear-gradient(90deg,rgba(0,126,158,.10),rgba(0,135,85,.10));}
.tl-btn--tertiary:active{background:linear-gradient(90deg,rgba(0,126,158,.18),rgba(0,135,85,.18));}
.tl-btn--tertiary[disabled],.tl-btn--tertiary.is-disabled{color:var(--tl-gray-30);}
.tl-btn--tertiary[disabled]>span,.tl-btn--tertiary.is-disabled>span{background:none;color:var(--tl-gray-30);}

/* Dark-background variants */
.tl-btn--dark.tl-btn--secondary{color:var(--tl-white);border:0;background:transparent;box-shadow:inset 0 0 0 1.5px var(--tl-white);}
.tl-btn--dark.tl-btn--secondary:hover{background:rgba(255,255,255,0.12);}
.tl-btn--dark.tl-btn--tertiary{color:var(--tl-white);}
.tl-btn--dark.tl-btn--tertiary:hover{background:rgba(255,255,255,.15);color:var(--tl-white);}
.tl-btn--dark.tl-btn--tertiary:active{background:rgba(255,255,255,.25);}
.tl-btn--dark.tl-btn--tertiary:hover{color:var(--tl-white);}

.tl-btn.is-loading{color:transparent;position:relative;pointer-events:none;}
.tl-btn.is-loading::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:tl-spin .7s linear infinite;color:var(--tl-white);}
.tl-btn--secondary.is-loading::after,.tl-btn--tertiary.is-loading::after{color:var(--tl-tidal);}
@keyframes tl-spin{to{transform:rotate(360deg)}}

/* ─────────────── Icon button ─────────────── */
.tl-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:var(--tl-radius-full);background:transparent;color:var(--tl-deep-ocean);font-size:24px;cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-appearance:none;appearance:none;}
.tl-icon-btn:hover{background:linear-gradient(90deg,rgba(0,126,158,.10),rgba(0,135,85,.10));color:var(--tl-evergreen);}
.tl-icon-btn:active{background:linear-gradient(90deg,rgba(0,126,158,.18),rgba(0,135,85,.18));}
.tl-icon-btn:not(.tl-icon-btn--solid) i::before{background-image:var(--tl-gradient-button);}
.tl-icon-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tl-white),0 0 0 4px var(--tl-tidal);}
.tl-icon-btn--sm{width:40px;height:40px;font-size:20px;}
.tl-icon-btn--solid{background:var(--tl-gradient-button);color:var(--tl-white);}
.tl-icon-btn--solid:hover{background:var(--tl-gradient-button);color:var(--tl-white);opacity:.6;}
.tl-icon-btn--solid:active{opacity:.6;}

/* ─────────────── Input / Select ─────────────── */
.tl-field{display:flex;flex-direction:column;gap:6px;font-family:var(--tl-font-sans);}
.tl-field__label{font-size:14px;font-weight:600;color:var(--tl-text-primary);}
.tl-field__label .tl-req{color:var(--tl-danger);margin-left:2px;}
.tl-input-wrap{display:flex;align-items:center;gap:8px;height:48px;padding:0 20px;background:var(--tl-white);border:1px solid transparent;border-radius:var(--tl-radius-full);box-shadow:0 1px 2px rgba(91,103,112,.12),0 4px 12px rgba(91,103,112,.16);transition:border-color .15s ease,box-shadow .15s ease;}
.tl-input-wrap:hover{box-shadow:0 2px 4px rgba(91,103,112,.16),0 6px 18px rgba(91,103,112,.20);}
.tl-input-wrap:focus-within{border-color:transparent;box-shadow:-6px 2px 14px rgba(0,126,158,.45),6px 2px 14px rgba(0,135,85,.45),0 2px 6px rgba(91,103,112,.10);}
.tl-input-wrap .tl-input-wrap__icon{color:var(--tl-gray-60);font-size:20px;display:inline-flex;}
.tl-input{flex:1;border:0;outline:none;background:transparent;font-family:inherit;font-size:16px;color:var(--tl-text-primary);min-width:0;}
.tl-input::placeholder{color:var(--tl-gray-50);}
.tl-input-wrap.is-error{background:#F9E5E5;border-color:transparent;}
.tl-input-wrap.is-error:focus-within{border-color:transparent;box-shadow:0 0 0 3px rgba(190,0,0,0.12),0 4px 12px rgba(91,103,112,.16);}
.tl-input-wrap.is-disabled{background:var(--tl-gray-05);border-color:transparent;box-shadow:none;cursor:not-allowed;}
.tl-input-wrap.is-disabled .tl-input{color:var(--tl-gray-50);}
.tl-field__hint{font-size:13px;color:var(--tl-text-secondary);}
.tl-field__hint.is-error{color:var(--tl-danger);}
.tl-select{position:relative;}
.tl-select select{-webkit-appearance:none;appearance:none;width:100%;height:48px;padding:0 44px 0 20px;background:var(--tl-white);border:1px solid transparent;border-radius:var(--tl-radius-full);box-shadow:0 1px 2px rgba(91,103,112,.12),0 4px 12px rgba(91,103,112,.16);font-family:var(--tl-font-sans);font-size:16px;color:var(--tl-text-primary);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;}
.tl-select select:hover{box-shadow:0 2px 4px rgba(91,103,112,.16),0 6px 18px rgba(91,103,112,.20);}
.tl-select select:focus{outline:none;border-color:transparent;box-shadow:-6px 2px 14px rgba(0,126,158,.45),6px 2px 14px rgba(0,135,85,.45),0 2px 6px rgba(91,103,112,.10);}
.tl-select__chev{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--tl-gray-60);font-size:20px;display:inline-flex;}

/* ─────────────── Checkbox / Radio / Switch ─────────────── */
.tl-choice{display:inline-flex;align-items:center;gap:10px;font-family:var(--tl-font-sans);font-size:16px;color:var(--tl-text-primary);cursor:pointer;user-select:none;}
.tl-choice input{position:absolute;opacity:0;width:0;height:0;}
.tl-choice__box{width:20px;height:20px;flex-shrink:0;border:1.5px solid var(--tl-gray-60);border-radius:var(--tl-radius-xs);background:var(--tl-white);display:inline-flex;align-items:center;justify-content:center;color:var(--tl-white);transition:background .12s ease,border-color .12s ease;}
.tl-choice__box svg{width:14px;height:14px;opacity:0;}
.tl-choice input:checked+.tl-choice__box{background:var(--tl-gradient-button);border-color:transparent;}
.tl-choice input:checked+.tl-choice__box svg{opacity:1;}
.tl-choice input:focus-visible+.tl-choice__box{box-shadow:0 0 0 3px rgba(0,126,158,0.25);}
.tl-choice:hover .tl-choice__box{border-color:var(--tl-tidal);}
.tl-choice--radio .tl-choice__box{border-radius:var(--tl-radius-full);}
.tl-choice--radio .tl-choice__dot{width:10px;height:10px;border-radius:50%;background:var(--tl-white);transform:scale(0);transition:transform .12s ease;}
.tl-choice--radio input:checked+.tl-choice__box .tl-choice__dot{transform:scale(1);}
.tl-choice.is-disabled{cursor:not-allowed;color:var(--tl-gray-50);}
.tl-choice.is-disabled .tl-choice__box{border-color:var(--tl-border);background:var(--tl-gray-05);}
.tl-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--tl-font-sans);font-size:16px;}
.tl-switch input{position:absolute;opacity:0;width:0;height:0;}
.tl-switch__track{width:40px;height:22px;border-radius:var(--tl-radius-full);background:var(--tl-gray-30);transition:background .15s ease;position:relative;flex-shrink:0;}
.tl-switch__track::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--tl-white);box-shadow:0 1px 3px rgba(37,37,37,0.3);transition:transform .15s ease;}
.tl-switch input:checked+.tl-switch__track{background:var(--tl-gradient-button);}
.tl-switch input:checked+.tl-switch__track::after{transform:translateX(18px);}
.tl-switch input:focus-visible+.tl-switch__track{box-shadow:0 0 0 3px rgba(0,126,158,0.25);}

/* ─────────────── Link ─────────────── */
.tl-link{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;color:transparent;font-family:var(--tl-font-sans);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:opacity .15s ease;cursor:pointer;}
.tl-link:hover{color:transparent;opacity:.6;text-decoration:underline;text-decoration-color:var(--tl-emerald);text-underline-offset:2px;}
.tl-link:active{color:transparent;opacity:.75;}
.tl-link--inline{text-decoration:underline;text-underline-offset:2px;}
.tl-link--dark{background:linear-gradient(90deg,var(--tl-cyan),var(--tl-citron));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-link--dark:hover{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-white);opacity:1;}

/* ─────────────── Tags / Badges / Chips ─────────────── */
.tl-tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--tl-radius-full);background:var(--tl-slate-10);color:var(--tl-slate-90);font-family:var(--tl-font-sans);font-size:13px;font-weight:500;white-space:nowrap;}
.tl-tag--brand{background:var(--tl-emerald-pastel);color:var(--tl-evergreen);}
.tl-tag--ocean{background:var(--tl-deep-ocean);color:var(--tl-white);}
.tl-badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:var(--tl-radius-full);font-family:var(--tl-font-sans);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;}
.tl-badge--success{background:var(--tl-success-pastel);color:var(--tl-emerald);}
.tl-badge--info{background:var(--tl-info-pastel);color:var(--tl-cobalt);}
.tl-badge--warning{background:var(--tl-citron-pastel);color:var(--tl-slate-90);}
.tl-badge--danger{background:var(--tl-danger-pastel);color:var(--tl-danger);}
.tl-badge--neutral{background:var(--tl-slate-10);color:var(--tl-slate-60);}
.tl-filter-tag{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 16px;border-radius:8px;border:1px solid transparent;background:var(--tl-white);box-shadow:0 1px 2px rgba(91,103,112,.12),0 4px 12px rgba(91,103,112,.16);color:var(--tl-text-primary);font-family:var(--tl-font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;}
.tl-filter-tag{transition:background .15s ease,box-shadow .15s ease,color .15s ease;}
.tl-filter-tag:hover{background:var(--tl-white);color:var(--tl-deep-ocean);box-shadow:0 2px 4px rgba(91,103,112,.16),0 6px 18px rgba(91,103,112,.20);}
.tl-filter-tag:active{background:var(--tl-white);box-shadow:0 1px 2px rgba(91,103,112,.14),0 2px 6px rgba(91,103,112,.16);}
.tl-filter-tag.is-selected{background:var(--tl-emerald-pastel);border-color:transparent;color:var(--tl-evergreen);box-shadow:0 1px 2px rgba(91,103,112,.12),0 4px 12px rgba(91,103,112,.16);}
.tl-filter-tag.is-selected:hover{background:var(--tl-emerald-pastel);filter:brightness(.97);box-shadow:0 2px 4px rgba(91,103,112,.16),0 6px 18px rgba(91,103,112,.20);}
.tl-filter-tag .tl-filter-tag__x{font-size:16px;display:inline-flex;}

/* ─────────────── Alert ─────────────── */
.tl-alert{display:flex;gap:16px;padding:16px 20px;border-radius:16px;font-family:var(--tl-font-sans);border:0;background:var(--tl-white);box-shadow:none;align-items:flex-start;}
.tl-alert__icon{font-size:24px;flex-shrink:0;line-height:1;margin-top:1px;}
.tl-alert__body{display:flex;flex-direction:column;gap:4px;}
.tl-alert__title{font-weight:500;font-size:16px;line-height:1.4;color:var(--tl-text-primary);}
.tl-alert__msg{font-size:14px;line-height:1.65;color:var(--tl-text-secondary);}
.tl-alert--info{background:var(--tl-info-pastel);}
.tl-alert--info .tl-alert__icon{color:var(--tl-cobalt);}
.tl-alert--success{background:var(--tl-success-pastel);}
.tl-alert--success .tl-alert__icon{color:var(--tl-emerald);}
.tl-alert--warning{background:var(--tl-citron-pastel);}
.tl-alert--warning .tl-alert__icon{color:var(--tl-slate-90);}
.tl-alert--danger{background:var(--tl-danger-pastel);}
.tl-alert--danger .tl-alert__icon{color:var(--tl-danger);}

/* ─────────────── Breadcrumb ─────────────── */
.tl-breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--tl-font-sans);font-size:14px;flex-wrap:wrap;}
.tl-breadcrumb a{color:var(--tl-text-secondary);text-decoration:none;font-weight:500;}
.tl-breadcrumb a:hover{color:var(--tl-evergreen);text-decoration:underline;}
.tl-breadcrumb__sep{color:var(--tl-gray-30);font-size:16px;display:inline-flex;}
.tl-breadcrumb__current{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-weight:600;background:linear-gradient(90deg,rgba(0,126,158,.1),rgba(0,135,85,.1));-webkit-background-clip:border-box;}
.tl-breadcrumb__current>span{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ─────────────── Pagination ─────────────── */
.tl-pagination-block{display:flex;flex-direction:column;gap:24px;font-family:var(--tl-font-sans);}
.tl-pagination{display:inline-flex;align-items:center;gap:8px;font-family:var(--tl-font-sans);}
.tl-pagebtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--tl-card-border);background:var(--tl-white);border-radius:var(--tl-radius-sm);color:var(--tl-text-primary);font-size:16px;font-weight:600;cursor:pointer;box-shadow:var(--tl-card-shadow-soft);transition:background .12s ease,color .12s ease,border-color .12s ease;}
.tl-pagebtn:hover{background:linear-gradient(140deg,rgba(0,126,158,.10),rgba(0,135,85,.10));color:var(--tl-deep-ocean);}
.tl-pagebtn:active{background:linear-gradient(140deg,rgba(0,126,158,.18),rgba(0,135,85,.18));}
.tl-pagebtn:focus-visible{outline:2px solid var(--tl-tidal);outline-offset:2px;}
.tl-pagebtn.is-active{background:var(--tl-gradient-button);border-color:transparent;color:var(--tl-white);}
.tl-pagebtn.is-active:hover{opacity:.6;color:var(--tl-white);}
.tl-pagebtn.is-active:active{opacity:.75;}
.tl-pagebtn[disabled],.tl-pagebtn[disabled]:hover{color:var(--tl-white);cursor:not-allowed;background:var(--tl-gray-30);border-color:transparent;}
.tl-pagebtn--nav{font-size:18px;color:var(--tl-gray-60);}
.tl-pagebtn--gap,.tl-pagebtn--gap:hover{border:1px solid var(--tl-card-border);background:var(--tl-white);box-shadow:var(--tl-card-shadow-soft);cursor:default;color:var(--tl-text-primary);letter-spacing:.06em;}
.tl-pagination__foot{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.tl-pagination__results{font-size:17px;font-weight:600;color:var(--tl-text-primary);}
.tl-pagination__per{position:relative;display:inline-flex;align-items:center;}
.tl-pagination__per select{-webkit-appearance:none;appearance:none;height:44px;padding:0 46px 0 22px;border:1px solid var(--tl-card-border);box-shadow:var(--tl-card-shadow-soft);border-radius:var(--tl-radius-md);background:var(--tl-white);font-family:var(--tl-font-sans);font-size:17px;font-weight:600;color:var(--tl-text-primary);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease;}
.tl-pagination__per select:hover{background:linear-gradient(140deg,rgba(0,126,158,.10),rgba(0,135,85,.10));color:var(--tl-deep-ocean);}
.tl-pagination__per select:active,.tl-pagination__per select:focus{background:linear-gradient(140deg,rgba(0,126,158,.18),rgba(0,135,85,.18));color:var(--tl-deep-ocean);outline:none;}
.tl-pagination__per:hover>i,.tl-pagination__per:focus-within>i{color:var(--tl-deep-ocean)!important;}
.tl-pagination__per>i{position:absolute;right:18px;pointer-events:none;}

/* ─────────────── Tabs ─────────────── */
/* Folder tabs: the active tab shares the panel surface so both read as one card. */
.tl-tabs-block{border-radius:12px;background:transparent;font-family:var(--tl-font-sans);}
.tl-tabs-block:not(.tl-tabs-block--dark){filter:drop-shadow(0 2px 8px rgba(91,103,112,.28));}
.tl-tabs{display:flex;gap:2px;}
.tl-tab{appearance:none;border:0;background:transparent;font-family:inherit;font-size:16px;font-weight:500;line-height:1;color:var(--tl-text-secondary);padding:16px 22px 15px;border-radius:10px 10px 0 0;cursor:pointer;transition:background 160ms ease,color 160ms ease;}
.tl-tab:hover{color:var(--tl-deep-ocean);background:rgba(0,61,76,0.05);}
.tl-tab.is-active{background:#F4F8F8;color:var(--tl-deep-ocean);font-weight:650;}
.tl-tab:focus-visible{outline:2px solid var(--tl-tidal);outline-offset:-3px;}
.tl-tabs__panel{background:#F4F8F8;border-radius:12px;overflow:hidden;}
.tl-tabs-block.is-first .tl-tabs__panel{border-top-left-radius:0;}
/* Dark shell */
.tl-tabs-block--dark{background:transparent;}
.tl-tabs-block--dark .tl-tab{color:rgba(255,255,255,0.78);}
.tl-tabs-block--dark .tl-tab:hover{color:var(--tl-white);background:rgba(255,255,255,0.08);}
.tl-tabs-block--dark .tl-tab.is-active{background:rgba(255,255,255,0.07);color:var(--tl-white);}
.tl-tabs-block--dark .tl-tab:focus-visible{outline-color:var(--tl-citron);}
.tl-tabs-block--dark .tl-tabs__panel{background:rgba(255,255,255,0.07);}

/* ─────────────── Accordion ─────────────── */
.tl-accordion{border-bottom:1px solid var(--tl-border);font-family:var(--tl-font-sans);}
.tl-accordion__head{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:22px 24px 22px 4px;margin:0 -4px;border:0;background:transparent;cursor:pointer;text-align:left;color:var(--tl-deep-ocean);font-size:16px;font-weight:500;line-height:1.5;border-radius:12px;transition:background .15s ease;}
.tl-accordion__head:hover{color:var(--tl-deep-ocean);background:rgba(0,61,76,.04);}
.tl-accordion__head:active{background:rgba(0,61,76,.07);}
.tl-accordion__chev{font-size:24px;transition:transform .3s cubic-bezier(.2,0,0,1);flex-shrink:0;color:var(--tl-text-secondary);display:inline-flex;}
.tl-accordion.is-open .tl-accordion__head{font-weight:500;}
.tl-accordion.is-open .tl-accordion__chev{transform:rotate(180deg);color:var(--tl-deep-ocean);}
.tl-accordion__panel{overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.2,0,0,1);}
.tl-accordion.is-open .tl-accordion__panel{max-height:600px;}
.tl-accordion__inner{padding:0 48px 24px 4px;font-size:14px;line-height:1.65;color:var(--tl-text-secondary);}

/* ─────────────── Card ─────────────── */
.tl-card{display:flex;flex-direction:column;background:var(--tl-white);border:1px solid var(--tl-border-subtle);border-radius:var(--tl-radius-md);overflow:hidden;font-family:var(--tl-font-sans);box-shadow:var(--tl-card-shadow);transition:box-shadow .18s ease,transform .18s ease;}
.tl-card--interactive{cursor:pointer;}
.tl-card--interactive:hover{box-shadow:var(--tl-elevation-02);transform:translateY(-2px);}
.tl-card__media{aspect-ratio:16/9;background:var(--tl-slate-10);overflow:hidden;position:relative;}
.tl-card__media img{width:100%;height:100%;object-fit:cover;display:block;}
.tl-card__body{display:flex;flex-direction:column;gap:8px;padding:24px;}
.tl-card__eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-emerald);}
.tl-card__title{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--tl-deep-ocean);line-height:1.3;}
.tl-card__text{font-size:15px;line-height:1.7;letter-spacing:-.003em;color:var(--tl-text-secondary);}
.tl-card__meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:13px;color:var(--tl-text-muted);}

/* ─────────────── Search ─────────────── */
.tl-search{display:flex;align-items:center;gap:10px;height:48px;padding:0 20px;background:var(--tl-white);border:1px solid transparent;border-radius:var(--tl-radius-full);box-shadow:0 1px 2px rgba(91,103,112,.12),0 4px 12px rgba(91,103,112,.16);transition:border-color .15s ease,box-shadow .15s ease;}
.tl-search:hover{box-shadow:0 2px 4px rgba(91,103,112,.16),0 6px 18px rgba(91,103,112,.20);}
.tl-search:focus-within{border-color:transparent;box-shadow:-6px 2px 14px rgba(0,126,158,.45),6px 2px 14px rgba(0,135,85,.45),0 2px 6px rgba(91,103,112,.10);}
.tl-search__icon{color:var(--tl-gray-60);font-size:20px;display:inline-flex;}
.tl-search input{flex:1;border:0;outline:none;background:transparent;font-family:var(--tl-font-sans);font-size:16px;color:var(--tl-text-primary);min-width:0;}
.tl-search input::placeholder{color:var(--tl-gray-50);}
.tl-search input::-webkit-search-cancel-button,.tl-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none;}
.tl-search__clear{border:0;background:transparent;color:var(--tl-gray-60);font-size:18px;cursor:pointer;display:inline-flex;}
.tl-search__clear:hover{color:var(--tl-deep-ocean);}

/* ─────────────── Tooltip ─────────────── */
.tl-tooltip{position:relative;display:inline-flex;}
.tl-tooltip__bubble{position:absolute;z-index:30;background:var(--tl-gradient-button);color:var(--tl-white);font-family:var(--tl-font-sans);font-size:13px;line-height:1.4;padding:8px 12px;border-radius:var(--tl-radius-sm);white-space:nowrap;box-shadow:var(--tl-elevation-02);opacity:0;pointer-events:none;transition:opacity .14s ease;}
.tl-tooltip:hover .tl-tooltip__bubble,.tl-tooltip:focus-within .tl-tooltip__bubble{opacity:1;}
.tl-tooltip__bubble::after{content:"";position:absolute;width:8px;height:8px;background:var(--tl-gradient-button);transform:rotate(45deg);}
.tl-tooltip__bubble[data-side="top"]{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);}
.tl-tooltip__bubble[data-side="top"]::after{bottom:-4px;left:50%;margin-left:-4px;}
.tl-tooltip__bubble[data-side="bottom"]{top:calc(100% + 8px);left:50%;transform:translateX(-50%);}
.tl-tooltip__bubble[data-side="bottom"]::after{top:-4px;left:50%;margin-left:-4px;}

/* ─────────────── Dialog / Modal ─────────────── */
.tl-dialog-overlay{position:fixed;inset:0;background:linear-gradient(135deg,var(--tl-deep-ocean),var(--tl-evergreen));display:flex;align-items:center;justify-content:center;padding:24px;z-index:100;}
.tl-dialog{background:var(--tl-white);border-radius:var(--tl-radius-md);box-shadow:var(--tl-elevation-04);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;font-family:var(--tl-font-sans);overflow:hidden;}
.tl-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 0;}
.tl-dialog__title{font-size:24px;font-weight:600;letter-spacing:-.014em;color:var(--tl-deep-ocean);}
.tl-dialog__close{border:0;background:transparent;color:var(--tl-gray-60);cursor:pointer;display:inline-flex;font-size:24px;}
.tl-dialog__close:hover{color:var(--tl-deep-ocean);}
.tl-dialog__body{padding:16px 24px 24px;overflow:auto;color:var(--tl-text-secondary);font-size:15px;line-height:1.7;letter-spacing:-.003em;}
.tl-dialog__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:var(--tl-white);}

/* ─────────────── Menu / Dropdown ─────────────── */
.tl-menu{background:var(--tl-white);border:1px solid var(--tl-border-subtle);border-radius:var(--tl-radius-sm);box-shadow:var(--tl-elevation-02);padding:6px;min-width:200px;font-family:var(--tl-font-sans);display:inline-flex;flex-direction:column;gap:2px;}
.tl-menu__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;background:transparent;border-radius:var(--tl-radius-xs);font-size:15px;color:var(--tl-text-primary);cursor:pointer;text-align:left;width:100%;transition:background .12s ease,color .12s ease;}
.tl-menu__item:hover{background:linear-gradient(90deg,rgba(0,126,158,.1),rgba(0,135,85,.1));color:var(--tl-tidal);}
.tl-menu__item:hover>span{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-menu__item:hover>svg,.tl-menu__item:hover>i{color:var(--tl-tidal) !important;}
.tl-menu__item.is-active{background:var(--tl-deep-ocean);color:var(--tl-white);}
.tl-menu__item.is-danger{color:var(--tl-danger);}
.tl-menu__item.is-danger:hover{background:var(--tl-danger-pastel);}
.tl-menu__sep{height:1px;background:var(--tl-border-subtle);margin:4px 0;}

/* ─────────────── Sidebar / TOC ─────────────── */
.tl-sidebar{display:flex;flex-direction:column;gap:4px;font-family:var(--tl-font-sans);width:260px;}
.tl-sidebar__title{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--tl-deep-ocean);padding:0 16px 12px;}
.tl-sidebar__link{display:flex;align-items:center;gap:12px;height:52px;padding:0 20px;border-radius:999px;color:var(--tl-text-secondary);text-decoration:none;font-size:15px;font-weight:500;border:0;transition:background .15s ease,color .15s ease;}
.tl-sidebar__link:hover{background:rgba(0,61,76,.05);color:var(--tl-deep-ocean);text-decoration:none;}
.tl-sidebar__link:active{background:rgba(0,61,76,.08);}
.tl-sidebar__link.is-active{background:linear-gradient(90deg,rgba(0,126,158,.14),rgba(0,135,85,.14));color:var(--tl-deep-ocean);font-weight:600;}

/* ─────────────── Section header ─────────────── */
.tl-section-header{display:flex;flex-direction:column;gap:12px;font-family:var(--tl-font-sans);}
.tl-section-header.is-center{align-items:center;text-align:center;}
.tl-section-header__eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-section-header__title{font-size:36px;font-weight:500;letter-spacing:-.022em;color:var(--tl-deep-ocean);line-height:1.15;}
.tl-section-header__desc{font-size:18px;font-weight:300;line-height:1.55;letter-spacing:-.012em;color:var(--tl-text-secondary);max-width:56ch;}

/* ─────────────── Hero ─────────────── */
.tl-hero{position:relative;overflow:hidden;border-radius:var(--tl-radius-md);padding:64px 48px 56px;display:flex;flex-direction:column;gap:20px;font-family:var(--tl-font-sans);}
.tl-hero--dark{background:var(--tl-gradient-core);color:var(--tl-white);}
.tl-hero--gradient{background:linear-gradient(180deg,var(--tl-evergreen),var(--tl-deep-ocean));color:var(--tl-white);}
.tl-hero--gradient .tl-hero__title{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-white);}
.tl-hero--gradient .tl-hero__sub{color:var(--tl-white);}
.tl-hero--gradient .tl-hero__eyebrow{color:var(--tl-citron);}
.tl-hero--light{background:var(--tl-white);color:var(--tl-deep-ocean);}
.tl-hero.is-center{align-items:center;text-align:center;}
.tl-hero__overlay{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;pointer-events:none;}
.tl-hero>*:not(.tl-hero__overlay){position:relative;z-index:1;}
.tl-hero__logo{height:44px;width:auto;display:block;margin-bottom:8px;}
.tl-hero__eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;}
.tl-hero--dark .tl-hero__eyebrow{color:var(--tl-citron);}
.tl-hero--light .tl-hero__eyebrow{color:var(--tl-emerald);}
.tl-hero__title{font-size:72px;font-weight:600;line-height:1.18;letter-spacing:-.03em;max-width:900px;margin:0;padding-bottom:.08em;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-hero--dark .tl-hero__title{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-white);}
.tl-hero__sub{font-size:22px;font-weight:400;line-height:1.45;letter-spacing:-.01em;max-width:660px;opacity:1;color:var(--tl-text-secondary);margin:0;}
.tl-hero--dark .tl-hero__sub{color:rgba(255,255,255,.92);}
.tl-hero__cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:28px;}
.tl-hero__ai{display:flex;align-items:center;gap:14px;width:100%;max-width:840px;margin-top:36px;height:72px;padding:0 8px 0 26px;border-radius:var(--tl-radius-full);background:var(--tl-white);box-shadow:0 1px 2px rgba(91,103,112,.12),0 4px 12px rgba(91,103,112,.16);text-align:left;transition:box-shadow .15s ease;}
.tl-hero__ai:focus-within{box-shadow:-6px 2px 14px rgba(0,126,158,.45),6px 2px 14px rgba(0,135,85,.45),0 2px 6px rgba(91,103,112,.10);}
.tl-hero--gradient .tl-hero__ai:focus-within{box-shadow:-10px 2px 26px 4px rgba(0,163,204,.85),10px 2px 26px 4px rgba(0,179,113,.85),0 0 0 4px rgba(255,255,255,.28);}
.tl-hero__ai-star{color:var(--tl-emerald);flex-shrink:0;}
.tl-hero__ai-input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:var(--tl-font-sans);font-size:18px;font-weight:400;line-height:1.4;color:var(--tl-deep-ocean);}
.tl-hero__ai-input::placeholder{color:var(--tl-text-secondary);}
.tl-hero__ai-send{flex-shrink:0;height:56px;padding:0 32px;border-radius:var(--tl-radius-full);border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--tl-gradient-button);color:var(--tl-white);font-family:var(--tl-font-sans);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:opacity .15s ease;}
.tl-hero__ai-send:hover{opacity:.6;color:var(--tl-white);}
.tl-hero__ai-send:active{opacity:.75;color:var(--tl-white);}

/* ─────────────── Carousel (Material-style multi-item scroll strip) ─────────────── */
.tl-carousel{position:relative;font-family:var(--tl-font-sans);container-type:inline-size;}
.tl-carousel__track{display:flex;gap:var(--tl-carousel-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 0 24px 6px;}
.tl-carousel__track::-webkit-scrollbar{display:none;}
.tl-carousel__item{flex:0 0 auto;width:320px;height:248px;scroll-snap-align:start;border-radius:24px;overflow:hidden;position:relative;background:var(--tl-slate-10) center/cover no-repeat;box-shadow:var(--tl-elevation-01);transition:width .18s ease;}
.tl-carousel__item--card{flex:0 0 calc((100% - (var(--tl-carousel-per-view) - 0.5) * var(--tl-carousel-gap)) / var(--tl-carousel-per-view));min-width:0;height:auto;border-radius:0;overflow:visible;background:none;box-shadow:none;transition:none;}
.tl-carousel .tl-carousel__item--card>*{width:100%;max-width:none;}
@container (max-width:1366px){.tl-carousel:not(.tl-carousel--fixed) .tl-carousel__item--card{flex-basis:calc((100% - 1.5 * var(--tl-carousel-gap)) / 2);}}
@container (max-width:973px){.tl-carousel:not(.tl-carousel--fixed) .tl-carousel__item--card{flex-basis:calc((100% - var(--tl-carousel-gap)) / 1.5);}}
@container (max-width:580px){.tl-carousel:not(.tl-carousel--fixed) .tl-carousel__track{flex-direction:column;overflow-x:visible;scroll-snap-type:none;padding:6px 0 8px;}.tl-carousel:not(.tl-carousel--fixed) .tl-carousel__item--card{flex:0 0 auto;width:100%;scroll-snap-align:none;}.tl-carousel:not(.tl-carousel--fixed) .icard--mobile .icard-meta{position:relative;z-index:2;display:flex;gap:12px;margin-top:6px;font-size:15px;color:var(--tl-white);text-shadow:0 4px 4px rgba(0,0,0,.25);}
.icard-meta *{color:var(--tl-white);}
.icard-cta{flex-direction:column;align-items:stretch;gap:12px;}.tl-carousel:not(.tl-carousel--fixed) .icard--mobile .icard-cta .tl-btn--mobile{width:100%;}.tl-carousel:not(.tl-carousel--fixed) .icard--mobile .icard-title{font-size:24px;letter-spacing:-.014em;}.tl-carousel:not(.tl-carousel--fixed) .icard--mobile .icard-desc{font-size:16px;}.tl-carousel:not(.tl-carousel--fixed) .tl-article-item__cta{width:100%;justify-content:center;}.tl-carousel:not(.tl-carousel--fixed) .tl-article-item__title{font-size:24px;letter-spacing:-.014em;}.tl-carousel:not(.tl-carousel--fixed) .tl-article-item__excerpt{font-size:16px;}}
.tl-carousel__cap{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;background:linear-gradient(to top,rgba(0,61,76,.8),transparent);color:var(--tl-white);font-size:18px;font-weight:600;line-height:1.3;}
.tl-carousel__arrow{position:absolute;top:calc(50% - 22px);transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:var(--tl-white);color:var(--tl-deep-ocean);display:inline-flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:background .12s ease,box-shadow .12s ease;z-index:2;}
.tl-carousel__arrow:hover{background:var(--tl-gray-05);box-shadow:0 4px 12px rgba(0,0,0,.28);}
.tl-carousel__arrow:disabled{opacity:0;pointer-events:none;}
.tl-carousel__arrow--prev{left:-10px;}
.tl-carousel__arrow--next{right:-10px;}
.tl-carousel__dots{display:flex;justify-content:center;gap:10px;margin-top:4px;}
/* Edge feather — right only at rest, both while scrolled, left only at the end. */
.tl-carousel{--tl-carousel-feather:56px;}
.tl-carousel__track{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--tl-carousel-feather)),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--tl-carousel-feather)),transparent 100%);}
.tl-carousel[data-at-start="false"] .tl-carousel__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--tl-carousel-feather),#000 calc(100% - var(--tl-carousel-feather)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--tl-carousel-feather),#000 calc(100% - var(--tl-carousel-feather)),transparent 100%);}
.tl-carousel[data-at-start="false"][data-at-end="true"] .tl-carousel__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--tl-carousel-feather),#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--tl-carousel-feather),#000 100%);}
.tl-carousel[data-at-start="true"][data-at-end="true"] .tl-carousel__track{-webkit-mask-image:none;mask-image:none;}
.tl-carousel__dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(0,61,76,.22);cursor:pointer;transition:background .18s ease,width .18s ease;}
.tl-carousel__dot:hover{background:rgba(0,61,76,.38);}
.tl-carousel__dot.is-active{width:26px;border-radius:999px;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));}
.tl-carousel__dot:focus-visible{outline:2px solid var(--tl-tidal);outline-offset:3px;}

/* ─────────────── Process cards (sticky nav + parallax card stack) ─────────────── */
.abp-grid{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:var(--tl-space-08);align-items:start;font-family:var(--tl-font-sans);}
.abp-nav{position:sticky;top:100px;}
.abp-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--tl-space-half);}
.abp-nav a{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--tl-radius-sm);color:var(--tl-gray-50);font-size:17px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .2s ease,background .2s ease;}
.abp-nav a .abp-nav__icon{font-size:20px;opacity:.6;display:inline-flex;transition:opacity .2s ease,color .2s ease;}
.abp-nav a::before{content:"";position:absolute;left:16px;bottom:8px;width:215px;max-width:calc(100% - 32px);height:3px;background:var(--tl-gradient-button);transform:scaleX(0);transform-origin:left;transition:transform .7s ease;}
.abp-nav a:hover{color:var(--tl-evergreen);}
.abp-nav a:hover .abp-nav__label{background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.abp-nav a:hover .abp-nav__icon{opacity:1;color:var(--tl-emerald);}
.abp-nav a.is-active{color:var(--tl-evergreen);background:var(--tl-white);}
.abp-nav a.is-active .abp-nav__icon{opacity:1;color:var(--tl-emerald);}
.abp-nav a.is-active::before{transform:scaleX(1);}
.abp-cards{display:flex;flex-direction:column;gap:var(--tl-space-08);overflow:clip;overflow-clip-margin:120px;}
.abp-card{aspect-ratio:auto;min-height:420px;width:100%;scroll-margin-top:110px;will-change:transform,opacity;}
.abp-card .icard-img{transform:scale(1.12);}
@media(max-width:860px){.abp-grid{grid-template-columns:1fr;gap:var(--tl-space-04);}.abp-nav{position:static;}.abp-nav ul{flex-direction:row;flex-wrap:wrap;}.abp-nav a{padding:10px 12px;font-size:15px;}.abp-nav a::before{display:none;}}

/* ─────────────── Table ─────────────── */
.tl-table{width:100%;border-collapse:collapse;font-family:var(--tl-font-sans);font-size:15px;}
.tl-table thead th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tl-text-muted);padding:12px 16px;border-bottom:2px solid var(--tl-border);}
.tl-table tbody td{padding:14px 16px;border-bottom:1px solid var(--tl-border-subtle);color:var(--tl-text-primary);}
.tl-table tbody tr:hover{background:var(--tl-surface-subtle);}
.tl-table-wrap .tl-table tbody tr:last-child td{border-bottom:0;}

/* ─────────────── Chip (design token / shortcut) ─────────────── */
.tl-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--tl-radius-xs);font-family:var(--tl-font-mono);font-size:12px;letter-spacing:.02em;background:var(--tl-slate-10);color:var(--tl-slate-90);border:1px solid var(--tl-border-subtle);}
.tl-chip--token{background:linear-gradient(140deg,rgba(0,126,158,.10),rgba(0,135,85,.10));color:var(--tl-evergreen);border-color:transparent;}
.tl-chip__swatch{width:12px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);}

/* ─────────────── Zero state ─────────────── */
.tl-zero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:56px 24px;font-family:var(--tl-font-sans);}
.tl-zero__icon{width:72px;height:72px;border-radius:50%;background:var(--tl-icon-tile-fill);color:var(--tl-tidal);display:inline-flex;align-items:center;justify-content:center;font-size:34px;}
.tl-zero__title{font-size:22px;font-weight:600;color:var(--tl-deep-ocean);}
.tl-zero__msg{font-size:15px;color:var(--tl-text-secondary);max-width:360px;line-height:1.6;}

/* ─────────────── Top ticker ─────────────── */
.tl-ticker{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--tl-tidal);color:var(--tl-white);padding:10px 20px;font-family:var(--tl-font-sans);font-size:14px;border-radius:var(--tl-radius-sm);}
.tl-ticker__badge{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--tl-citron);color:var(--tl-deep-ocean);padding:3px 8px;border-radius:var(--tl-radius-full);}
.tl-ticker__msg{flex:0 1 auto;text-align:center;text-transform:uppercase;letter-spacing:.06em;font-weight:600;}
.tl-ticker a{color:var(--tl-white);font-weight:600;text-decoration:none;}
.tl-ticker a:hover{color:var(--tl-white);opacity:.75;}

/* ─────────────── Download row ─────────────── */
.tl-download{display:flex;align-items:center;gap:16px;padding:16px;border:0;border-radius:var(--tl-radius-sm);background:var(--tl-white);box-shadow:0 2px 8px rgba(91,103,112,.28);font-family:var(--tl-font-sans);transition:box-shadow .15s ease;}
.tl-download:hover{box-shadow:0 4px 14px rgba(91,103,112,.36);}
.tl-download__type{width:44px;height:44px;border-radius:var(--tl-radius-sm);background:var(--tl-icon-tile-fill);display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.tl-download__type>i::before{background-image:var(--tl-gradient-icon);}
.tl-download__type>span{background:var(--tl-gradient-icon);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.tl-download__type>svg{color:var(--tl-tidal);}
.tl-download__meta{flex:1;min-width:0;}
.tl-download__name{font-size:15px;font-weight:600;color:var(--tl-deep-ocean);}
.tl-download__sub{font-size:13px;color:var(--tl-text-muted);font-family:var(--tl-font-mono);}

/* ─────────────── Stat ─────────────── */
.tl-stat{display:flex;flex-direction:column;gap:4px;font-family:var(--tl-font-sans);}
.tl-stat.is-center{align-items:center;text-align:center;}
.tl-stat__value{display:inline-block;width:fit-content;font-size:44px;font-weight:600;letter-spacing:-.028em;color:var(--tl-deep-ocean);line-height:1;}
.tl-stat__label{font-size:14px;line-height:1.3;color:var(--tl-text-secondary);}
.tl-stat--card{padding:28px 32px;border-radius:var(--tl-radius-md);background:var(--tl-white);box-shadow:0 2px 8px rgba(91,103,112,.28);gap:8px;}
.tl-stat--card .tl-stat__value{background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em;}
.tl-stat--dark{background:var(--tl-glass-bg);border:1px solid var(--tl-glass-border);box-shadow:var(--tl-glass-shadow);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}
.tl-stat--dark .tl-stat__value{background:linear-gradient(100deg,#ECE81A 0%,#C8DF33 38%,#7FD154 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-bottom:.06em;}
.tl-stat--dark .tl-stat__label{color:rgba(255,255,255,.86);}

/* ─────────────── Chart (bar / line / area) ─────────────── */
.tl-chart{display:flex;flex-direction:column;gap:14px;font-family:var(--tl-font-sans);}
.tl-chart__plot{width:100%;}
.tl-chart__plot svg{display:block;overflow:visible;}
.tl-chart__grid{stroke:var(--tl-border-subtle);stroke-width:1;}
.tl-chart__tick,.tl-chart__label{font-family:var(--tl-font-sans);font-size:12px;fill:var(--tl-text-muted);}
.tl-chart__label{font-size:13px;fill:var(--tl-text-secondary);}
.tl-chart__bar{transition:opacity .12s ease;}
.tl-chart__bar:hover{opacity:.75;}
.tl-chart__line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.tl-chart__dot{stroke:var(--tl-white);stroke-width:2;}
.tl-chart__legend{display:flex;flex-wrap:wrap;gap:8px 22px;}
.tl-chart__key{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--tl-text-secondary);}
.tl-chart__key i{width:10px;height:10px;border-radius:3px;flex-shrink:0;}
.tl-chart--card{padding:24px 28px 22px;border-radius:var(--tl-radius-md);background:var(--tl-white);box-shadow:0 2px 8px rgba(91,103,112,.28);}
.tl-chart--dark .tl-chart__grid{stroke:rgba(255,255,255,.16);}
.tl-chart--dark .tl-chart__tick{fill:rgba(255,255,255,.7);}
.tl-chart--dark .tl-chart__label{fill:rgba(255,255,255,.86);}
.tl-chart--dark .tl-chart__key{color:rgba(255,255,255,.86);}
.tl-chart--dark .tl-chart__dot{stroke:var(--tl-deep-ocean);}
.tl-chart--dark.tl-chart--card{background:var(--tl-glass-bg);border:1px solid var(--tl-glass-border);box-shadow:var(--tl-glass-shadow);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}

/* ─────────────── Table ─────────────── */
.tl-table-wrap{width:100%;overflow-x:auto;font-family:var(--tl-font-sans);}
.tl-table{width:100%;border-collapse:collapse;text-align:left;}
.tl-table__caption{caption-side:top;text-align:left;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--tl-text-secondary);padding:0 0 12px;}
.tl-table-wrap .tl-table thead th{font-size:13px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding:0 20px 12px 0;border-bottom:1px solid var(--tl-border);white-space:nowrap;}
.tl-table-wrap .tl-table tbody td{font-size:16px;line-height:1.45;color:var(--tl-text-primary);padding:16px 20px 16px 0;border-bottom:1px solid var(--tl-border-subtle);vertical-align:top;}
.tl-table-wrap .tl-table tbody tr:hover{background:none;}
.tl-table-wrap .tl-table th:last-child,.tl-table-wrap .tl-table td:last-child{padding-right:0;}
.tl-table-wrap .tl-table tbody tr:last-child td{border-bottom:0;}
.is-dense .tl-table tbody td{padding-top:10px;padding-bottom:10px;font-size:15px;}
.is-zebra .tl-table tbody tr:nth-child(even){background:var(--tl-gray-05);}
.is-zebra .tl-table tbody td{border-bottom:0;padding-left:12px;}
.is-zebra .tl-table thead th{padding-left:12px;}
.is-zebra .tl-table th:first-child,.is-zebra .tl-table td:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px;}
.tl-table-wrap--card{padding:24px 28px;border-radius:var(--tl-radius-md);background:var(--tl-white);box-shadow:0 2px 8px rgba(91,103,112,.28);}
.tl-table-wrap--dark .tl-table thead th{background:none;-webkit-text-fill-color:currentColor;color:var(--tl-citron);border-bottom-color:rgba(255,255,255,.24);}
.tl-table-wrap--dark .tl-table tbody td{color:var(--tl-white);border-bottom-color:rgba(255,255,255,.14);}
.tl-table-wrap--dark .tl-table__caption{color:rgba(255,255,255,.75);}
.tl-table-wrap--dark.is-zebra .tl-table tbody tr:nth-child(even){background:rgba(255,255,255,.07);}
.tl-table-wrap--dark.tl-table-wrap--card{background:var(--tl-glass-bg);border:1px solid var(--tl-glass-border);box-shadow:var(--tl-glass-shadow);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}

/* ─────────────── Social share ─────────────── */
.tl-social{display:inline-flex;align-items:center;gap:24px;font-family:var(--tl-font-sans);}
.tl-social__label{font-size:17px;font-weight:500;color:var(--tl-deep-ocean);}
.tl-social__row{display:inline-flex;gap:12px;}
.tl-social__btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--tl-border-strong);background:var(--tl-white);color:var(--tl-deep-ocean);display:inline-flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .14s ease;text-decoration:none;}
.tl-social__btn{color:var(--tl-tidal);}
.tl-social__btn:nth-child(2){color:#00849B;}
.tl-social__btn:nth-child(3){color:#00877E;}
.tl-social__btn:nth-child(4){color:#008765;}
.tl-social__btn:nth-child(5){color:var(--tl-emerald);}
.tl-social__btn:hover{background:var(--tl-gradient-button);border-color:transparent;color:var(--tl-white);}
.tl-social__glyph{font-size:19px;line-height:1;font-weight:500;}
.tl-social--dark{background:linear-gradient(180deg,var(--tl-evergreen),var(--tl-deep-ocean));padding:18px 28px;border-radius:var(--tl-radius-md);}
.tl-social--dark .tl-social__label{color:var(--tl-white);}
.tl-social--dark .tl-social__btn,.tl-social--dark .tl-social__btn:nth-child(n){background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:var(--tl-white);}
.tl-social--dark .tl-social__btn:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.45);color:var(--tl-white);}

/* ─────────────── Metadata tag ─────────────── */
.tl-meta-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--tl-font-sans);font-size:13px;color:var(--tl-text-muted);}
.tl-meta-tag .iconoir-,.tl-meta-tag i{font-size:16px;color:var(--tl-tidal);}

/* ─────────────── Nav link (top nav) ─────────────── */
.tl-navitem{position:relative;display:inline-flex;}
.tl-navlink{position:relative;display:inline-flex;align-items:center;gap:6px;color:var(--tl-slate-90);font-family:var(--tl-font-sans);font-weight:500;font-size:14px;text-decoration:none;padding:9px 14px;border-radius:var(--tl-radius-full);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease;}
.tl-navlink:hover{background:linear-gradient(90deg,rgba(0,126,158,.1),rgba(0,135,85,.1));text-decoration:none;background-clip:padding-box;-webkit-background-clip:padding-box;}
.tl-navlink:hover>span,.tl-navlink:active>span{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-evergreen));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-navlink:hover>i,.tl-navlink:active>i{color:var(--tl-evergreen) !important;}
.tl-navlink:active{background:linear-gradient(90deg,rgba(0,126,158,.16),rgba(0,135,85,.16));}
.tl-navlink.is-active{font-weight:600;}
.tl-navlink.is-active>span{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-evergreen));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-navlink.is-active>i{color:var(--tl-evergreen) !important;}
.tl-navlink::after{content:"";position:absolute;left:14px;right:14px;bottom:-11px;height:3px;border-radius:3px 3px 0 0;background:var(--tl-gradient-button);transform-origin:center;transform:scaleX(0);opacity:0;transition:transform .32s cubic-bezier(.2,0,0,1),opacity .2s ease;}
.tl-navlink.is-active::after,.tl-navlink:hover::after{transform:scaleX(1);opacity:1;}
.tl-topnav__links:hover .tl-navlink.is-active:not(:hover)::after{transform:scaleX(0);opacity:0;}
.tl-navmenu{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,-6px);min-width:230px;background:var(--tl-white);border:1px solid var(--tl-border-subtle);border-radius:var(--tl-radius-md);box-shadow:var(--tl-elevation-03);padding:10px;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60;}
.tl-navitem:hover .tl-navmenu,.tl-navitem:focus-within .tl-navmenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);}
.tl-navmenu a{display:block;padding:9px 12px;border-radius:var(--tl-radius-xs);font-size:14px;color:var(--tl-slate-90);text-decoration:none;transition:background .12s ease;}
.tl-navmenu a:hover{background:linear-gradient(90deg,rgba(0,126,158,.1),rgba(0,135,85,.1));color:var(--tl-deep-ocean);text-decoration:none;}

/* ─────────────── Footer link ─────────────── */
.tl-footer-link{display:block;color:rgba(255,255,255,.94);text-decoration:none;font-family:var(--tl-font-sans);font-size:15px;line-height:1.45;padding:8px 0;max-width:200px;transition:color .12s ease;}
.tl-footer-link:hover{color:var(--tl-white);text-decoration:underline;text-underline-offset:2px;}

/* ─────────────── FAB / Scroll-to-top ─────────────── */
.tl-fab{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--tl-radius-full);border:0;background:var(--tl-gradient-button);color:var(--tl-white);font-size:26px;cursor:pointer;box-shadow:var(--tl-elevation-02);transition:transform .12s ease,box-shadow .12s ease;}
.tl-fab:hover{box-shadow:var(--tl-elevation-03);transform:translateY(-2px);}
.tl-fab--sm{width:44px;height:44px;font-size:22px;}
.tl-fab--ghost{background:var(--tl-white);color:var(--tl-deep-ocean);}

/* ─────────────── Orchestration link (network node) ─────────────── */
.tl-orch{display:inline-flex;align-items:center;gap:10px;font-family:var(--tl-font-sans);font-size:15px;color:var(--tl-deep-ocean);text-decoration:none;cursor:pointer;}
.tl-orch__node{width:14px;height:14px;border-radius:50%;background:linear-gradient(140deg,var(--tl-tidal),var(--tl-emerald));box-shadow:0 0 0 4px rgba(0,126,158,.12);flex-shrink:0;transition:box-shadow .15s ease;}
.tl-orch:hover .tl-orch__node{box-shadow:0 0 0 6px rgba(0,126,158,.12);}
.tl-orch--muted .tl-orch__node{background:var(--tl-gray-30);box-shadow:0 0 0 4px var(--tl-gray-10);}
.tl-orch--dark{color:var(--tl-white);}
.tl-orch--dark .tl-orch__node{background:var(--tl-citron);box-shadow:0 0 0 4px rgba(236,232,26,.18);}
.tl-orch--dark:hover .tl-orch__node{box-shadow:0 0 0 6px rgba(236,232,26,.24);}
.tl-orch--dark.tl-orch--muted{color:rgba(255,255,255,.72);}
.tl-orch--dark.tl-orch--muted .tl-orch__node{background:rgba(236,232,26,.4);box-shadow:0 0 0 4px rgba(236,232,26,.10);}

/* ─────────────── Logo card ─────────────── */
.tl-logo-card{display:flex;align-items:center;justify-content:center;padding:32px;background:var(--tl-white);border:0;border-radius:var(--tl-radius-md);min-height:120px;box-shadow:0 2px 8px rgba(91,103,112,.28);transition:box-shadow .15s ease;}
.tl-logo-card:hover{box-shadow:0 6px 16px rgba(91,103,112,.34);}
.tl-logo-card img{max-height:52px;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .2s ease,opacity .2s ease;}
.tl-logo-card:hover img{filter:none;opacity:1;}

/* ─────────────── Profile card (photographic portrait, About leadership) ─────────────── */
.tl-profile.icard{background:#EDF3F4;}
.tl-profile__img{background-size:cover;background-position:center;display:grid;place-items:center;}
.tl-profile__monogram{font-size:56px;font-weight:300;letter-spacing:.04em;color:var(--tl-white);}
.tl-profile .icard-img:not([style*="background-image"]){background:linear-gradient(150deg,#003D4C 0%,#00604C 100%);}
.tl-profile .icard-title{font-size:22px;letter-spacing:-.012em;}
.tl-profile .icard-desc{font-size:15px;line-height:1.45;margin-top:6px;}

/* ─────────────── Image block ─────────────── */
.tl-image{position:relative;overflow:hidden;border-radius:var(--tl-radius-md);background:var(--tl-slate-10);}
.tl-image img{width:100%;height:100%;object-fit:cover;display:block;}
.tl-image__caption{font-family:var(--tl-font-sans);font-size:13px;color:var(--tl-text-muted);margin-top:8px;}

/* ─────────────── Video (split copy + poster card) ─────────────── */
.tl-video{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.28fr);align-items:stretch;aspect-ratio:3.167;max-width:880px;border-radius:16px;overflow:hidden;background:var(--tl-white);border:1px solid var(--tl-border-subtle);box-shadow:0 1px 4px rgba(37,37,37,0.06);font-family:var(--tl-font-sans);container-type:inline-size;}
.tl-video__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,2.4vw,32px);background:var(--tl-white);border-radius:15px 0 0 15px;}
.tl-video__eyebrow{margin:0 0 10px;width:fit-content;font-size:13px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;background:linear-gradient(90deg,var(--tl-tidal) 0%,var(--tl-emerald) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--tl-emerald);}
.tl-video__title{margin:0;font-size:clamp(17px,1.55vw,21px);font-weight:650;line-height:1.22;letter-spacing:-0.01em;color:var(--tl-deep-ocean);text-wrap:pretty;}
.tl-video__stage{position:relative;width:100%;height:100%;background:var(--tl-deep-ocean);}
.tl-video__poster{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:var(--tl-deep-ocean);transition:opacity 200ms ease;cursor:pointer;}
.tl-video__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.tl-video__play{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,0.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,0.55);color:var(--tl-white);transition:transform .15s ease,background .15s ease;}
.tl-video__poster:hover .tl-video__play{transform:scale(1.06);background:rgba(255,255,255,0.26);}
.tl-video__poster:focus-visible{outline:2px solid var(--tl-citron);outline-offset:-4px;}
.tl-video__embed{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;display:block;}
@container (max-width:620px){.tl-video{grid-template-columns:minmax(0,1fr);aspect-ratio:auto;}.tl-video__copy{border-radius:15px 15px 0 0;}.tl-video__stage{aspect-ratio:16/9;}}
/* Stacked layout — 16:9 poster on top, copy below (520px max) */
.tl-video--stacked{grid-template-columns:minmax(0,1fr);aspect-ratio:auto;max-width:520px;}
.tl-video--stacked .tl-video__stage{aspect-ratio:16/9;height:auto;}
.tl-video--stacked .tl-video__copy{justify-content:flex-start;padding:20px 24px 24px;border-radius:0 0 15px 15px;}
/* Dark shell — glass surface, Citron eyebrow, white headline */
.tl-video--dark{background:var(--tl-glass-bg);border-color:var(--tl-glass-border);box-shadow:var(--tl-glass-shadow);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}
.tl-video--dark .tl-video__copy{background:transparent;}
.tl-video--dark .tl-video__eyebrow{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--tl-citron);}
.tl-video--dark .tl-video__title{color:var(--tl-white);}

/* ─────────────── Progression timeline (Agents "Continuous Agentic Work") ─────────────── */
.tl-eqwrap{font-family:var(--tl-font-sans);container-type:inline-size;}
.tl-eqrow{display:grid;align-items:stretch;gap:0 8px;}
.tl-eqcard{display:flex;flex-direction:column;justify-content:flex-start;gap:16px;min-height:296px;padding:20px 17px 22px;border-radius:8px;background:var(--tl-white);border:1px solid var(--tl-border-subtle);box-shadow:0 1px 4px rgba(37,37,37,0.06);will-change:transform,opacity;}
.tl-eqcard[data-outcome="true"]{background:linear-gradient(160deg,#EAF6F0 0%,#DFF1E8 100%);border-color:var(--tl-emerald);box-shadow:0 0 0 1px rgba(0,135,85,0.22),0 0 34px rgba(236,232,26,0.15);}
.tl-eqcard__n{margin:0;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--tl-slate);}
.tl-eqcard[data-outcome="true"] .tl-eqcard__n{color:var(--tl-evergreen);}
.tl-eqcard__tile{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:linear-gradient(140deg,rgba(0,126,158,0.10),rgba(0,135,85,0.10));color:var(--tl-tidal);}
.tl-eqcard[data-outcome="true"] .tl-eqcard__tile{color:var(--tl-evergreen);}
.tl-eqcard__body{display:flex;flex-direction:column;gap:9px;}
.tl-eqcard__t{margin:0;font-size:17px;font-weight:700;line-height:1.24;letter-spacing:-0.01em;color:var(--tl-deep-ocean);text-wrap:pretty;}
.tl-eqcard[data-outcome="true"] .tl-eqcard__t{color:var(--tl-evergreen);}
.tl-eqcard__p{margin:0;font-size:14px;font-weight:400;line-height:1.5;color:var(--tl-text-secondary);text-wrap:pretty;}
.tl-eqop{display:flex;align-items:center;justify-content:center;min-width:10px;font-size:18px;font-weight:600;line-height:1;color:var(--tl-tidal);will-change:transform,opacity;}
.tl-eqrail{height:4px;border-radius:4px;margin-top:26px;background:linear-gradient(90deg,var(--tl-tidal) 0%,var(--tl-emerald) 52%,var(--tl-citron) 100%);transform-origin:left center;will-change:transform;}
/* Dark shell — glass cards, Citron numbering, white copy */
.tl-eqwrap--dark .tl-eqcard{background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.22);box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}
.tl-eqwrap--dark .tl-eqcard[data-outcome="true"]{background:rgba(236,232,26,0.10);border-color:rgba(236,232,26,0.55);box-shadow:0 0 34px rgba(236,232,26,0.18);}
.tl-eqwrap--dark .tl-eqcard__n{color:rgba(255,255,255,0.70);}
.tl-eqwrap--dark .tl-eqcard[data-outcome="true"] .tl-eqcard__n{color:var(--tl-citron);}
.tl-eqwrap--dark .tl-eqcard__tile{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.24);color:var(--tl-white);}
.tl-eqwrap--dark .tl-eqcard[data-outcome="true"] .tl-eqcard__tile{background:rgba(236,232,26,0.14);border-color:rgba(236,232,26,0.38);color:var(--tl-citron);}
.tl-eqwrap--dark .tl-eqcard__t{color:var(--tl-white);}
.tl-eqwrap--dark .tl-eqcard[data-outcome="true"] .tl-eqcard__t{color:var(--tl-citron);}
.tl-eqwrap--dark .tl-eqcard__p{color:rgba(255,255,255,0.80);}
.tl-eqwrap--dark .tl-eqop{color:var(--tl-citron);}
@container (max-width:1000px){.tl-eqrow{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:16px;}.tl-eqop{display:none;}.tl-eqcard{min-height:0;}}

/* ─────────────── Prose (WYSIWYG) ─────────────── */
.tl-prose{font-family:var(--tl-font-sans);font-size:17px;line-height:1.8;color:var(--tl-text-primary);}
.tl-prose h2{font-size:28px;font-weight:600;color:var(--tl-deep-ocean);margin:32px 0 12px;}
.tl-prose h3{font-size:22px;font-weight:600;color:var(--tl-deep-ocean);margin:24px 0 8px;}
.tl-prose p{margin:0 0 18px;}
.tl-prose a{color:var(--tl-tidal);text-decoration:underline;text-underline-offset:2px;}
.tl-prose a:hover{color:var(--tl-evergreen);}
.tl-prose ul,.tl-prose ol{margin:0 0 18px;padding-left:24px;}
.tl-prose li{margin:0 0 8px;}
.tl-prose blockquote{margin:24px 0;padding:8px 24px;border-left:4px solid var(--tl-emerald);color:var(--tl-deep-ocean);font-size:20px;font-weight:300;line-height:1.5;}

/* ─────────────── Page title ─────────────── */
.tl-page-title{display:flex;flex-direction:column;align-items:flex-start;gap:0;font-family:var(--tl-font-sans);}
.tl-page-title__eyebrow{margin:0 0 14px;width:fit-content;font-size:15px;font-weight:650;letter-spacing:.13em;line-height:1.1;text-transform:uppercase;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-page-title h1{margin:0;max-width:22ch;font-size:clamp(30px,3.2vw,44px);font-weight:650;line-height:1.14;letter-spacing:-.015em;color:var(--tl-deep-ocean);text-wrap:pretty;}
.tl-page-title__sub{margin:18px 0 0;max-width:60ch;font-size:19px;font-weight:400;line-height:1.55;letter-spacing:-.01em;color:var(--tl-text-secondary);text-wrap:pretty;}
.tl-page-title--dark .tl-page-title__eyebrow{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-citron);}
.tl-page-title--dark h1,.tl-page-title--dark .tl-page-title__sub{color:var(--tl-white);}

/* ─────────────── Filter accordion ─────────────── */
.tl-filter-acc{border-bottom:1px solid var(--tl-border-subtle);font-family:var(--tl-font-sans);}
.tl-filter-acc__head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 12px;margin:0 -12px;border-radius:12px;transition:background .15s ease;border:0;background:transparent;cursor:pointer;text-align:left;color:var(--tl-deep-ocean);font-size:15px;font-weight:600;}
.tl-filter-acc__head:hover{color:var(--tl-deep-ocean);background:rgba(0,61,76,.04);}
.tl-filter-acc__head:active{background:rgba(0,61,76,.07);}
.tl-filter-acc__count{font-family:var(--tl-font-sans);font-size:11px;font-weight:500;color:var(--tl-evergreen);background:linear-gradient(90deg,rgba(0,126,158,.1),rgba(0,99,65,.1));border-radius:var(--tl-radius-full);min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;}
.tl-filter-acc__chev{font-size:22px;color:var(--tl-text-secondary);transition:transform .3s cubic-bezier(.2,0,0,1),color .15s ease;display:inline-flex;margin-left:auto;}
.tl-filter-acc.is-open .tl-filter-acc__chev{color:var(--tl-deep-ocean);}
.tl-filter-acc.is-open .tl-filter-acc__chev{transform:rotate(180deg);}
.tl-filter-acc__panel{overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.2,0,0,1);}
.tl-filter-acc.is-open .tl-filter-acc__panel{max-height:400px;}
.tl-filter-acc__list{display:flex;flex-direction:column;gap:12px;padding:4px 4px 20px;}

/* ─────────────── Article header (light) ─────────────── */
.tl-article-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:32px 0 40px;font-family:var(--tl-font-sans);}
.tl-article-header>.tl-breadcrumb{margin-bottom:20px;}
.tl-article-header__eyebrow{margin:0 0 14px;width:fit-content;font-size:15px;font-weight:650;letter-spacing:.13em;line-height:1.1;text-transform:uppercase;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-article-header__title{margin:0;max-width:22ch;font-size:clamp(30px,3.2vw,44px);font-weight:650;line-height:1.14;letter-spacing:-.015em;color:var(--tl-deep-ocean);text-wrap:pretty;}
.tl-article-header__meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--tl-text-secondary);margin-top:16px;}

/* ─────────────── Ambient gradient background ─────────────── */
.tl-ambient{position:relative;overflow:hidden;border-radius:var(--tl-radius-md);}
.tl-ambient--core{background:var(--tl-gradient-core);}
.tl-ambient--soft{background:var(--tl-gradient-ambient);}
.tl-ambient--ocean-cobalt{background:var(--tl-gradient-ocean-cobalt);}
.tl-ambient__dots{position:absolute;inset:0;width:100%;height:100%;opacity:.85;pointer-events:none;}
.tl-ambient__content{position:relative;}

/* ─────────────── Hero icon (circle, brand style) ─────────────── */
/* Icon tiles on white: 140deg Tidal 10% → Emerald 10% wash, glyph in the same
   gradient at full strength (Iconoir glyphs are mask-image, so the gradient
   goes on background-image of the ::before). */
.tl-hero-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:0;background:var(--tl-icon-tile-fill);box-shadow:none;}
.tl-hero-icon>i::before{background-image:var(--tl-gradient-icon);}
.tl-hero-icon>span{background:var(--tl-gradient-icon);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.tl-hero-icon>svg{color:var(--tl-tidal);}
.tl-hero-icon--sm{width:48px;height:48px;font-size:22px;}
.tl-hero-icon--md{width:64px;height:64px;font-size:28px;}
.tl-hero-icon--lg{width:88px;height:88px;font-size:38px;}
.tl-hero-icon--emerald,.tl-hero-icon--ocean{color:inherit;}
.tl-hero-icon--white{color:var(--tl-white);}
.tl-hero-icon--white>*{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-white);}
.tl-hero-icon--filled{border:0;background:var(--tl-gradient-button);color:var(--tl-white);}
.tl-hero-icon--filled>*{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-white);}

/* ─────────────── Sidebar form (light CTA card) ─────────────── */
.tl-sidebar-form{background:var(--tl-white);color:var(--tl-text-primary);border-radius:var(--tl-radius-md);box-shadow:0 2px 8px rgba(91,103,112,.28);padding:28px;font-family:var(--tl-font-sans);display:flex;flex-direction:column;gap:14px;}
.tl-sidebar-form__title{font-size:20px;font-weight:600;color:var(--tl-deep-ocean);}
.tl-sidebar-form__text{font-size:14px;line-height:1.6;color:var(--tl-text-secondary);}
.tl-sidebar-form__row{display:flex;flex-direction:column;gap:10px;}
.tl-sidebar-form input{height:44px;border:1px solid var(--tl-border);border-radius:999px;padding:0 20px;font-family:inherit;font-size:15px;color:var(--tl-text-primary);background:var(--tl-white);}
.tl-sidebar-form input::placeholder{color:var(--tl-gray-50);}

/* ─────────────── Article CTA band ─────────────── */
.tl-article-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--tl-surface-sunken);border-radius:var(--tl-radius-md);padding:28px 32px;font-family:var(--tl-font-sans);}
.tl-article-cta__title{font-size:22px;font-weight:600;color:var(--tl-deep-ocean);}
.tl-article-cta__text{font-size:15px;color:var(--tl-text-secondary);margin-top:2px;}

/* ─────────────── Related card ("More from…" list row) ─────────────── */
.tl-related{display:flex;gap:24px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--tl-border-subtle);text-decoration:none;font-family:var(--tl-font-sans);cursor:pointer;}
.tl-related:last-child{border-bottom:0;}
.tl-related:hover,.tl-related:active{text-decoration:none;}
.tl-related__thumb{width:170px;height:110px;border-radius:12px;object-fit:cover;background:var(--tl-slate-10);flex-shrink:0;}
.tl-related__body{display:flex;flex-direction:column;gap:8px;min-width:0;padding-top:2px;}
.tl-related__type{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;width:fit-content;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--tl-tidal);}
.tl-related__title{font-size:19px;font-weight:650;color:var(--tl-deep-ocean);line-height:1.28;letter-spacing:-.008em;text-wrap:pretty;}
.tl-related:hover .tl-related__title{color:var(--tl-tidal);}
.tl-related__meta{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:2px;}
@container (max-width:520px){.tl-related{gap:16px;}.tl-related__thumb{width:110px;height:62px;}.tl-related__title{font-size:16px;}}

/* ─────────────── TopNav (composite bar) ─────────────── */
.tl-topnav{position:relative;display:flex;align-items:center;gap:32px;height:var(--tl-topnav-height);padding:0 24px;background:var(--tl-white);border-bottom:1px solid var(--tl-border-subtle);font-family:var(--tl-font-sans);}
.tl-topnav__logo img{height:34px;display:block;}
.tl-topnav__links{display:flex;align-items:center;gap:4px;flex:1;}
.tl-topnav .tl-navlink::after{bottom:calc((var(--tl-topnav-height) - 38px) / -2);}
.tl-topnav .tl-navmenu{top:calc(100% + ((var(--tl-topnav-height) - 38px) / 2) + 9px);}
.tl-topnav__actions{display:flex;align-items:center;gap:12px;}

/* ─────────────── Footer (composite) ─────────────── */
.tl-footer{background:linear-gradient(180deg,#00453F 0%,#003D4C 34%,#00303D 100%);color:#ffffff;font-family:var(--tl-font-sans);}

/* Promo ticker */
.tl-footer__promo{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px clamp(24px,5vw,96px);background:#007E9E;color:#ffffff;font-size:13px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;line-height:1.35;text-align:center;text-wrap:pretty;text-decoration:none;transition:background 150ms cubic-bezier(.2,0,0,1);}
.tl-footer__promo:hover{background:#006B87;color:#ffffff;}
.tl-footer__promo>span{font-size:14px;line-height:1;}

/* Utility bar */
.tl-footer__utility{border-bottom:1px solid rgba(255,255,255,.12);}
.tl-footer__utility-inner{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;padding:14px clamp(24px,5vw,96px);}
.tl-footer__logo{display:block;flex-shrink:0;}
.tl-footer__logo img{height:72px;display:block;}
.tl-footer__utility-right{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;}
.tl-footer__logins{display:flex;align-items:baseline;gap:12px;font-size:14px;}
.tl-footer__logins-label{color:rgba(255,255,255,.55);font-weight:500;}
.tl-footer__logins-dot{color:rgba(255,255,255,.25);}
.tl-footer__login-link{color:#ffffff;font-weight:500;text-decoration:none;}
.tl-footer__login-link:hover{color:#ECE81A;}
.tl-footer__ai{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 22px;border-radius:999px;background:linear-gradient(90deg,#007E9E 0%,#008755 100%);color:#ffffff;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-decoration:none;transition:opacity 150ms ease;}
.tl-footer__ai:hover{opacity:.75;color:#ffffff;}

/* Featured report strip */
.tl-footer__featured{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px clamp(24px,5vw,96px);background:rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.12);color:#ffffff;font-size:14px;text-align:center;text-decoration:none;transition:background 150ms cubic-bezier(.2,0,0,1);}
.tl-footer__featured:hover{background:rgba(255,255,255,.12);color:#ffffff;}
.tl-footer__featured-eyebrow{font-size:11px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:#ECE81A;}
.tl-footer__featured-title{font-weight:600;line-height:1.35;text-wrap:pretty;}
.tl-footer__featured-cta{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);}

/* Link columns */
.tl-footer__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 32px;align-items:start;padding:44px clamp(24px,5vw,96px) 0;}
.tl-footer__col{display:flex;flex-direction:column;gap:1px;}
.tl-footer__col h4{margin:0 0 10px;font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.tl-footer-link{font-size:14px;font-weight:400;line-height:1.4;color:rgba(255,255,255,.82);text-decoration:none;transition:color 120ms ease;}
.tl-footer-link:hover{color:#ffffff;}

/* Technical support strip */
.tl-footer__support{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:44px;padding:13px clamp(24px,5vw,96px);background:rgba(255,255,255,.07);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);color:#ffffff;font-size:14px;font-weight:600;letter-spacing:.06em;text-align:center;text-decoration:none;transition:background 150ms cubic-bezier(.2,0,0,1);}
.tl-footer__support:hover{background:rgba(255,255,255,.12);color:#ffffff;}
.tl-footer__support>svg,.tl-footer__support>i{color:#00A7B5;}
.tl-footer__support>span{font-size:14px;line-height:1;}

/* Contact + subscribe */
.tl-footer__cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;align-items:start;margin:36px clamp(24px,5vw,96px) 0;}
.tl-footer__block{display:flex;flex-direction:column;align-self:stretch;height:100%;}
.tl-footer__block h4{margin:0 0 6px;font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.tl-footer__block-body{margin:0;max-width:46ch;font-size:14px;font-weight:400;line-height:1.55;color:rgba(255,255,255,.78);}
.tl-footer__block-action{display:flex;margin-top:auto;padding-top:14px;}
.tl-footer__block-cta{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 22px;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1.5px rgba(252,252,252,.9);color:#FCFCFC;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-decoration:none;transition:background 150ms cubic-bezier(.2,0,0,1),color 150ms cubic-bezier(.2,0,0,1);}
.tl-footer__block-cta:hover{background:rgba(229,243,237,.18);color:#ffffff;}
.tl-footer__subscribe{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:14px;max-width:560px;}
.tl-footer__subscribe input{flex:1;min-width:260px;height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#ffffff;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;}
.tl-footer__subscribe input::placeholder{color:rgba(255,255,255,.6);}
.tl-footer__subscribe input:focus{border-color:#00A7B5;}
.tl-footer__subscribe button{flex:none;height:44px;padding:0 22px;border:0;border-radius:999px;background:linear-gradient(90deg,#007E9E 0%,#008755 100%);color:#ffffff;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-family:inherit;cursor:pointer;transition:opacity 150ms ease;}
.tl-footer__subscribe button:hover{opacity:.75;}
.tl-footer__subscribed{margin:14px 0 0;font-size:14px;color:#ECE81A;}

/* Legal row */
.tl-footer__legal{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:0 clamp(24px,5vw,96px);padding:18px 0 24px;}
.tl-footer__legal-spacer{flex:1;}
.tl-footer__legal-copy{font-family:var(--tl-font-mono);font-size:12px;color:rgba(255,255,255,.65);}
.tl-footer__social-icons{display:flex;align-items:center;gap:10px;}
.tl-footer__social-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.14);color:#ffffff;text-decoration:none;transition:background 120ms ease;}
.tl-footer__social-btn:hover{background:rgba(255,255,255,.24);color:#ffffff;}

@media (max-width:1100px){.tl-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));}.tl-footer__grid>div:first-child{grid-column:1 / -1;}}
@media (max-width:900px){.tl-footer__cta{grid-template-columns:1fr;}}
@media (max-width:560px){.tl-footer__grid{grid-template-columns:1fr;}}

/* ═══════════ DLS documentation components ═══════════ */
/* Component status pill */
.tl-status{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:var(--tl-radius-full);font-family:var(--tl-font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
.tl-status__dot{width:8px;height:8px;border-radius:50%;background:currentColor;}
.tl-status--published{background:var(--tl-success-pastel);color:var(--tl-emerald);}
.tl-status--ready{background:var(--tl-info-pastel);color:var(--tl-cobalt);}
.tl-status--wip{background:var(--tl-citron-pastel);color:var(--tl-slate-90);}
.tl-status--deprecated{background:var(--tl-danger-pastel);color:var(--tl-danger);}
.tl-status--planned{background:var(--tl-slate-10);color:var(--tl-slate-60);}

/* Progress key (legend row) */
.tl-progress-key{display:flex;flex-wrap:wrap;gap:16px;font-family:var(--tl-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--tl-text-secondary);}
.tl-progress-key__item{display:inline-flex;align-items:center;gap:8px;}
.tl-progress-key__swatch{width:12px;height:12px;border-radius:3px;}

/* Annotation pin (numbered marker) */
.tl-anno-pin{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-family:var(--tl-font-mono);font-size:12px;font-weight:700;color:var(--tl-white);background:var(--tl-tidal);box-shadow:0 0 0 3px rgba(0,126,158,.2);}
.tl-anno-pin--note{background:var(--tl-citron);color:var(--tl-deep-ocean);box-shadow:0 0 0 3px var(--tl-citron-pastel);}

/* Annotation label (callout) */
.tl-anno-label{display:inline-flex;flex-direction:column;gap:4px;background:var(--tl-deep-ocean);color:var(--tl-white);padding:10px 14px;border-radius:var(--tl-radius-sm);font-family:var(--tl-font-mono);font-size:12px;max-width:280px;box-shadow:var(--tl-elevation-02);}
.tl-anno-label__title{font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tl-cyan);}

/* Dimension indicator */
.tl-dimension{display:inline-flex;align-items:center;gap:8px;font-family:var(--tl-font-mono);font-size:11px;color:var(--tl-tidal);}
.tl-dimension__bar{position:relative;height:1px;background:var(--tl-tidal);flex:1;min-width:40px;}
.tl-dimension__bar::before,.tl-dimension__bar::after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--tl-tidal);}
.tl-dimension__bar::before{left:0;}
.tl-dimension__bar::after{right:0;}
.tl-dimension__val{white-space:nowrap;font-weight:600;}

/* Touch-target annotation */
.tl-touch{position:relative;display:inline-flex;align-items:center;justify-content:center;outline:1.5px dashed var(--tl-cyan);outline-offset:0;border-radius:var(--tl-radius-xs);}
.tl-touch__badge{position:absolute;top:-9px;right:-9px;background:var(--tl-cyan);color:var(--tl-white);font-family:var(--tl-font-mono);font-size:10px;font-weight:700;padding:2px 5px;border-radius:var(--tl-radius-xs);}

/* Spec callout (numbered pin + text) */
.tl-spec{display:flex;align-items:flex-start;gap:12px;font-family:var(--tl-font-sans);font-size:14px;color:var(--tl-text-secondary);line-height:1.5;}
.tl-spec b{color:var(--tl-deep-ocean);}

/* ─────────────── Filter panel (organism) ─────────────── */
.tl-filter-panel{width:300px;background:transparent;border:0;border-radius:28px;padding:0;font-family:var(--tl-font-sans);}
.tl-filter-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.tl-filter-panel__title{font-size:18px;font-weight:500;color:var(--tl-deep-ocean);}
.tl-filter-panel__clear{border:0;background:transparent;color:var(--tl-tidal);font-family:var(--tl-font-sans);font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:999px;transition:background .15s ease;}
.tl-filter-panel__clear:hover{color:var(--tl-tidal);background:rgba(0,126,158,.1);text-decoration:none;}
.tl-filter-panel__clear:active{background:rgba(0,126,158,.16);}
.tl-filter-panel__search{margin-bottom:12px;}

/* ─────────────── Cookie consent banner ─────────────── */
.tl-cookie{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:24px 28px;background:var(--tl-white);border-radius:var(--tl-radius-md);box-shadow:0 4px 14px rgba(91,103,112,.22),0 1px 3px rgba(91,103,112,.14);font-family:var(--tl-font-sans);}
.tl-cookie__body{display:flex;flex-direction:column;gap:10px;max-width:82ch;}
.tl-cookie__title{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--tl-deep-ocean);}
.tl-cookie__text{min-width:0;margin:0;font-size:15px;line-height:1.6;color:var(--tl-text-secondary);text-wrap:pretty;}
.tl-cookie__links{display:flex;flex-wrap:wrap;gap:20px;margin-top:4px;}
.tl-cookie__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.tl-cookie--dark{background:var(--tl-glass-bg);border:1px solid var(--tl-glass-border);box-shadow:var(--tl-glass-shadow);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}
.tl-cookie--dark .tl-cookie__title{color:var(--tl-white);}
.tl-cookie--dark .tl-cookie__text{color:rgba(255,255,255,.86);}
.tl-cookie--dark .tl-cookie__body .tl-link{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--tl-citron);}
.tl-cookie--dark .tl-cookie__body .tl-link:hover{color:var(--tl-citron);opacity:.75;}

/* ─────────────── Quote / testimonial ─────────────── */
.tl-quote{display:flex;flex-direction:column;gap:20px;font-family:var(--tl-font-sans);}
.tl-quote__metric{font-size:44px;font-weight:600;line-height:1;letter-spacing:-.028em;background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-quote__text{font-size:28px;font-weight:300;line-height:1.4;letter-spacing:-.02em;color:var(--tl-deep-ocean);max-width:56ch;margin:0;}
.tl-quote__text em{font-style:normal;font-weight:500;background:var(--tl-gradient-button);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-quote__attr{display:flex;align-items:center;gap:14px;}
.tl-quote__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--tl-slate-10);flex-shrink:0;}
.tl-quote__who{display:flex;flex-direction:column;gap:2px;}
.tl-quote__name{font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--tl-deep-ocean);}
.tl-quote__role{font-size:14px;line-height:1.5;color:var(--tl-text-secondary);}
.tl-quote--card{background:var(--tl-white);border:1px solid var(--tl-border-subtle);border-radius:var(--tl-radius-md);padding:28px;box-shadow:var(--tl-elevation-01);gap:18px;}
.tl-quote--card .tl-quote__text{font-size:17px;font-weight:400;line-height:1.75;letter-spacing:-.003em;color:var(--tl-text-primary);}
.tl-quote--dark{background:var(--tl-deep-ocean);border-radius:var(--tl-radius-md);padding:40px;}
.tl-quote--dark .tl-quote__text{color:var(--tl-white);}
.tl-quote--dark .tl-quote__name{color:var(--tl-white);}
.tl-quote--dark .tl-quote__role{color:rgba(255,255,255,.72);}
.tl-quote--dark .tl-quote__metric{background:linear-gradient(90deg,var(--tl-cyan),var(--tl-citron));-webkit-background-clip:text;background-clip:text;}
.tl-quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.tl-quote--split{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:0;padding:0;border-radius:var(--tl-radius-md);overflow:hidden;box-shadow:0 4px 14px rgba(91,103,112,.22),0 1px 3px rgba(91,103,112,.12);background:var(--tl-white);}
.tl-quote--split .tl-quote__col{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:48px 40px 48px 56px;}
.tl-quote__mark{display:block;width:92px;aspect-ratio:69/54;margin-bottom:16px;opacity:.25;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-mask:url("assets/58288fc4-quote.svg") no-repeat center/contain;mask:url("assets/58288fc4-quote.svg") no-repeat center/contain;}
.tl-quote--split .tl-quote__text{font-size:34px;font-weight:400;line-height:1.28;letter-spacing:-.02em;color:var(--tl-deep-ocean);max-width:24ch;}
.tl-quote__attr--inline{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:28px;}
.tl-quote__attr--inline .tl-quote__name{font-size:17px;font-weight:600;color:var(--tl-deep-ocean);}
.tl-quote__attr--inline .tl-quote__role{font-size:17px;font-weight:400;color:var(--tl-deep-ocean);}
.tl-quote__cta{margin-top:26px;}
.tl-quote__cta:hover,.tl-quote__cta:active{text-decoration:none;}
.tl-quote__cta i{font-size:18px;}
.tl-quote__portrait{position:relative;align-self:stretch;overflow:hidden;background:var(--tl-slate-10);}
.tl-quote__portrait img{width:100%;height:100%;object-fit:cover;display:block;}
.tl-carousel .tl-quote--split{height:100%;grid-template-columns:minmax(0,1fr) clamp(150px,26cqi,300px);}
@container (max-width:820px){.tl-carousel .tl-quote--split{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;}.tl-carousel .tl-quote--split .tl-quote__portrait{order:-1;aspect-ratio:16/7;align-self:auto;}.tl-carousel .tl-quote--split .tl-quote__text{max-width:none;}}
.tl-carousel .tl-quote--split .tl-quote__col{padding:clamp(22px,3.4cqi,34px) clamp(20px,2.8cqi,28px) clamp(22px,3.4cqi,34px) clamp(22px,3.4cqi,34px);min-width:0;}
.tl-carousel .tl-quote--split .tl-quote__text{font-size:clamp(17px,2.1cqi,22px);line-height:1.32;letter-spacing:-.014em;max-width:28ch;}
.tl-carousel .tl-quote__mark{width:60px;margin-bottom:12px;}
.tl-carousel .tl-quote__attr--inline{margin-top:20px;}
.tl-quote--split.tl-quote--dark{background:rgba(255,255,255,.06);box-shadow:0 4px 14px rgba(0,0,0,.34),0 1px 3px rgba(0,0,0,.2);}
.tl-quote--split.tl-quote--dark .tl-quote__mark{opacity:1;background:var(--tl-glass-border);}
.tl-quote--split.tl-quote--dark .tl-quote__text,.tl-quote--split.tl-quote--dark .tl-quote__attr--inline .tl-quote__name{color:var(--tl-white);}
.tl-quote--split.tl-quote--dark .tl-quote__attr--inline .tl-quote__role{color:rgba(255,255,255,.78);}
.band--dark .tl-carousel__dot{background:var(--tl-glass-bg-strong);}
.band--dark .tl-carousel__dot:hover{background:var(--tl-glass-border);}
.band--dark .tl-carousel__dot.is-active{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));}
@media (max-width:760px){.tl-quote--split{grid-template-columns:1fr;}.tl-quote--split .tl-quote__col{padding:36px;}.tl-quote--split .tl-quote__text{font-size:28px;max-width:none;}.tl-quote__portrait{aspect-ratio:16/10;}}

/* ─────────────── Table of contents ─────────────── */
.tl-toc{display:flex;flex-direction:column;gap:2px;font-family:var(--tl-font-sans);}
.tl-toc__title{font-size:14px;font-weight:600;color:var(--tl-deep-ocean);padding:0 16px 12px;}
.tl-toc__link{display:flex;align-items:center;min-height:40px;padding:8px 18px;border-radius:999px;color:var(--tl-text-secondary);text-decoration:none;font-size:14px;font-weight:500;line-height:1.4;cursor:pointer;transition:background .15s ease,color .15s ease;}
.tl-toc__link:hover{background:rgba(0,61,76,.05);color:var(--tl-deep-ocean);text-decoration:none;}
.tl-toc__link:active{background:rgba(0,61,76,.08);}
.tl-toc__link:focus-visible{outline:2px solid var(--tl-tidal);outline-offset:2px;}
.tl-toc__link.is-active{background:linear-gradient(90deg,rgba(0,126,158,.14),rgba(0,135,85,.14));color:var(--tl-deep-ocean);font-weight:600;}
.tl-toc__link.is-sub{padding-left:34px;font-size:13px;min-height:34px;}

/* ─────────────── Orchestration group (network linkage) ─────────────── */
/* Vertical node rail on the dark shell — the About page volunteer-timeline pattern. */
.tl-orch-group{position:relative;display:flex;flex-direction:column;font-family:var(--tl-font-sans);}
.tl-orch-group__node{position:relative;display:flex;flex-direction:column;gap:6px;width:100%;padding:18px 0 18px 30px;border:0;background:transparent;font-family:inherit;text-align:left;cursor:pointer;}
.tl-orch-group__node::after{content:"";position:absolute;left:4.5px;top:36px;bottom:-23px;width:1px;background:rgba(236,232,26,0.45);}
.tl-orch-group__node:last-child::after{display:none;}
.tl-orch-group__dot{position:absolute;z-index:1;left:0;top:23px;width:10px;height:10px;border-radius:50%;background:rgba(236,232,26,0.55);transition:background 180ms ease,transform 180ms ease,box-shadow 180ms ease;}
.tl-orch-group__node:hover .tl-orch-group__dot{background:rgba(236,232,26,0.8);}
.tl-orch-group__node.is-active .tl-orch-group__dot{background:var(--tl-citron);transform:scale(1.25);box-shadow:0 0 0 4px rgba(236,232,26,0.22);}
.tl-orch-group__eyebrow{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--tl-citron);}
.tl-orch-group__label{font-size:18px;font-weight:650;line-height:1.3;color:var(--tl-white);transition:color 180ms ease;text-wrap:pretty;}
.tl-orch-group__node.is-active .tl-orch-group__label,.tl-orch-group__node:hover .tl-orch-group__label{color:#ffffff;}
.tl-orch-group__sub{font-size:15px;font-weight:400;line-height:1.55;color:var(--tl-white);transition:color 180ms ease;text-wrap:pretty;}
.tl-orch-group__node.is-active .tl-orch-group__sub{color:var(--tl-white);}
.tl-orch-group__node:focus-visible{outline:2px solid var(--tl-citron);outline-offset:3px;border-radius:6px;}
/* Light-background variant */
.tl-orch-group--light .tl-orch-group__node::after{background:rgba(0,61,76,0.18);}
.tl-orch-group--light .tl-orch-group__dot{background:linear-gradient(140deg,rgba(0,126,158,0.28),rgba(0,135,85,0.28));}
.tl-orch-group--light .tl-orch-group__node:hover .tl-orch-group__dot{background:linear-gradient(140deg,rgba(0,126,158,0.6),rgba(0,135,85,0.6));}
.tl-orch-group--light .tl-orch-group__node.is-active .tl-orch-group__dot{background:linear-gradient(140deg,var(--tl-tidal),var(--tl-emerald));box-shadow:0 0 0 4px rgba(0,126,158,0.16);}
.tl-orch-group--light .tl-orch-group__eyebrow{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;width:fit-content;}
.tl-orch-group--light .tl-orch-group__label{color:rgba(0,61,76,0.78);}
.tl-orch-group--light .tl-orch-group__node.is-active .tl-orch-group__label,.tl-orch-group--light .tl-orch-group__node:hover .tl-orch-group__label{color:var(--tl-deep-ocean);}
.tl-orch-group--light .tl-orch-group__sub{color:#505050;}
.tl-orch-group--light .tl-orch-group__node.is-active .tl-orch-group__sub{color:#384349;}
.tl-orch-group--light .tl-orch-group__node:focus-visible{outline:2px solid var(--tl-tidal);outline-offset:3px;}

/* ─────────────── Icon cards (About "Our Four Values" grid) ─────────────── */
.tl-icon-cards{--tl-icon-cards-cols:4; /* @kind other */ container-type:inline-size;display:grid;grid-template-columns:repeat(var(--tl-icon-cards-cols),minmax(0,1fr));align-items:stretch;gap:16px;font-family:var(--tl-font-sans);}
.tl-icon-card{display:flex;flex-direction:column;padding:28px 26px 24px;border-radius:16px;background:#ffffff;border:1px solid #E7E9E9;box-shadow:0 1px 4px rgba(37,37,37,0.06);}
.tl-icon-card__tile{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--tl-icon-tile-fill);color:var(--tl-tidal);}
.tl-icon-card__title{margin:18px 0 0;font-size:21px;font-weight:650;line-height:1.25;letter-spacing:-.01em;color:var(--tl-deep-ocean);text-wrap:pretty;}
.tl-icon-card__body{margin:12px 0 0;font-size:15px;font-weight:400;line-height:1.6;color:#505050;text-wrap:pretty;}
@container (max-width:900px){.tl-icon-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@container (max-width:560px){.tl-icon-cards{grid-template-columns:minmax(0,1fr);}}
.tl-icon-cards--dark .tl-icon-card{background:var(--tl-glass-bg);border-color:var(--tl-glass-border);box-shadow:var(--tl-glass-shadow);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);}
.tl-icon-cards--dark .tl-icon-card__tile{background:rgba(236,232,26,0.14);border:1px solid rgba(236,232,26,0.38);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);color:var(--tl-citron);}
.tl-icon-cards--dark .tl-icon-card__title{color:var(--tl-white);}
.tl-icon-cards--dark .tl-icon-card__body{color:rgba(255,255,255,0.86);}

/* ─────────────── Footnote card ─────────────── */
.tl-footnote-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;aspect-ratio:350/450;border-radius:var(--tl-radius-md);overflow:hidden;isolation:isolate;background:var(--tl-slate-10);box-shadow:0 4px 4px 0 rgba(0,0,0,.15);font-family:var(--tl-font-sans);}
.tl-footnote-card__media{position:absolute;inset:0;z-index:0;}
.tl-footnote-card__media img{width:100%;height:100%;object-fit:cover;display:block;}
.tl-footnote-card__media::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.10);}
.tl-footnote-card__blur{position:absolute;left:0;right:0;bottom:0;height:60%;z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask:linear-gradient(to bottom,transparent,#000 45%);mask:linear-gradient(to bottom,transparent,#000 45%);}
.tl-footnote-card__grad{position:absolute;left:0;right:0;bottom:0;height:60%;z-index:1;background:linear-gradient(to bottom,rgba(45,55,62,0),rgba(45,55,62,.55) 45%,rgba(45,55,62,.8));}
.tl-footnote-card__body{position:relative;z-index:2;padding:var(--tl-space-04) var(--tl-space-04) 0;}
.tl-footnote-card__title{color:var(--tl-white);font-size:28px;font-weight:500;letter-spacing:-.018em;line-height:1.1;text-shadow:0 4px 4px rgba(0,0,0,.25);}
.tl-footnote-card__footnote{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:12px var(--tl-space-04) var(--tl-space-04);font-size:14px;color:var(--tl-white);text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:var(--tl-font-mono);}

/* ─────────────── Image card (photographic, bottom-anchored) ─────────────── */
.icard{position:relative;border-radius:var(--tl-radius-md);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;color:var(--tl-white);isolation:isolate;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);transition:box-shadow .2s ease,transform .2s ease;font-family:var(--tl-font-sans);max-width:100%;}
.icard:hover{box-shadow:0 8px 10px 0 rgba(0,0,0,.6);transform:translateY(-4px);}
.icard--desktop{width:568px;aspect-ratio:568/442;}
.icard--mobile{width:350px;aspect-ratio:350/450;}
.icard-img{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;}
.icard-img::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.10);}
.icard-blur{position:absolute;left:0;right:0;bottom:0;height:66%;z-index:1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.12) 22%,rgba(0,0,0,.4) 42%,rgba(0,0,0,.75) 60%,#000 78%);mask:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.12) 22%,rgba(0,0,0,.4) 42%,rgba(0,0,0,.75) 60%,#000 78%);}
/* Bottom scrim — carries white text to AA (>=4.5:1) over any photograph.
   Deep Ocean ramp: transparent -> 34% -> 78% -> 94% at the card edge. */
.icard-grad{position:absolute;left:0;right:0;bottom:0;height:66%;z-index:1;background:var(--tl-icard-scrim);}
.icard--mobile .icard-blur,.icard--mobile .icard-grad{height:76%;}
.tl-carousel .icard-blur,.tl-carousel .icard-grad{height:42%;}
.tl-carousel .icard-title{font-size:36px;letter-spacing:-.022em;}
.tl-carousel .icard-desc{font-size:20px;}
@container (max-width:500px){.tl-carousel .icard-blur,.tl-carousel .icard-grad{height:76%;}.tl-carousel .icard--mobile .icard-title{font-size:30px;letter-spacing:-.018em;}.tl-carousel .icard--mobile .icard-desc{font-size:19px;}}
.icard-body{position:relative;z-index:2;padding:var(--tl-space-04);display:flex;flex-direction:column;justify-content:flex-end;min-height:50%;}
.icard[data-eyebrow]::before{content:attr(data-eyebrow);position:relative;z-index:2;padding:0 var(--tl-space-04);margin-bottom:4px;font-size:12px;font-weight:650;line-height:1.1;letter-spacing:0.14em;text-transform:uppercase;color:#ffffff;text-shadow:0 4px 4px rgba(0,0,0,.25);}
.icard[data-eyebrow] .icard-body{padding-top:0;min-height:0;}
.icard-title{color:var(--tl-white);font-weight:500;font-size:36px;letter-spacing:-.022em;line-height:1.2;padding-bottom:.12em;text-shadow:0 4px 4px rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.icard--mobile .icard-title{font-size:24px;letter-spacing:-.014em;white-space:normal;overflow:visible;text-overflow:clip;}
.tl-carousel .icard--mobile .icard-title{font-size:30px;letter-spacing:-.018em;}
.icard-desc{color:var(--tl-white);font-weight:400;font-size:20px;line-height:1.4;padding-bottom:.1em;margin-top:10px;text-shadow:0 4px 4px rgba(0,0,0,.25);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.icard--mobile .icard-desc{font-size:16px;-webkit-line-clamp:3;}
.tl-carousel .icard--mobile .icard-desc{font-size:19px;}
.icard-meta{position:relative;z-index:2;display:flex;gap:12px;margin-top:6px;font-size:15px;color:var(--tl-white);text-shadow:0 4px 4px rgba(0,0,0,.25);}
.icard-meta *{color:var(--tl-white);}
.icard-cta{display:flex;flex-wrap:wrap;gap:var(--tl-space-02);margin-top:16px;}
.icard--mobile .icard-meta{position:relative;z-index:2;display:flex;gap:12px;margin-top:6px;font-size:15px;color:var(--tl-white);text-shadow:0 4px 4px rgba(0,0,0,.25);}
.icard-meta *{color:var(--tl-white);}
.icard-cta{flex-direction:column;align-items:stretch;gap:12px;}
.tl-carousel .icard--mobile .icard-meta{position:relative;z-index:2;display:flex;gap:12px;margin-top:6px;font-size:15px;color:var(--tl-white);text-shadow:0 4px 4px rgba(0,0,0,.25);}
.icard-meta *{color:var(--tl-white);}
.icard-cta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--tl-space-02);}
.tl-carousel .icard--mobile .icard-cta .tl-btn--mobile{width:auto;}
.ct-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--tl-space-04);align-items:start;}
.ct-side{display:flex;flex-direction:column;gap:var(--tl-space-04);}
@media(max-width:860px){.ct-grid{grid-template-columns:1fr}}

/* ─────────────── Closing section (Solutions "Transform the future…" band) ─────────────── */
.tl-closing{position:relative;overflow:hidden;background:linear-gradient(150deg,#00694A 0%,#00544F 40%,#003D4C 78%,#00303D 100%);color:#ffffff;padding:104px clamp(24px,5vw,96px) 112px;font-family:var(--tl-font-sans);}
.tl-closing__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;}
.tl-closing__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 520px at 84% 10%,rgba(0,167,181,0.24),transparent 64%),radial-gradient(700px 480px at 8% 92%,rgba(236,232,26,0.1),transparent 66%);}
.tl-closing__inner{position:relative;z-index:2;max-width:920px;}
.tl-closing__title{margin:0;font-size:clamp(34px,4vw,58px);font-weight:700;line-height:1.08;letter-spacing:-0.024em;color:#ffffff;text-wrap:pretty;}
.tl-closing__text{margin:26px 0 0;max-width:72ch;font-size:clamp(17px,1.5vw,19px);font-weight:400;line-height:1.6;color:rgba(255,255,255,0.82);text-wrap:pretty;}
.tl-closing__ai{display:flex;align-items:center;gap:14px;width:100%;max-width:760px;height:72px;margin-top:42px;padding:0 8px 0 26px;border-radius:999px;background:#ffffff;box-shadow:0 1px 2px rgba(91,103,112,0.12),0 4px 12px rgba(91,103,112,0.16);}
.tl-closing__ai>i{flex:0 0 auto;font-size:26px;line-height:1;color:var(--tl-emerald);}
.tl-closing__ai input{flex:1;min-width:0;border:0;outline:0;background:transparent;text-overflow:ellipsis;font-family:inherit;font-size:18px;font-weight:400;line-height:1.4;color:var(--tl-deep-ocean);}
.tl-closing__ai button{flex:0 0 auto;height:56px;padding:0 32px;border:0;border-radius:999px;background:var(--tl-gradient-button);color:#ffffff;font-family:inherit;font-size:16px;font-weight:650;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;transition:opacity 150ms ease;}
.tl-closing__ai button:hover{opacity:0.6;}
.tl-closing__ai button:active{opacity:0.75;}
.tl-closing__cta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:40px;}


/* == _ds/new-tracelink-design-system-dls-wip-27b5c4ef-6fc4-4cc9-b770-898085aa09ab/styles.css <- ./tokens/site.css == */
/* ════════════════════════════════════════════════════════════════
   Website layer (2026 redesign) — page shell, chrome and section
   furniture extracted verbatim from the seven redesign pages
   (Homepage, Agents, AI, Solutions, Network, Resources, About).
   Values are copied from those pages; do not round them.
   ════════════════════════════════════════════════════════════════ */

/* ─────────── Layout primitives (verbatim from the redesign pages) ───────────
   The seven pages each redefine these inline; they live here so child pages
   can use CardGrid / CTARow / CarouselDots instead of re-declaring them. */
.tl-grid{display:grid;grid-template-columns:repeat(var(--tl-cols,3),minmax(0,1fr));gap:24px;}
@media (max-width:1180px){.tl-grid{grid-template-columns:repeat(var(--tl-cols-md,var(--tl-cols,3)),minmax(0,1fr));}}
@media (max-width:900px){.tl-grid{grid-template-columns:repeat(var(--tl-cols-sm,var(--tl-cols-md,var(--tl-cols,3))),minmax(0,1fr));}}
@media (max-width:1180px) and (min-width:721px){.tl-grid[data-span-last]>*:last-child{grid-column:1/-1;}}
@media (max-width:720px){.tl-grid{grid-template-columns:1fr;}.tl-grid[data-span-last]>*:last-child{grid-column:auto;}}

.tl-cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;}
@media (max-width:720px){.tl-cta-row{align-items:stretch;gap:12px;}.tl-cta-row>.tl-cta,.tl-cta-row>.tl-btn:not(.tl-btn--sm){width:100%;}}

.tl-dots{display:flex;align-items:center;justify-content:center;gap:10px;}
.tl-dots__dot{height:8px;width:8px;padding:0;border:0;border-radius:999px;background:rgba(0,61,76,0.22);cursor:pointer;transition:width 220ms cubic-bezier(0.2,0,0,1),background 220ms cubic-bezier(0.2,0,0,1);}
.tl-dots__dot.is-active{width:30px;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));}
.tl-dots--dark .tl-dots__dot{background:rgba(255,255,255,0.34);}
.tl-dots--dark .tl-dots__dot.is-active{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));}

/* ─────────── Card row (.tl-cards) — transcribed verbatim from the redesign
   pages' "Latest Content" sections. Wrap a Carousel of ImageCards in
   .tl-cards to get the page treatment: 4.25-up basis stepping to a stacked
   column, right-edge fade, 88% blur/scrim, and the data-eyebrow kicker. ─── */
.tl-cards .tl-carousel__track{padding:6px 0 24px;gap:var(--tl-carousel-gap);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-l),#000 calc(100% - 56px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-l),#000 calc(100% - 56px),transparent 100%)}
.tl-cards .icard-blur,.tl-cards .icard-grad{height:88%}
.tl-cards .icard-blur{-webkit-mask:linear-gradient(to bottom,transparent 0,rgba(0,0,0,0.12) 22%,rgba(0,0,0,0.4) 42%,rgba(0,0,0,0.75) 60%,#000 78%);mask:linear-gradient(to bottom,transparent 0,rgba(0,0,0,0.12) 22%,rgba(0,0,0,0.4) 42%,rgba(0,0,0,0.75) 60%,#000 78%)}
.tl-cards .icard-title{margin:0;padding-bottom:0}
.tl-cards .icard{width:100%;max-width:none}
.tl-cards .icard[data-eyebrow] .icard-body{padding-top:0;min-height:0}
.tl-cards .icard[data-eyebrow]::before{content:attr(data-eyebrow);position:relative;z-index:2;padding:0 var(--icard-pad-x);margin-bottom:4px;font-size:12px;font-weight:650;line-height:1.1;letter-spacing:0.14em;text-transform:uppercase;color:#ffffff;text-shadow:0 4px 4px rgba(0,0,0,.25)}
.tl-cards .icard-desc{margin-top:4px;padding-bottom:0}
.tl-cards .tl-carousel__item--card>div:not(.icard){display:block;width:100%}
.tl-cards .tl-carousel__item--card>.icard,.tl-cards .tl-carousel__item--card>div>.icard{display:flex;flex-direction:column;justify-content:flex-end;width:100%}
.tl-cards .tl-carousel__item--card{margin:0;flex-basis:calc((100% - 3.75 * var(--tl-carousel-gap)) / 4.25)}
@container (max-width:1400px){.tl-cards .tl-carousel__item--card{flex-basis:calc((100% - 2.75 * var(--tl-carousel-gap)) / 3.25)}}
@container (max-width:1100px){.tl-cards .tl-carousel__item--card{flex-basis:calc((100% - 1.75 * var(--tl-carousel-gap)) / 2.25)}}
@container (max-width:820px){.tl-cards .tl-carousel__item--card{flex-basis:calc((100% - 0.65 * var(--tl-carousel-gap)) / 1.15)}}
@container (max-width:600px){.tl-cards .tl-carousel__track{flex-direction:column;overflow-x:hidden;scroll-snap-type:none;padding:6px 0 8px;gap:20px;-webkit-mask-image:none;mask-image:none}
.tl-cards .tl-carousel__item--card{flex:0 0 auto;width:100%;max-width:100%;box-sizing:border-box;scroll-snap-align:none}
.tl-cards .icard{width:100%;max-width:100%;box-sizing:border-box}
.tl-cards .tl-carousel .icard--mobile .icard-cta{flex-direction:column;align-items:stretch;gap:12px}
.tl-cards .tl-carousel .icard--mobile .icard-cta .tl-btn{width:100%}}
@media (max-width:720px){.tl-cards .tl-carousel .icard--mobile .icard-cta{flex-direction:column;align-items:stretch;gap:12px}
.tl-cards .tl-carousel .icard--mobile .icard-cta .tl-btn{width:100%;height:48px;font-size:14px}
.tl-cards .icard{aspect-ratio:auto;height:auto;min-height:420px}
.tl-cards .icard[data-eyebrow]::before{padding:0 22px}
.tl-cards .icard-body{min-height:0;padding:24px 22px 26px}
.tl-cards .icard-blur,.tl-cards .icard-grad{height:100%}}

/* ─────────── Carousel dot rail (page card rows) ─────────── */
.tl-dots{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px}
.tl-dots button{height:8px;width:8px;padding:0;border:0;border-radius:999px;background:rgba(0,61,76,0.22);cursor:pointer;transition:width 220ms var(--tl-ease-emphasized),background 220ms var(--tl-ease-emphasized)}
.tl-dots button[data-on="true"]{width:26px;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald))}

/* ─────────── Section patterns (verbatim from the redesign pages) ─────────── */
.tl-eyebrow-grad{margin:0 0 14px;width:fit-content;font-weight:650;text-transform:uppercase;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-eyebrow-grad--lg{font-size:15px;letter-spacing:0.13em;}
.tl-eyebrow-grad--sm{font-size:13px;letter-spacing:0.14em;}
.tl-latest__eyebrow{margin:0 0 20px;width:fit-content;font-family:var(--tl-font-sans);font-size:14px;font-weight:650;letter-spacing:0.11em;text-transform:uppercase;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.tl-latest{--tl-carousel-gap:20px;}
.tl-quote-rail .tl-carousel__dot{background:rgba(255,255,255,0.28);-webkit-backdrop-filter:blur(var(--tl-blur-glass));backdrop-filter:blur(var(--tl-blur-glass));}
.tl-quote-rail .tl-carousel__dot:hover{background:rgba(255,255,255,0.45);}
.tl-quote-rail .tl-carousel__dot.is-active{background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));}

.tl-outrow{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;align-items:center;gap:24px;padding:15px 24px;border-top:1px solid #E7E9E9;}
.tl-outrow--head{border-top:0;background:#F7FAFA;}
.tl-outrow--head>*{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#5B6770;}
.tl-outrow--btn{cursor:pointer;transition:background 160ms ease;}
.tl-outrow--btn:hover{background:#F7FAFA;}
.tl-outrow__outcome{font-size:16.5px;font-weight:650;line-height:1.3;color:var(--tl-deep-ocean);}
.tl-outrow__value{font-size:14.5px;font-weight:400;line-height:1.5;color:#384349;}
.tl-outrow__state{font-size:12px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#5B6770;}
@media (max-width:820px){.tl-outrow{grid-template-columns:minmax(0,1fr);gap:10px;}}

.tl-catcard{display:flex;flex-direction:column;gap:12px;padding:22px 22px 24px;border-radius:16px;background:#ffffff;border:1px solid #E1E7E9;box-shadow:0 1px 4px rgba(37,37,37,0.06);text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease;}
.tl-catcard:hover{transform:translateY(-2px);border-color:var(--tl-emerald);box-shadow:0 12px 30px rgba(0,61,76,0.12);text-decoration:none;}
.tl-catcard:hover *,.tl-catcard:active *{text-decoration:none;}
.tl-catcard__tag{display:block;width:fit-content;max-width:100%;font-size:11px;font-weight:700;line-height:1.35;letter-spacing:0.08em;text-transform:uppercase;background:linear-gradient(90deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--tl-tidal);}
.tl-catcard__main{display:flex;align-items:flex-start;gap:12px;}
.tl-catcard__icon{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:linear-gradient(140deg,rgba(0,126,158,0.10),rgba(0,135,85,0.10));font-size:23px;}
.tl-catcard__icon>i{background:linear-gradient(140deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--tl-tidal);}
.tl-catcard__text{display:flex;flex-direction:column;gap:3px;min-width:0;}
.tl-catcard__title{font-size:17px;font-weight:650;line-height:1.3;letter-spacing:-0.008em;color:var(--tl-deep-ocean);}
.tl-catcard__body{font-size:14.5px;font-weight:400;line-height:1.5;color:#384349;text-wrap:pretty;}
.tl-catcard__footer{margin-top:auto;}

.tl-govband{display:grid;gap:18px 34px;padding:24px 30px;border-bottom:1px solid rgba(255,255,255,0.18);}
.tl-govband--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.tl-govband--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.tl-govband:last-child{border-bottom:0;}
.tl-govitem{display:flex;flex-direction:column;gap:10px;padding:0;border:0;background:none;text-align:left;cursor:pointer;}
.tl-govbars{display:flex;flex-direction:column;gap:7px;}
.tl-govbar{height:10px;border-radius:6px;background:rgba(255,255,255,0.24);transition:background 160ms ease;}
.tl-govitem:hover .tl-govbar{background:rgba(236,232,26,0.45);}
.tl-govitem[data-active="true"] .tl-govbar{background:rgba(236,232,26,0.72);}
.tl-fb-label{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--tl-citron);}
@media (max-width:640px){.tl-govband--2,.tl-govband--3{grid-template-columns:minmax(0,1fr);}.tl-govband{padding:20px 22px;}}

.tl-logrow{display:grid;grid-template-columns:96px 26px minmax(0,1fr) auto;align-items:start;gap:16px;padding:11px 0;border-top:1px solid #EDF1F2;}
.tl-logrow__time{font-size:13px;font-weight:600;letter-spacing:0.02em;color:#5B6770;white-space:nowrap;}
.tl-logrow__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(140deg,rgba(0,126,158,0.10),rgba(0,135,85,0.10));font-size:15px;}
.tl-logrow__icon>i{background:linear-gradient(140deg,var(--tl-tidal),var(--tl-emerald));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--tl-tidal);}
.tl-logrow__msg{font-size:14.5px;font-weight:400;line-height:1.5;color:#384349;text-wrap:pretty;}
.tl-logrow__status{font-size:12px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#5B6770;white-space:nowrap;}
@media (max-width:820px){.tl-logrow{grid-template-columns:28px minmax(0,1fr);gap:6px 14px;}.tl-logrow>*:nth-child(1){grid-column:2;order:2;}.tl-logrow>*:nth-child(4){grid-column:2;}}

/* ─────────── Diagrams (verbatim from Agents / AI pages) ─────────── */
@keyframes tl-orbit-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes tl-dotpulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(236,232,26,.45)}50%{transform:scale(1.12);box-shadow:0 0 14px 3px rgba(236,232,26,.35)}}

.tl-orbit__stage{position:relative;width:min(100%,560px);aspect-ratio:1;margin:0 auto;}
.tl-orbit__ring{position:absolute;left:50%;top:50%;width:88%;height:88%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(0,126,158,0.28);}
.tl-orbit__glow{position:absolute;left:50%;top:50%;width:70%;height:70%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,167,181,0.14),transparent 70%);}
.tl-orbit__orbiter{position:absolute;left:50%;top:50%;width:88%;height:88%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:1;animation:tl-orbit-spin 14s linear infinite;}
.tl-orbit__dot{position:absolute;left:50%;top:0;width:11px;height:11px;transform:translate(-50%,-50%);border-radius:50%;background:var(--tl-cyan);box-shadow:0 0 0 5px rgba(0,167,181,0.16);}
.tl-orbit__hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;}
.tl-orbit__node{position:absolute;width:200px;transform:translate(-50%,-50%);z-index:2;}
.tl-orbit__card{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:18px 18px 20px;border-radius:16px;background:linear-gradient(150deg,rgba(0,126,158,0.09),rgba(0,135,85,0.06));-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(0,126,158,0.22);box-shadow:0 1px 2px rgba(91,103,112,0.08),0 10px 26px rgba(0,61,76,0.10);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;}
.tl-orbit__card:hover,.tl-orbit__card[data-lit="true"]{background:linear-gradient(150deg,rgba(0,126,158,0.14),rgba(0,135,85,0.1));border-color:rgba(0,126,158,0.42);box-shadow:0 1px 2px rgba(91,103,112,0.08),0 16px 34px rgba(0,61,76,0.16);}
.tl-orbit__tile{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,0.72);border:1px solid rgba(0,126,158,0.28);color:var(--tl-tidal);font-size:22px;}
.tl-orbit__card[data-lit="true"] .tl-orbit__tile{background:rgba(255,255,255,0.92);border-color:rgba(0,126,158,0.5);}
.tl-orbit__title{font-size:16px;font-weight:650;line-height:1.3;letter-spacing:-0.008em;color:var(--tl-deep-ocean);}
.tl-orbit__body{font-size:14px;font-weight:400;line-height:1.5;color:#384349;text-wrap:pretty;}
@media (prefers-reduced-motion:reduce){.tl-orbit__orbiter,.tl-orbit__dot,.tl-arcdot{animation:none!important;}}
@media (max-width:900px){
.tl-orbit{padding:0!important;}
.tl-orbit__stage{width:100%!important;aspect-ratio:auto!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:36px 24px!important;justify-items:center!important;}
.tl-orbit__ring,.tl-orbit__orbiter,.tl-orbit__glow{display:none!important;}
.tl-orbit__hub{position:relative!important;left:auto!important;top:auto!important;transform:none!important;grid-column:1/-1!important;margin:0 0 8px!important;}
.tl-orbit__node{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:280px!important;}}

.tl-netrow{display:flex;align-items:center;gap:12px;}
.tl-netrow--l{justify-content:flex-end;text-align:right;}
.tl-netrow--r{justify-content:flex-start;text-align:left;}
.tl-netlabel{font-size:15px;font-weight:650;line-height:1.3;color:var(--tl-white);text-wrap:pretty;}
.tl-arcdot{flex:0 0 auto;width:15px;height:15px;border-radius:50%;background:var(--tl-citron);animation:tl-dotpulse 4s ease-in-out infinite;}
@media (max-width:620px){.tl-netlabel{font-size:12px;}.tl-netrow{gap:9px;}.tl-arcdot{width:12px;height:12px;}}

.tl-eqrow{display:grid;grid-auto-flow:column;grid-auto-columns:1fr auto;align-items:stretch;gap:0 8px;}
.tl-eqcard{display:flex;flex-direction:column;justify-content:flex-start;gap:16px;min-height:296px;padding:20px 17px 22px;border-radius:8px;background:#ffffff;border:1px solid rgba(255,255,255,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);}
.tl-eqcard[data-outcome="true"]{background:linear-gradient(160deg,#EAF6F0 0%,#DFF1E8 100%);border-color:var(--tl-emerald);box-shadow:0 0 0 1px rgba(0,135,85,0.22),0 0 34px rgba(236,232,26,0.15);}
.tl-eqcard__step{margin:0;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#5B6770;}
.tl-eqcard__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(140deg,rgba(0,126,158,0.10),rgba(0,135,85,0.10));color:var(--tl-tidal);font-size:23px;}
.tl-eqcard__title{font-size:17px;font-weight:650;line-height:1.3;letter-spacing:-0.008em;color:var(--tl-deep-ocean);}
.tl-eqcard__body{font-size:14.5px;font-weight:400;line-height:1.5;color:#384349;text-wrap:pretty;}
.tl-eqop{display:flex;align-items:center;justify-content:center;min-width:10px;font-size:18px;font-weight:600;line-height:1;color:var(--tl-tidal);}
@media (max-width:1000px){.tl-eqrow{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));grid-auto-columns:auto;gap:16px;}.tl-eqop{display:none;}.tl-eqcard{min-height:0;}}

.tl-orgleaf{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:182px;padding:16px 10px 18px;border:1px solid rgba(255,255,255,0.18);border-radius:14px;background:rgba(255,255,255,0.07);box-shadow:0 12px 26px rgba(0,0,0,0.16);font-family:inherit;color:var(--tl-white);text-align:center;box-sizing:border-box;transition:background 160ms cubic-bezier(0.2,0,0,1),border-color 160ms cubic-bezier(0.2,0,0,1),box-shadow 160ms cubic-bezier(0.2,0,0,1),transform 160ms cubic-bezier(0.2,0,0,1);}
.tl-orgleaf::before{content:"";position:absolute;top:-18px;left:50%;width:2px;height:18px;margin-left:-1px;background:rgba(255,255,255,0.18);}
.tl-orgleaf[data-kind="agent"]{cursor:pointer;background:rgba(0,167,181,0.18);border-color:rgba(0,167,181,0.52);box-shadow:0 12px 26px rgba(0,42,49,0.24),inset 0 1px 0 rgba(191,238,243,0.16);}
.tl-orgleaf[data-kind="agent"]:hover{background:rgba(236,232,26,0.16);border-color:rgba(236,232,26,0.7);box-shadow:0 0 22px rgba(236,232,26,0.28),0 14px 30px rgba(0,42,49,0.26),inset 0 1px 0 rgba(236,232,26,0.2);transform:translateY(-2px);}
.tl-orgleaf[data-kind="agent"]:focus-visible{outline:2px solid var(--tl-cyan);outline-offset:2px;}
.tl-orgleaf[data-kind="agent"][data-open="true"]{background:rgba(0,167,181,0.34);border-color:var(--tl-citron);box-shadow:0 0 0 1px rgba(236,232,26,0.45),0 14px 30px rgba(0,42,49,0.3);}

:root{
  /* Page shell */
  --tl-page-gradient:linear-gradient(150deg,#00694A 0%,#00544F 38%,#003D4C 74%,#00303D 100%); /* @kind color */
  --tl-page-glow:radial-gradient(1100px 620px at 8% -6%,rgba(0,167,181,0.26),transparent 64%),radial-gradient(900px 620px at 78% 18%,rgba(0,135,85,0.34),transparent 62%),radial-gradient(700px 520px at 96% 88%,rgba(236,232,26,0.10),transparent 66%); /* @kind color */
  --tl-section-x:clamp(24px,5vw,96px); /* @kind spacing */
  --tl-section-y:clamp(56px,7vw,104px); /* @kind spacing */

  /* Icon tiles on white: 140deg wash + matching full-strength glyph gradient */
  --tl-icon-tile-fill:linear-gradient(140deg,rgba(0,126,158,0.10),rgba(0,135,85,0.10)); /* @kind color */
  --tl-gradient-icon:linear-gradient(140deg,var(--tl-tidal),var(--tl-emerald)); /* @kind color */

  /* Card-row layout: left fade start and photographic-card body inset */
  --fade-l:0px; /* @kind other */
  --icard-pad-x:var(--tl-space-04); /* @kind other */

  /* Photographic-card bottom scrim (keeps white card copy at AA over any image) */
  --tl-icard-scrim:linear-gradient(to bottom,rgba(0,61,76,0) 0,rgba(0,61,76,0.34) 40%,rgba(0,45,56,0.78) 70%,rgba(0,33,42,0.94) 100%); /* @kind color */

  /* Glass surfaces on the dark shell */
  --tl-glass-bg:rgba(255,255,255,0.10); /* @kind color */
  --tl-glass-bg-strong:rgba(255,255,255,0.18); /* @kind color */
  --tl-glass-border:rgba(255,255,255,0.22); /* @kind color */
  --tl-glass-inset:inset 0 1px 0 rgba(255,255,255,0.16); /* @kind other */
  --tl-glass-shadow:0 12px 26px rgba(0,0,0,0.20); /* @kind other */

  /* Motion */
  --tl-ease-emphasized:cubic-bezier(0.2,0,0,1); /* @kind other */
}

@keyframes tl-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes tl-dotpulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(236,232,26,.45)}50%{transform:scale(1.12);box-shadow:0 0 14px 3px rgba(236,232,26,.35)}}
@keyframes tl-flipin{from{transform:perspective(1600px) rotateY(-22deg) scale(0.97)}to{transform:none}}

/* ─────────────── Page shell ─────────────── */
.tl-page{position:relative;overflow-x:clip;font-family:var(--tl-font-sans);background:var(--tl-page-gradient);color:var(--tl-white);}
.tl-page--light{background:var(--tl-white);color:var(--tl-black);}
.tl-page__glow{position:absolute;inset:0;pointer-events:none;background:var(--tl-page-glow);}
.tl-section{position:relative;padding:var(--tl-section-y) var(--tl-section-x);}
.tl-section--tint{background:#F4F8F8;}
.tl-section--white{background:var(--tl-white);}

/* Animated hairline divider between stacked sections */
.tl-section[data-div]::before{content:"";position:absolute;z-index:4;top:0;left:0;right:0;height:1px;transform:scaleX(0);transform-origin:left center;transition:transform 1100ms var(--tl-ease-emphasized);background:linear-gradient(90deg,rgba(0,126,158,0) 0,#007E9E 16%,#008755 54%,rgba(0,135,85,0) 100%);pointer-events:none;}
.tl-section[data-div="dark"]::before{background:linear-gradient(90deg,rgba(0,167,181,0) 0,#00A7B5 16%,#ECE81A 54%,rgba(236,232,26,0) 100%);opacity:.85;}
.tl-section[data-div][data-in="true"]::before{transform:scaleX(1);}

/* Reveal-on-scroll */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--tl-ease-emphasized),transform .7s var(--tl-ease-emphasized);}
[data-reveal][data-in="true"]{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important}.tl-section[data-div]::before{transform:scaleX(1)!important}}

/* ─────────────── Announcement bar ─────────────── */
.tl-announce{position:relative;z-index:9;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px var(--tl-section-x);background:#007E9E;color:var(--tl-white);font-family:var(--tl-font-sans);font-size:13px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;line-height:1.35;text-align:center;text-wrap:pretty;text-decoration:none;transition:background 150ms var(--tl-ease-emphasized);}
.tl-announce:hover{background:#006B87;color:var(--tl-white);text-decoration:none;}

/* ─────────────── Site header ─────────────── */
.tl-siteheader{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;padding:20px var(--tl-section-x);background:var(--tl-white);box-shadow:0 1px 0 rgba(0,61,76,0.10);font-family:var(--tl-font-sans);}
.tl-siteheader__logo{display:block;}
.tl-siteheader__logo img{display:block;height:68px;width:auto;}
.tl-mainnav{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;}
.tl-mainnav a{display:flex;align-items:center;gap:6px;padding:8px 2px;color:#505050;font-size:14px;font-weight:500;text-decoration:none;transition:color 220ms var(--tl-ease-emphasized);}
.tl-mainnav a:hover{color:#007F90;text-decoration:none;}
.tl-mainnav a.is-active{color:var(--tl-deep-ocean);font-weight:650;}
.tl-mainnav a.tl-mainnav__ai{gap:7px;color:var(--tl-deep-ocean);font-weight:600;}
.tl-mainnav a.tl-mainnav__ai i{color:#00A7B5;font-size:17px;line-height:1;}
.tl-mainnav__bar{position:absolute;left:0;bottom:-6px;width:0;height:2px;opacity:0;border-radius:2px;background:linear-gradient(90deg,#007F90,#008755);transition:transform 320ms var(--tl-ease-emphasized),width 320ms var(--tl-ease-emphasized),opacity 220ms var(--tl-ease-emphasized);}
.tl-siteheader__actions{display:flex;align-items:center;gap:12px;margin-left:auto;}
.tl-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:999px;background:transparent;color:var(--tl-deep-ocean);cursor:pointer;transition:background 220ms var(--tl-ease-emphasized);}
.tl-icon-btn:hover{background:linear-gradient(140deg,rgba(0,126,158,0.10),rgba(0,135,85,0.10));}
.tl-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #D6E1E4;border-radius:50%;background:var(--tl-white);color:var(--tl-deep-ocean);cursor:pointer;}
@media (max-width:900px){
.tl-burger{display:inline-flex}
.tl-mainnav{display:none}
.tl-mainnav[data-open="true"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;order:3;margin-top:6px;padding-top:8px;border-top:1px solid #E7E9E9}
.tl-mainnav[data-open="true"] a{width:100%;padding:14px 2px;font-size:16px;border-bottom:1px solid #F0F3F4}
.tl-mainnav[data-open="true"]>span{display:none}
}

/* ─────────────── In-page sub nav (Resources / About pattern) ─────────────── */
.tl-subbar{position:sticky;top:0;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,0.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 0 rgba(0,61,76,0.12);}
.tl-subnav{display:flex;align-items:center;gap:4px;padding:0 var(--tl-section-x);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.tl-subnav::-webkit-scrollbar{display:none;}
.tl-subnav a{flex:0 0 auto;padding:18px 14px;color:#505050;font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none;border-bottom:2px solid transparent;transition:color 200ms var(--tl-ease-emphasized),border-color 200ms var(--tl-ease-emphasized);}
.tl-subnav a:hover{color:#007F90;text-decoration:none;}
.tl-subnav a.is-active{font-weight:650;border-bottom-color:#008755;background-image:linear-gradient(90deg,#007E9E,#008755);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tl-subnav__cta{flex:0 0 auto;display:flex;margin-left:auto;padding:8px var(--tl-section-x) 8px 0;}

/* ─────────────── Glass panel ─────────────── */
.tl-glass{position:relative;border-radius:16px;background:var(--tl-glass-bg);border:1px solid var(--tl-glass-border);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);box-shadow:var(--tl-elevation-03),var(--tl-glass-inset);color:var(--tl-white);transition:background 240ms var(--tl-ease-emphasized),border-color 240ms var(--tl-ease-emphasized),box-shadow 240ms var(--tl-ease-emphasized);}
.tl-glass--pad{padding:24px 26px;}
.tl-glass--interactive{cursor:pointer;}
.tl-glass--interactive:hover{background:rgba(236,232,26,.12);border-color:#ECE81A;box-shadow:0 0 16px rgba(236,232,26,.32),0 12px 30px rgba(236,232,26,.18);}
.tl-glass--light{background:linear-gradient(150deg,rgba(0,126,158,0.09),rgba(0,135,85,0.06));border-color:rgba(0,126,158,0.22);box-shadow:0 1px 2px rgba(91,103,112,0.08),0 10px 26px rgba(0,61,76,0.10);color:var(--tl-black);}
.tl-glass--light:hover{background:linear-gradient(150deg,rgba(0,126,158,0.14),rgba(0,135,85,0.10));border-color:rgba(0,126,158,0.42);box-shadow:0 1px 2px rgba(91,103,112,0.08),0 16px 34px rgba(0,61,76,0.16);}

/* ─────────────── Section intro (eyebrow + title + lede) ─────────────── */
.tl-sintro{display:flex;flex-direction:column;max-width:840px;}
.tl-sintro__eyebrow{margin:0 0 14px;width:fit-content;font-size:15px;font-weight:650;letter-spacing:0.13em;text-transform:uppercase;line-height:1.1;background:linear-gradient(90deg,var(--tl-tidal) 0%,var(--tl-emerald) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--tl-emerald);}
.tl-sintro__title{margin:0;max-width:22ch;font-size:clamp(30px,3.2vw,44px);font-weight:650;line-height:1.14;letter-spacing:-0.015em;color:var(--tl-deep-ocean);text-wrap:pretty;}
.tl-sintro__lede{margin:24px 0 0;max-width:74ch;font-size:clamp(17px,1.5vw,19px);font-weight:400;line-height:1.6;color:#384349;text-wrap:pretty;}
.tl-sintro--dark .tl-sintro__eyebrow{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#ECE81A;color:#ECE81A;}
.tl-sintro--dark .tl-sintro__title{color:var(--tl-white);}
.tl-sintro--dark .tl-sintro__lede{color:rgba(255,255,255,0.86);}

/* ─────────────── AI search bar (AI Mode) ─────────────── */
.tl-hero-ai{box-sizing:border-box;display:flex;align-items:center;gap:14px;height:72px;padding:0 8px 0 26px;border-radius:999px;background:var(--tl-white);box-shadow:0 1px 2px rgba(91,103,112,0.12),0 4px 12px rgba(91,103,112,0.16);transition:box-shadow .15s ease;text-align:left;}
.tl-hero-ai i{flex:none;font-size:24px;line-height:1;color:var(--tl-emerald);}
.tl-hero-ai input{flex:1;min-width:0;height:100%;border:0;background:transparent;text-overflow:ellipsis;font-family:var(--tl-font-sans);font-size:18px;font-weight:400;line-height:1.4;color:var(--tl-deep-ocean);outline:none;}
.tl-hero-ai input::placeholder{color:#5B6770;}
.tl-hero-ai button{flex:none;height:56px;padding:0 32px;white-space:nowrap;}
.tl-hero-ai:focus-within{box-shadow:-10px 2px 26px 4px rgba(0,163,204,.85),10px 2px 26px 4px rgba(0,179,113,.85),0 0 0 4px rgba(255,255,255,.28);}
@media (max-width:720px){.tl-hero-ai{height:64px;gap:10px;padding:0 8px 0 16px}.tl-hero-ai button{height:48px;padding:0 18px;font-size:13px}.tl-hero-ai input{font-size:16px}}

/* ─────────────── Tabbed panel ─────────────── */
.tl-etabs{display:flex;align-items:stretch;flex-wrap:wrap;gap:0;}
.tl-etab{display:inline-flex;align-items:flex-end;height:58px;padding:0 26px;border:0;border-radius:16px 16px 0 0;background:transparent;color:#505050;font-family:var(--tl-font-sans);font-size:15px;font-weight:500;letter-spacing:-.005em;cursor:pointer;transition:background 180ms ease,color 180ms ease;}
.tl-etab>span{display:inline-flex;align-items:center;padding-bottom:10px;}
.tl-etab:hover{color:#007F90;}
.tl-etab[data-active="true"]{background:#F4F8F8;color:var(--tl-deep-ocean);font-weight:650;}
.tl-epanel{border-radius:16px;padding:32px 32px 34px;background:#F4F8F8;}
.tl-epanel[data-first-active="true"]{border-top-left-radius:0;}
.tl-etabs--dark .tl-etab{color:rgba(255,255,255,0.72);}
.tl-etabs--dark .tl-etab:hover{color:var(--tl-white);}
.tl-etabs--dark .tl-etab[data-active="true"]{background:rgba(255,255,255,0.09);color:var(--tl-white);}
.tl-epanel--dark{background:rgba(255,255,255,0.09);color:var(--tl-white);}
@media (max-width:720px){.tl-etab{height:50px;padding:0 16px;font-size:14px}.tl-epanel{padding:24px 22px 28px}}

/* ─────────────── Stat tile (outcome) ─────────────── */
.tl-stat-tile{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:rgba(0,29,37,0.30);border:1px solid rgba(255,255,255,0.16);font-family:var(--tl-font-sans);}
.tl-stat-tile__v{font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.1;color:#ECE81A;}
.tl-stat-tile__l{font-size:12.5px;font-weight:500;line-height:1.35;color:rgba(255,255,255,0.74);}
.tl-stat-tile--light{background:var(--tl-white);border-color:#E7E9E9;}
.tl-stat-tile--light .tl-stat-tile__v{color:var(--tl-deep-ocean);}
.tl-stat-tile--light .tl-stat-tile__l{color:#505050;}
.tl-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;}

/* ─────────────── Timeline list ─────────────── */
.tl-tline{display:flex;flex-direction:column;font-family:var(--tl-font-sans);}
.tl-tline__row{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 0 18px 30px;}
.tl-tline__row::after{content:"";position:absolute;left:4.5px;top:36px;bottom:-23px;width:1px;background:rgba(255,255,255,0.24);}
.tl-tline__row:last-child::after{display:none;}
.tl-tline__dot{position:absolute;z-index:1;left:0;top:23px;width:10px;height:10px;border-radius:50%;background:#ECE81A;box-shadow:0 0 0 4px rgba(236,232,26,0.18);}
.tl-tline__label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ECE81A;}
.tl-tline__text{font-size:15px;font-weight:400;line-height:1.55;color:rgba(255,255,255,0.82);text-wrap:pretty;}
.tl-tline--light .tl-tline__row::after{background:rgba(0,61,76,0.18);}
.tl-tline--light .tl-tline__dot{background:var(--tl-emerald);box-shadow:0 0 0 4px rgba(0,135,85,0.14);}
.tl-tline--light .tl-tline__label{color:#007E9E;}
.tl-tline--light .tl-tline__text{color:#505050;}

/* ─────────────── Pull quote ─────────────── */
.tl-pullquote{margin:18px 0 0;padding:0 0 0 16px;border-left:2px solid #ECE81A;font-family:var(--tl-font-sans);}
.tl-pullquote__t{margin:0;font-size:16px;font-weight:400;font-style:italic;line-height:1.5;color:var(--tl-white);text-wrap:pretty;}
.tl-pullquote__a{margin-top:10px;font-size:12.5px;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,0.62);}
.tl-pullquote--light{border-left-color:var(--tl-emerald);}
.tl-pullquote--light .tl-pullquote__t{color:var(--tl-deep-ocean);}
.tl-pullquote--light .tl-pullquote__a{color:#5B6770;}

/* ─────────────── Logo marquee (awards / certifications) ─────────────── */
.tl-logos{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 90px,#000 calc(100% - 90px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 90px,#000 calc(100% - 90px),transparent 100%);}
.tl-logos .tl-marquee__track{display:flex;align-items:center;gap:56px;width:max-content;animation:tl-marquee 42s linear infinite;}
.tl-logos:hover .tl-marquee__track{animation-play-state:paused;}
.tl-logos img{height:72px;width:auto;display:block;filter:grayscale(1) contrast(0.92) brightness(1.02);opacity:.62;transition:filter 220ms ease,opacity 220ms ease;}
.tl-logos img:hover{filter:none;opacity:1;}
@media (max-width:720px){.tl-logos img{height:58px}.tl-logos .tl-marquee__track{gap:48px}}
@media (prefers-reduced-motion:reduce){.tl-logos .tl-marquee__track{animation:none}.tl-logos{overflow-x:auto}}
/* Dark treatment — Resources "Partner Ecosystem": 190×76 cells, logos knocked to white */
.tl-logos--dark{padding:6px 0;}
.tl-logos--dark .tl-marquee__track{gap:28px;padding:0 7px;}
.tl-logos--dark .tl-plogo{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:190px;height:76px;opacity:.66;transition:opacity 220ms ease,transform 220ms ease;}
.tl-logos--dark .tl-plogo:hover{opacity:1;transform:translateY(-2px);}
.tl-logos--dark img{display:block;width:auto;height:auto;max-width:150px;max-height:38px;object-fit:contain;opacity:1;filter:brightness(0) invert(1);transition:filter 260ms ease;}
.tl-logos--dark .tl-plogo:hover img{filter:none;}
@media (max-width:720px){.tl-logos--dark .tl-marquee__track{gap:18px}.tl-logos--dark .tl-plogo{width:150px;height:64px}.tl-logos--dark img{max-width:120px;max-height:44px}}

/* ─────────────── Tier card (expand on hover) ─────────────── */
.tl-tier{cursor:pointer;font-family:var(--tl-font-sans);}
.tl-tier__face{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:start;gap:22px;width:100%;padding:24px 26px;border-radius:16px;background:var(--tl-glass-bg);border:1px solid var(--tl-glass-border);-webkit-backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);backdrop-filter:blur(var(--tl-blur-glass)) saturate(140%);box-shadow:var(--tl-elevation-03),var(--tl-glass-inset);transition:background 240ms var(--tl-ease-emphasized),border-color 240ms var(--tl-ease-emphasized),box-shadow 240ms var(--tl-ease-emphasized);}
.tl-tier:hover .tl-tier__face,.tl-tier:focus-within .tl-tier__face,.tl-tier[data-open="true"] .tl-tier__face{background:rgba(236,232,26,.12);border-color:#ECE81A;box-shadow:0 0 16px rgba(236,232,26,.32),0 12px 30px rgba(236,232,26,.18);}
.tl-tier__node{display:grid;place-items:center;width:76px;height:76px;border-radius:16px;background:rgba(0,32,40,0.32);border:1px solid rgba(255,255,255,0.4);color:var(--tl-white);font-size:32px;transition:background 240ms ease,border-color 240ms ease;}
.tl-tier__title{margin:0;font-size:clamp(19px,2vw,24px);font-weight:650;line-height:1.2;letter-spacing:-.008em;color:var(--tl-white);}
.tl-tier__desc{margin:6px 0 0;font-size:15px;line-height:1.55;color:rgba(255,255,255,0.82);text-wrap:pretty;}
.tl-tier__count{align-self:center;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.26);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.88);white-space:nowrap;}
.tl-tier__body{max-height:0;margin-top:0;opacity:0;overflow:hidden;transition:max-height 380ms var(--tl-ease-emphasized),opacity 240ms var(--tl-ease-emphasized),margin-top 380ms var(--tl-ease-emphasized);}
.tl-tier:hover .tl-tier__body,.tl-tier:focus-within .tl-tier__body,.tl-tier[data-open="true"] .tl-tier__body{max-height:420px;margin-top:18px;opacity:1;}
.tl-tier__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,238px),1fr));gap:26px 24px;padding:8px 26px 30px;}
@media (hover:none){.tl-tier__body{max-height:none;margin-top:18px;opacity:1;transition:none}}
@media (max-width:760px){.tl-tier__face{grid-template-columns:52px minmax(0,1fr);gap:16px;padding:20px}.tl-tier__node{width:52px;height:52px;font-size:24px}.tl-tier__count{grid-column:2;justify-self:start;margin-top:4px}.tl-tier__grid{grid-template-columns:minmax(0,1fr);padding:4px 20px 24px}}

/* ─────────────── Sequence chain ─────────────── */
.tl-seq{display:grid;grid-template-columns:repeat(var(--tl-seq-steps,5),minmax(0,1fr) 26px) minmax(0,1.34fr);align-items:stretch;gap:20px 8px;font-family:var(--tl-font-sans);}
.tl-seq__op{display:grid;place-items:center;align-self:center;justify-self:center;color:rgba(255,255,255,0.5);font-size:18px;}
.tl-seq__card{display:flex;flex-direction:column;gap:6px;padding:16px 16px 18px;border-radius:14px;background:var(--tl-glass-bg);border:1px solid rgba(255,255,255,0.18);box-shadow:var(--tl-glass-shadow);color:var(--tl-white);transition:background 180ms ease,border-color 180ms ease;}
.tl-seq__card:hover{background:var(--tl-glass-bg-strong);}
.tl-seq__k{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,0.6);}
.tl-seq__t{font-size:16px;font-weight:650;line-height:1.25;}
.tl-seq__d{font-size:13.5px;line-height:1.45;color:rgba(255,255,255,0.74);}
.tl-seq__card[data-outcome="true"]{background:rgba(236,232,26,0.16);border-color:#ECE81A;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.20),0 0 26px rgba(236,232,26,0.24);}
.tl-seq__card[data-outcome="true"]:hover{background:rgba(236,232,26,0.22);}
.tl-seq__card[data-outcome="true"] .tl-seq__t,.tl-seq__card[data-outcome="true"] .tl-seq__k{color:#ECE81A;}
.tl-seq__card[data-outcome="true"] .tl-seq__d{color:rgba(236,232,26,0.80);}
@media (max-width:1440px){.tl-seq{grid-template-columns:repeat(var(--tl-seq-steps,5),minmax(0,1fr) 18px) minmax(0,1.2fr);gap:12px 4px}}
@media (max-width:1240px){.tl-seq{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.tl-seq__op{display:none!important}}
@media (max-width:900px){.tl-seq{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}
@media (max-width:560px){.tl-seq{grid-template-columns:1fr!important}}

/* ─────────────── Swap (before → after) ─────────────── */
.tl-swap{display:flex;align-items:stretch;gap:0;font-family:var(--tl-font-sans);}
.tl-swap__col{flex:1 1 0;min-width:0;box-sizing:border-box;padding:26px 24px 48px;border-radius:16px;background:var(--tl-glass-bg);border:1px solid var(--tl-glass-border);box-shadow:var(--tl-glass-shadow);color:var(--tl-white);}
.tl-swap__col--after{background:rgba(236,232,26,0.10);border-color:rgba(236,232,26,0.55);}
.tl-swap__label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,0.62);}
.tl-swap__col--after .tl-swap__label{color:#ECE81A;}
.tl-swap__title{margin:8px 0 12px;font-size:clamp(19px,2vw,24px);font-weight:650;line-height:1.2;letter-spacing:-.008em;}
.tl-swap__item{display:flex;align-items:baseline;gap:9px;margin-top:9px;font-size:15px;font-weight:400;line-height:1.45;color:rgba(255,255,255,0.86);}
.tl-swap__item::before{content:"";flex:none;width:5px;height:5px;margin-top:.5em;border-radius:50%;background:rgba(255,255,255,0.55);}
.tl-swap__col--after .tl-swap__item::before{background:#ECE81A;}
.tl-swap__arrow{flex:0 0 72px;display:grid;place-items:center;color:rgba(236,232,26,.85);font-size:28px;}
@media (max-width:860px){.tl-swap{flex-direction:column}.tl-swap__col{flex:0 0 auto;padding:20px 18px 30px}.tl-swap__arrow{flex:0 0 auto;height:58px;transform:rotate(90deg)}}

/* ─────────────── Node tile (icon + caption) ─────────────── */
.tl-nodetile{display:flex;flex-direction:column;align-items:center;gap:10px;width:122px;font-family:var(--tl-font-sans);font-size:12px;font-weight:600;line-height:1.3;text-align:center;color:var(--tl-white);text-wrap:pretty;}
.tl-nodetile__tile{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:rgba(255,255,255,.1);transition:background 180ms ease,border-color 180ms ease;}
.tl-nodetile__tile i{font-size:27px;line-height:1;color:var(--tl-white);}
.tl-nodetile:hover .tl-nodetile__tile{background:rgba(236,232,26,.2);border-color:#ECE81A;}
.tl-nodetile--light{color:var(--tl-deep-ocean);}
.tl-nodetile--light .tl-nodetile__tile{background:var(--tl-icon-tile-fill);border-color:transparent;}
.tl-nodetile--light .tl-nodetile__tile i::before{background-image:var(--tl-gradient-icon);}
.tl-nodetile--light .tl-nodetile__tile svg{color:var(--tl-tidal);}

/* ─────────────── Process reveal card (copy swaps for process list) ─────────────── */
.tl-preveal[data-eyebrow]::before{content:attr(data-eyebrow);position:relative;z-index:2;padding:0 var(--icard-pad-x,var(--tl-space-04));margin-bottom:4px;font-size:12px;font-weight:650;line-height:1.1;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-white);text-shadow:0 4px 4px rgba(0,0,0,.25);}
.tl-preveal[data-eyebrow]{display:flex;flex-direction:column;justify-content:flex-end;}
.tl-preveal[data-eyebrow] .icard-body{padding-top:0;}
.tl-preveal .icard-title,.tl-preveal .icard-desc{transition:opacity 220ms var(--tl-ease-emphasized),max-height 340ms var(--tl-ease-emphasized),margin 340ms var(--tl-ease-emphasized);}
.tl-preveal:hover .icard-title,.tl-preveal:focus-within .icard-title,.tl-preveal:hover .icard-desc,.tl-preveal:focus-within .icard-desc{opacity:0;max-height:0;margin:0;overflow:hidden;}
.tl-preveal__proc{overflow:hidden;max-height:0;opacity:0;transition:max-height 340ms var(--tl-ease-emphasized),opacity 220ms var(--tl-ease-emphasized);}
.tl-preveal:hover .tl-preveal__proc,.tl-preveal:focus-within .tl-preveal__proc{max-height:260px;opacity:1;}
.tl-preveal__head{display:block;margin-bottom:14px;font-size:11px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:#ECE81A;}
.tl-preveal__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;}
.tl-preveal__item{display:flex;align-items:baseline;gap:9px;font-size:16px;font-weight:500;line-height:1.35;color:var(--tl-white);}
.tl-preveal__item::before{content:"";flex:none;width:5px;height:5px;margin-top:.5em;border-radius:50%;background:#ECE81A;}
@media (hover:none){.tl-preveal__proc{max-height:none;opacity:1}}
@media (max-width:720px){.tl-preveal__list{grid-template-columns:1fr}.tl-preveal__proc{max-height:none;opacity:1}}

/* ─────────────── Section blocks (IconTile · FeatureCard · NumberedEyebrow) ───────────────
   Values transcribed from the redesign pages: 52/12 icon tile, 16px white card
   with an #E7E9E9 hairline, and the mono numbered section marker. */
.tl-icon-tile{display:grid;place-items:center;border-radius:12px;flex:none;}
.tl-icon-tile--light{background:var(--tl-icon-tile-fill);}
.tl-icon-tile--light>i::before{background-image:var(--tl-gradient-icon);}
.tl-icon-tile--light>span{background:var(--tl-gradient-icon);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.tl-icon-tile--citron{background:rgba(236,232,26,0.14);border:1px solid rgba(236,232,26,0.34);color:#ECE81A;}

.tl-feature{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--tl-font-sans);}
.tl-feature--light{padding:28px 26px 24px;border-radius:16px;background:var(--tl-white);border:1px solid #E7E9E9;box-shadow:0 1px 4px rgba(37,37,37,0.06);}
.tl-feature__label{margin:18px 0 0;font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;background:linear-gradient(90deg,var(--tl-tidal) 0%,var(--tl-emerald) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--tl-emerald);white-space:nowrap;}
.tl-feature__title{margin:18px 0 0;font-size:21px;font-weight:650;line-height:1.25;letter-spacing:-0.01em;color:var(--tl-deep-ocean);text-wrap:pretty;}
.tl-feature__label+.tl-feature__title{margin-top:10px;}
.tl-feature__body{margin:12px 0 0;font-size:15px;font-weight:400;line-height:1.6;color:#505050;text-wrap:pretty;}
.tl-feature--dark .tl-feature__title{margin-top:16px;font-size:20px;color:var(--tl-white);}
.tl-feature--dark .tl-feature__body{color:rgba(255,255,255,0.78);}
.tl-feature--dark .tl-feature__label{color:#ECE81A;background:none;-webkit-text-fill-color:#ECE81A;}

.tl-numbrow{display:flex;align-items:center;gap:16px;font-family:var(--tl-font-sans);}
.tl-numbrow__index{font-family:var(--tl-font-mono);font-size:13px;font-weight:500;letter-spacing:0.1em;}
.tl-numbrow__rule{width:44px;height:1px;flex:none;}
.tl-numbrow__label{font-size:15px;font-weight:650;letter-spacing:0.13em;text-transform:uppercase;}
.tl-numbrow--dark .tl-numbrow__index,.tl-numbrow--dark .tl-numbrow__label{color:#ECE81A;}
.tl-numbrow--dark .tl-numbrow__rule{background:rgba(236,232,26,0.5);}
.tl-numbrow--light .tl-numbrow__index{color:var(--tl-tidal);}
.tl-numbrow--light .tl-numbrow__rule{background:rgba(0,126,158,0.4);}
.tl-numbrow--light .tl-numbrow__label{background:linear-gradient(90deg,var(--tl-tidal) 0%,var(--tl-emerald) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--tl-emerald);}

/* ─────────────── Grid helper ───────────────
   Explicit column counts per tier so a row never leaves one card alone until
   mobile. Set --tl-cols / --tl-cols-md / --tl-cols-sm on the element; add
   data-span-last to let an odd last card span the row at mid widths. */
.tl-grid{display:grid;grid-template-columns:repeat(var(--tl-cols,3),minmax(0,1fr));}
@media (max-width:1180px){.tl-grid{grid-template-columns:repeat(var(--tl-cols-md,var(--tl-cols,3)),minmax(0,1fr));}}
@media (max-width:900px){.tl-grid{grid-template-columns:repeat(var(--tl-cols-sm,var(--tl-cols-md,var(--tl-cols,3))),minmax(0,1fr));}}
@media (max-width:1180px) and (min-width:721px){.tl-grid[data-span-last]>*:last-child{grid-column:1/-1;}}
@media (max-width:720px){.tl-grid{grid-template-columns:1fr;}.tl-grid[data-span-last]>*:last-child{grid-column:auto;}}

/* CTA rows go full-width stacked on phones */
@media (max-width:720px){.tl-cta-row{flex-wrap:wrap;align-items:stretch;gap:12px;}.tl-cta-row .tl-btn:not(.tl-btn--sm){width:100%;}}

/* ─────────────── Page bands (SectionBand · PageHero · ClosingCTA · StatBand) ───────────────
   Surfaces, padding, and glows transcribed from the seven 2026 pages. */
.tl-band{position:relative;overflow:hidden;padding:92px clamp(24px,5vw,96px);}
.tl-band__inner{position:relative;z-index:2;}
.tl-band__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.11;pointer-events:none;}
.tl-band__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(820px 480px at 88% 10%,rgba(0,167,181,0.22),transparent 64%);}
.tl-band--white{background:var(--tl-white);}
.tl-band--tint{background:#F4F8F8;}
.tl-band--ocean{background:linear-gradient(135deg,#003D4C 0%,#004A6B 52%,#005587 100%);color:var(--tl-white);}
.tl-band--deep{background:linear-gradient(150deg,#003D4C 0%,#00544F 62%,#00303D 100%);color:var(--tl-white);}
.tl-band--evergreen{background:linear-gradient(180deg,#006341 0%,#004A50 46%,#003D4C 100%);color:var(--tl-white);}
.tl-band--close{background:linear-gradient(150deg,#00694A 0%,#00544F 40%,#003D4C 78%,#00303D 100%);color:var(--tl-white);}
.tl-band--ocean h2,.tl-band--deep h2,.tl-band--evergreen h2,.tl-band--close h2{color:var(--tl-white);}

.tl-phero{position:relative;overflow:hidden;padding:104px clamp(24px,5vw,96px) 112px;background:linear-gradient(180deg,#006341 0%,#004A50 46%,#003D4C 100%);color:var(--tl-white);}
.tl-phero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:.5;pointer-events:none;}
.tl-phero__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,61,76,0.86) 0%,rgba(0,71,72,0.80) 46%,rgba(0,99,65,0.84) 100%);}
.tl-phero__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(1100px 620px at 50% -12%,rgba(0,167,181,0.22),transparent 68%);}
.tl-phero__inner{position:relative;z-index:2;display:flex;flex-direction:column;max-width:1240px;margin:0 auto;}
.tl-phero--center .tl-phero__inner{align-items:center;text-align:center;}
.tl-phero--left .tl-phero__inner{align-items:flex-start;text-align:left;}
.tl-phero__eyebrow{margin:0 0 16px;font-size:15px;font-weight:650;letter-spacing:0.13em;text-transform:uppercase;color:#ECE81A;}
.tl-phero__title{margin:0;font-size:clamp(32px,4vw,56px);font-weight:600;line-height:1.14;letter-spacing:-0.03em;padding-bottom:0.08em;color:var(--tl-white);text-wrap:balance;}
.tl-phero__lede{margin:20px 0 0;max-width:800px;font-size:clamp(18px,1.55vw,21px);font-weight:400;line-height:1.5;letter-spacing:-0.01em;color:rgba(255,255,255,0.92);text-wrap:pretty;}
.tl-phero .tl-hero-ai{margin-top:38px;}

.tl-closing{position:relative;overflow:hidden;padding:104px clamp(24px,5vw,96px) 112px;background:linear-gradient(150deg,#00694A 0%,#00544F 40%,#003D4C 78%,#00303D 100%);color:var(--tl-white);}
.tl-closing__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.11;pointer-events:none;}
.tl-closing__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 520px at 84% 10%,rgba(0,167,181,0.24),transparent 64%),radial-gradient(700px 480px at 8% 92%,rgba(236,232,26,0.10),transparent 66%);}
.tl-closing__inner{position:relative;z-index:2;max-width:920px;}
.tl-closing__title{margin:0;font-size:clamp(34px,4vw,58px);font-weight:700;line-height:1.08;letter-spacing:-0.024em;color:var(--tl-white);text-wrap:pretty;}
.tl-closing__lede{margin:26px 0 0;max-width:72ch;font-size:clamp(17px,1.5vw,19px);font-weight:400;line-height:1.6;color:rgba(255,255,255,0.82);text-wrap:pretty;}
.tl-closing .tl-hero-ai{margin-top:42px;}

.tl-statband{display:grid;gap:16px;}
.tl-statband--light .tl-statband__card{padding:26px 26px 24px;border-radius:16px;background:var(--tl-white);border:1px solid #E7E9E9;box-shadow:0 1px 4px rgba(37,37,37,0.06);}
.tl-statband--light .tl-statband__v{margin:0;font-size:clamp(30px,3vw,40px);font-weight:700;line-height:1;letter-spacing:-0.02em;background:linear-gradient(90deg,#007F90,#008755);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.tl-statband--light .tl-statband__l{margin:10px 0 0;font-size:14px;font-weight:500;line-height:1.4;color:#5B6770;}
.tl-statband--dark .tl-statband__card{padding:26px 26px 24px;border-radius:16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);}
.tl-statband--dark .tl-statband__v{margin:0;font-size:clamp(30px,3vw,40px);font-weight:700;line-height:1;letter-spacing:-0.02em;color:#ECE81A;}
.tl-statband--dark .tl-statband__l{margin:10px 0 0;font-size:14px;font-weight:500;line-height:1.4;color:rgba(255,255,255,0.78);}

/* ─────────────── Split figure (quote on glass + portrait panel) ─────────────── */
.tl-splitfig{position:relative;display:grid;align-items:stretch;gap:0;max-width:1120px;margin:24px 0 0;padding:0;border-radius:16px;overflow:hidden;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.20);box-shadow:0 4px 18px rgba(0,32,40,0.22);font-family:var(--tl-font-sans);}
.tl-splitfig__body{display:flex;flex-direction:column;align-items:flex-start;padding:44px 36px 44px 48px;}
.tl-splitfig__quote{margin:0;max-width:34ch;font-size:clamp(21px,1.9vw,26px);font-weight:400;line-height:1.3;letter-spacing:-0.02em;color:var(--tl-white);text-wrap:pretty;}
.tl-splitfig__cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:28px;}
.tl-splitfig__name{font-size:16px;font-weight:600;color:var(--tl-white);}
.tl-splitfig__role{font-size:16px;font-weight:400;color:rgba(255,255,255,0.86);}
.tl-splitfig__media{position:relative;align-self:stretch;overflow:hidden;background:rgba(255,255,255,0.10);}
.tl-splitfig__media img{width:100%;height:100%;object-fit:cover;display:block;}
@media (max-width:820px){.tl-splitfig{grid-template-columns:minmax(0,1fr)!important;}.tl-splitfig__media{min-height:260px;order:-1;}.tl-splitfig__body{padding:34px 26px 34px 28px;}}

/* Accordion on dark glass rows (Resources community, Agents governance) */
.tl-accordion--dark{border-bottom-color:rgba(255,255,255,0.16);}
.tl-accordion--dark .tl-accordion__head{color:var(--tl-white);}
.tl-accordion--dark .tl-accordion__head:hover{color:var(--tl-white);background:rgba(255,255,255,0.08);}
.tl-accordion--dark .tl-accordion__head:active{background:rgba(255,255,255,0.12);}
.tl-accordion--dark .tl-accordion__chev{color:rgba(255,255,255,0.76);}
.tl-accordion--dark.is-open .tl-accordion__chev{color:#ECE81A;}
.tl-accordion--dark .tl-accordion__inner{color:rgba(255,255,255,0.82);}



/* == page-root tokens (tlx ground) == */
/* tlx ground */:root{--tlx-ground-lh:28.8px}

/* canvas page foundation — the design page-root context Drupal otherwise lacks */
body { margin: 0; }
body { font-family: "Flama", "IBM Plex Sans", Arial, sans-serif;
       font-size: 16px; line-height: 1.5; color: #252525; }

/* tokens/base.css resets (color rules excluded — see note) */
/* TraceLink DLS — Base element defaults
   Applied globally so consumer pages inherit brand type & link styling. */

*,*::before,*::after{box-sizing:border-box;}
body{margin:0;
  font-family:var(--tl-font-sans);
  font-weight:var(--tl-weight-regular);
  font-size:var(--tl-body-base);
  line-height:var(--tl-body-base-lh);
  color:var(--tl-text-primary);
  background:var(--tl-surface);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;}


/* guards: reference-page chrome rules that must not win over other pages' buttons */
.tl-subnav a.tl-btn--primary, .tl-subnav a.tl-btn--primary:hover,
.tl-subbar a.tl-btn--primary, .tl-subbar a.tl-btn--primary:hover { color: var(--tl-white); }
.tlx-section_subnav:not([class*="tlx-section_subnav--"]) .tl-subnav a.tl-btn--sm { font-size: 13px; font-weight: 600; }

/* The design paints gradient icons by clipping a background to TEXT, which works because its
   icons are a font glyph. Ours are the subset sheet's MASK with empty content, so a
   text-clipped background paints nothing: every secondary-CTA sparkle rendered as a 20px gap
   on community-dev (M+ QA, Sep 4 2026) while previews were fine — the rule lives only in this
   sheet. The mask already clips the shape, so restore border-box clipping and let the gradient
   paint through it. */
i[class*="iconoir-"]::before,
i[class*="iconoir-"]::after {
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

/* The DLS ships `.tl-video` as a SPLIT card (copy beside a 3.167 poster) and reshapes it back
   to a stack only through a container query, which needs an ancestor container the isolated
   band does not have. The design pages never hit that rule: the two split cards set
   `display:grid` INLINE, and the stacked Integrate-Once card carries no display at all and
   renders block. Shipped globally in this sheet, the split rule cropped that card into two
   columns on community-dev (M+ QA, Sep 4 2026) while previews were correct. Restore the
   design's own resolution: a card whose layout the design did not resolve inline stays block. */
.tl-video:not([style*="display: grid"]) {
  display: block;
  grid-template-columns: none;
  aspect-ratio: auto;
}