/* Bookimed brand fonts — Roboto in three widths, self-hosted from assets/fonts/.
   Source: the brand's own font package (Figma libraries + Nuxt codebase). No CDN. */
@font-face{font-family:"Roboto";src:url("/brand-trust/cce4405e885544376ce2.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/15256405ecb0d8806788.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/6a372c348dc20c246b92.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/79343dc641a2e8d48a70.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/1bdb6f190ea0b5a41f33.ttf") format("truetype");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/32fe2086b0e54eca85a6.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/4aaf8c5b661a386998c2.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/c6a5e7c224d3bf6698e5.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/27bccdc7ead7eb5754e9.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("/brand-trust/bf16dcbfa3ec7435c42c.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("/brand-trust/421572e7beae914b9e40.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("/brand-trust/2a3a4ba8f16701b263c7.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("/brand-trust/dd9178d15b5e84f849ed.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("/brand-trust/2523dfdb721c2e0291f9.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("/brand-trust/a365617457f4e9800347.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto SemiCondensed";src:url("/brand-trust/59a71a1b097ac011567a.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto SemiCondensed";src:url("/brand-trust/6f0c9010d6aed1510d4b.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto SemiCondensed";src:url("/brand-trust/9546beff853a4463ca55.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

.trust-page{
  --font-sans:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
  /* Compact width — pricing, stats, table headers, chips. Never for body copy. */
  --font-condensed:"Roboto Condensed","Roboto",Arial,sans-serif;
  /* The in-between width — sparingly: hero subtitles, photo overlays, dashboards. */
  --font-semicondensed:"Roboto SemiCondensed","Roboto",Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}

/* ---------------------------------------------------------------------------
   Foundation ramps — the authoritative Bookimed palette, taken verbatim from
   the team's Figma libraries and the production Nuxt codebase. These --bk-*
   names match engineering; the semantic tokens in colors.css alias onto them.
   Never use a raw hex in a design; use a semantic token, or a --bk-* ramp step.
   --------------------------------------------------------------------------- */
.trust-page{
  /* Brand green — 700 is the brand. On dark surfaces use 500. */
  --bk-primary-50:#f0fdf4;
  --bk-primary-100:#dcfce7;
  --bk-primary-200:#bbf7d0;
  --bk-primary-300:#86efac;
  --bk-primary-400:#4ade80;
  --bk-primary-500:#22c55e;
  --bk-primary-600:#16a34a;
  --bk-primary-700:#15803d;
  --bk-primary-800:#166534;
  --bk-primary-900:#14532d;
  --bk-primary-950:#052e16;

  /* Gray — cool foundation neutral */
  --bk-gray-50:#f9fafb;
  --bk-gray-100:#f2f4f7;
  --bk-gray-200:#eaecf0;
  --bk-gray-300:#d0d5dd;
  --bk-gray-400:#98a2b3;
  --bk-gray-500:#667085;
  --bk-gray-600:#475467;
  --bk-gray-700:#344054;
  --bk-gray-800:#1d2939;
  --bk-gray-900:#101828;

  /* Yellow — warning, ratings, savings */
  --bk-yellow-50:#fffaeb;
  --bk-yellow-100:#fef0c7;
  --bk-yellow-200:#fedf89;
  --bk-yellow-300:#fec84b;
  --bk-yellow-400:#fdb022;
  --bk-yellow-500:#f79009;
  --bk-yellow-600:#dc6803;
  --bk-yellow-700:#b54708;
  --bk-yellow-800:#93370d;
  --bk-yellow-900:#7a2e0e;

  /* Red — error, clinical caveats */
  --bk-red-50:#fef3f2;
  --bk-red-100:#fee4e2;
  --bk-red-200:#fecdca;
  --bk-red-300:#fda29b;
  --bk-red-400:#f97066;
  --bk-red-500:#f04438;
  --bk-red-600:#d92d20;
  --bk-red-700:#b42318;
  --bk-red-800:#912018;
  --bk-red-900:#7a271a;

  /* Blue — information, clinical notes */
  --bk-blue-50:#eff8ff;
  --bk-blue-100:#d1e9ff;
  --bk-blue-200:#b2ddff;
  --bk-blue-300:#84caff;
  --bk-blue-400:#53b1fd;
  --bk-blue-500:#2e90fa;
  --bk-blue-600:#1570ef;
  --bk-blue-700:#175cd3;
  --bk-blue-800:#1849a9;
  --bk-blue-900:#194185;
}

/* Semantic layer. Base ramp names below are kept for backwards compatibility
   with existing components; their values now alias the authoritative --bk-*
   ramps in palette.css. */
.trust-page{
  /* ---- Base: brand green ---- */
  --green-50:var(--bk-primary-50);
  --green-100:var(--bk-primary-100);
  --green-200:var(--bk-primary-200);
  --green-300:var(--bk-primary-300);
  --green-400:var(--bk-primary-400);
  --green-500:var(--bk-primary-500);
  --green-600:var(--bk-primary-600);
  --green-700:var(--bk-primary-700);
  --green-800:var(--bk-primary-800);
  --green-900:var(--bk-primary-900);
  --green-950:var(--bk-primary-950);

  /* ---- Base: neutral ink (cool gray, per the Figma foundation) ---- */
  --neutral-0:#ffffff;
  --neutral-50:var(--bk-gray-50);
  --neutral-100:var(--bk-gray-100);
  --neutral-200:var(--bk-gray-200);
  --neutral-300:var(--bk-gray-300);
  --neutral-400:var(--bk-gray-400);
  --neutral-500:var(--bk-gray-500);
  --neutral-600:var(--bk-gray-600);
  --neutral-700:var(--bk-gray-700);
  --neutral-800:var(--bk-gray-800);
  --neutral-900:var(--bk-gray-900);

  /* ---- Base: accents ---- */
  --amber-50:var(--bk-yellow-50);
  --amber-100:var(--bk-yellow-100);
  --amber-400:var(--bk-yellow-400);
  --amber-500:var(--bk-yellow-500);
  --amber-600:var(--bk-yellow-600);
  --amber-700:var(--bk-yellow-700);

  --rose-50:var(--bk-red-50);
  --rose-100:var(--bk-red-100);
  --rose-500:var(--bk-red-500);
  --rose-600:var(--bk-red-600);
  --rose-700:var(--bk-red-700);

  /* Clinical-information notes are blue in the production system. The --teal-*
     names are retained as aliases so older components keep working. */
  --teal-50:var(--bk-blue-50);
  --teal-100:var(--bk-blue-100);
  --teal-600:var(--bk-blue-600);
  --teal-700:var(--bk-blue-700);

  /* ---- Semantic: text ---- */
  --text-strong:var(--neutral-900);
  --text-body:var(--neutral-800);
  /* gray-600 is the lightest colour allowed for text a user must read (7.65:1). */
  --text-muted:var(--neutral-600);
  /* Non-essential only — icons, separators, decorative metadata. Never body copy. */
  --text-subtle:var(--neutral-500);
  --text-inverse:var(--neutral-0);
  --text-inverse-muted:rgb(255 255 255 / .78);
  --text-brand:var(--green-700);
  --text-link:var(--green-700);
  --text-link-hover:var(--green-800);

  /* ---- Semantic: surface ---- */
  --surface-page:var(--neutral-0);
  --surface-card:var(--neutral-0);
  --surface-subtle:var(--neutral-50);
  --surface-sunken:var(--neutral-100);
  --surface-brand-soft:var(--green-50);
  --surface-brand:var(--green-700);
  --surface-ink:var(--green-950);
  --surface-ink-raised:#0b3a22;
  --surface-warn-soft:var(--amber-50);
  --surface-risk-soft:var(--rose-50);
  --surface-clinical-soft:var(--teal-50);

  /* ---- Semantic: border ---- */
  --border-subtle:var(--neutral-200);
  --border-default:var(--neutral-300);
  --border-strong:var(--neutral-400);
  --border-brand:var(--green-700);
  --border-brand-soft:var(--green-200);
  --border-inverse:rgb(255 255 255 / .16);

  /* ---- Semantic: interactive ---- */
  --accent-brand:var(--green-700);
  /* Label colour on a primary button. Inverts with the theme: white on green in
     light, brand green on white in dark. */
  --accent-brand-on:var(--neutral-0);
  /* Green as a fill for non-button brand surfaces, where the button inverts. */
  --accent-brand-surface:var(--green-700);
  --accent-brand-hover:var(--green-800);
  --accent-brand-press:var(--green-900);
  --accent-brand-soft-hover:var(--green-100);
  --accent-rating:var(--amber-500);
  --accent-positive:var(--green-600);
  --accent-negative:var(--rose-600);
  --accent-clinical:var(--teal-600);
  --focus-ring:0 0 0 3px var(--green-200);
  --focus-ring-inverse:0 0 0 3px rgb(255 255 255 / .45);
  /* Double-ring focus: white gap then brand green — legible on any background. */
  --focus-ring-double:0 0 0 3px #fff,0 0 0 6px var(--green-500);

  /* ---- Aliases matching the engineering/Figma token names ---- */
  --bg-page:var(--surface-page);
  --bg-surface:var(--surface-card);
  --bg-muted:var(--surface-sunken);
  --border:var(--border-subtle);
  --text-primary:var(--text-strong);
  --text-secondary:var(--text-muted);
  --accent:var(--accent-brand);
  --accent-hover:var(--accent-brand-hover);
  --accent-bg:var(--surface-brand-soft);
  --accent-text:var(--text-brand);
  --info:var(--bk-blue-700);
  --info-bg:var(--bk-blue-50);
  --warning:var(--bk-yellow-700);
  --warning-bg:var(--bk-yellow-50);
  --error:var(--bk-red-700);
  --error-bg:var(--bk-red-50);
}

/* Dark surfaces. Opt in with <html data-theme="dark"> — the semantic tokens
   re-point, so components need no dark-specific CSS. Brand green lightens to
   --bk-primary-500 on dark, per the production system. */
.trust-page [data-theme="dark"]{
  --surface-page:#0b1117;
  --surface-card:#0f1620;
  --surface-subtle:#0f1620;
  --surface-sunken:#1a232f;
  --surface-ink:#070d12;
  --surface-ink-raised:#111a24;
  --surface-brand-soft:rgb(34 197 94 / .12);
  --surface-warn-soft:rgb(247 144 9 / .12);
  --surface-risk-soft:rgb(240 68 56 / .12);
  --surface-clinical-soft:rgb(46 144 250 / .12);

  --text-strong:#f9fafb;
  --text-body:#e5e9ef;
  --text-muted:#cbd5e1;
  --text-subtle:#94a3b8;
  --text-inverse:#0b1117;
  --text-brand:var(--bk-primary-400);
  --text-link:var(--bk-primary-400);
  --text-link-hover:var(--bk-primary-300);

  --border-subtle:#1f2a37;
  --border-default:#2a3645;
  --border-strong:#3a4759;
  --border-brand-soft:rgb(34 197 94 / .32);

  /* On dark, the primary button inverts: white fill, brand-green label. */
  --accent-brand:#ffffff;
  --accent-brand-hover:#f0fdf4;
  --accent-brand-press:#dcfce7;
  --accent-brand-on:var(--bk-primary-800);
  --accent-brand-surface:var(--bk-primary-500);
  --accent-brand-soft-hover:rgb(34 197 94 / .18);
  --focus-ring:0 0 0 3px rgb(34 197 94 / .45);
  --shadow-brand:0 8px 24px rgb(0 0 0 / .45);
  --focus-ring-double:0 0 0 3px #0b1117,0 0 0 6px var(--bk-primary-400);

  --info:var(--bk-blue-400);
  --warning:var(--bk-yellow-400);
  --error:var(--bk-red-400);
  color-scheme:dark;
}

.trust-page{
  /* Sizes — article body sits at 17px, a touch larger than default web body */
  --fs-display:56px;
  --fs-h1:40px;
  --fs-h2:30px;
  --fs-h3:24px;
  --fs-h4:20px;
  --fs-lg:18px;
  --fs-base:17px;
  --fs-sm:15px;
  --fs-xs:13px;
  --fs-2xs:12px;

  --lh-display:1.06; /* @kind other */
  --lh-heading:1.18; /* @kind other */
  --lh-snug:1.35; /* @kind other */
  --lh-body:1.65; /* @kind other */

  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:900; /* @kind font */

  --tracking-display:-0.02em; /* @kind other */
  --tracking-heading:-0.015em; /* @kind other */
  --tracking-normal:0; /* @kind other */
  --tracking-eyebrow:0.09em; /* @kind other */

  /* Composed roles */
  --type-display:var(--fw-black) var(--fs-display)/var(--lh-display) var(--font-display);
  --type-h1:var(--fw-bold) var(--fs-h1)/var(--lh-heading) var(--font-display);
  --type-h2:var(--fw-bold) var(--fs-h2)/var(--lh-heading) var(--font-display);
  --type-h3:var(--fw-bold) var(--fs-h3)/var(--lh-snug) var(--font-display);
  --type-h4:var(--fw-bold) var(--fs-h4)/var(--lh-snug) var(--font-sans);
  --type-body:var(--fw-regular) var(--fs-base)/var(--lh-body) var(--font-sans);
  --type-body-sm:var(--fw-regular) var(--fs-sm)/var(--lh-body) var(--font-sans);
  --type-label:var(--fw-medium) var(--fs-sm)/1.4 var(--font-sans);
  --type-eyebrow:var(--fw-bold) var(--fs-2xs)/1.3 var(--font-sans);
  --type-caption:var(--fw-regular) var(--fs-xs)/1.45 var(--font-sans);

  /* Product scale — the Figma /Typography ladder used by app surfaces (search,
     quiz, dashboards, forms). Fixed line-heights, 16px body. The article scale
     above stays the default for long-form clinical reads. */
  --fs-massive:57px; --lh-massive:64px;
  --fs-huge:40px;    --lh-huge:48px;
  --fs-product-xl:32px; --lh-product-xl:40px;
  --fs-product-lg:24px; --lh-product-lg:30px;
  --fs-product-md:20px; --lh-product-md:28px;
  --fs-product-base:16px; --lh-product-base:24px;
  --fs-product-sm:14px; --lh-product-sm:20px;
  --fs-product-xs:12px; --lh-product-xs:16px;

  --type-product-display:var(--fw-bold) var(--fs-massive)/var(--lh-massive) var(--font-display);
  --type-product-h1:var(--fw-bold) var(--fs-huge)/var(--lh-huge) var(--font-display);
  --type-product-h2:var(--fw-bold) var(--fs-product-xl)/var(--lh-product-xl) var(--font-display);
  --type-product-h3:var(--fw-medium) var(--fs-product-lg)/var(--lh-product-lg) var(--font-sans);
  --type-product-body:var(--fw-regular) var(--fs-product-base)/var(--lh-product-base) var(--font-sans);
  --type-product-sm:var(--fw-regular) var(--fs-product-sm)/var(--lh-product-sm) var(--font-sans);

  /* Condensed roles — dense data only: prices, stats, table headers, chips. */
  --type-price:var(--fw-bold) 32px/1.1 var(--font-condensed);
  --type-stat:var(--fw-semibold,600) 24px/1.15 var(--font-condensed);
  --type-data-label:var(--fw-medium) 13px/1.2 var(--font-condensed);
  --tabular:"tnum" 1; /* @kind other */
}

.trust-page{
  --space-0:0px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;
  --space-24:96px;
  --space-32:128px;

  /* Rhythm roles */
  --gap-inline:var(--space-2);
  --gap-stack:var(--space-4);
  --pad-card:var(--space-6);
  --pad-card-lg:var(--space-8);
  --gap-block:var(--space-10);
  --pad-band:var(--space-20);
  --pad-band-tight:var(--space-12);
}

.trust-page{
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:12px;
  --radius-xl:16px;
  --radius-2xl:20px;
  --radius-3xl:40px;
  --radius-pill:999px;

  --radius-card:var(--radius-lg);
  --radius-control:var(--radius-md);
  --radius-media:var(--radius-lg);
}

/* Shadows are cast in the foundation gray (#101828), matching the production
   elevation set. Neutral and soft — no coloured shadow except --shadow-brand. */
.trust-page{
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgb(16 24 40 / .05);
  --shadow-sm:0 1px 3px rgb(16 24 40 / .10), 0 1px 2px rgb(16 24 40 / .06);
  --shadow-md:0 4px 8px -2px rgb(16 24 40 / .10), 0 2px 4px -2px rgb(16 24 40 / .06);
  --shadow-lg:0 12px 16px -4px rgb(16 24 40 / .08), 0 4px 6px -2px rgb(16 24 40 / .03);
  --shadow-xl:0 20px 24px -4px rgb(16 24 40 / .08), 0 8px 8px -4px rgb(16 24 40 / .03);
  --shadow-brand:0 8px 24px rgb(21 128 61 / .22);
  --shadow-inset-hairline:inset 0 0 0 1px var(--border-subtle);
}

.trust-page{
  --ease-out:cubic-bezier(.2,.8,.3,1); /* @kind other */
  --ease-in-out:cubic-bezier(.4,0,.2,1); /* @kind other */
  --duration-fast:120ms; /* @kind other */
  --duration-base:180ms; /* @kind other */
  --duration-slow:280ms; /* @kind other */
  --transition-control:color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out); /* @kind other */
}
@media (prefers-reduced-motion:reduce){
  .trust-page{--duration-fast:1ms /* @kind other */;--duration-base:1ms /* @kind other */;--duration-slow:1ms /* @kind other */}
}

.trust-page{
  --container-max:1200px;
  --container-narrow:960px;
  --measure:720px;          /* article reading column */
  --gutter:24px;
  --header-height:64px;
  --sidebar-width:300px;
  --hairline:1px;
}

/* Minimal element defaults so specimen cards, kits and consumer pages
   inherit the brand voice without a reset library. */
.trust-page{-webkit-text-size-adjust:100%}
.trust-page{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-page)}
.trust-page h1,.trust-page h2,.trust-page h3,.trust-page h4{margin:0;color:var(--text-strong);text-wrap:balance}
.trust-page h1{font:var(--type-h1);letter-spacing:var(--tracking-heading)}
.trust-page h2{font:var(--type-h2);letter-spacing:var(--tracking-heading)}
.trust-page h3{font:var(--type-h3)}
.trust-page h4{font:var(--type-h4)}
.trust-page p{margin:0 0 var(--space-4);text-wrap:pretty}
.trust-page a{color:var(--text-link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color var(--duration-base) var(--ease-out)}
.trust-page a:hover{color:var(--text-link-hover);text-decoration-thickness:2px}
.trust-page strong{font-weight:var(--fw-bold);color:var(--text-strong)}
.trust-page small{font:var(--type-caption);color:var(--text-muted)}
.trust-page :focus-visible{outline:2px solid var(--accent-brand);outline-offset:2px}

/* Bookimed brand fonts — Roboto in three widths, self-hosted from assets/fonts/.
   Source: the brand's own font package (Figma libraries + Nuxt codebase). No CDN. */
@font-face{font-family:"Roboto";src:url("/brand-trust/cce4405e885544376ce2.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/15256405ecb0d8806788.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/6a372c348dc20c246b92.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/79343dc641a2e8d48a70.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/1bdb6f190ea0b5a41f33.ttf") format("truetype");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/32fe2086b0e54eca85a6.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/4aaf8c5b661a386998c2.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/c6a5e7c224d3bf6698e5.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Roboto";src:url("/brand-trust/27bccdc7ead7eb5754e9.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("/brand-trust/bf16dcbfa3ec7435c42c.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("/brand-trust/421572e7beae914b9e40.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("/brand-trust/2a3a4ba8f16701b263c7.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("/brand-trust/dd9178d15b5e84f849ed.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("/brand-trust/2523dfdb721c2e0291f9.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("/brand-trust/a365617457f4e9800347.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto SemiCondensed";src:url("/brand-trust/59a71a1b097ac011567a.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto SemiCondensed";src:url("/brand-trust/6f0c9010d6aed1510d4b.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto SemiCondensed";src:url("/brand-trust/9546beff853a4463ca55.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

.trust-page{
  --font-sans:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
  /* Compact width — pricing, stats, table headers, chips. Never for body copy. */
  --font-condensed:"Roboto Condensed","Roboto",Arial,sans-serif;
  /* The in-between width — sparingly: hero subtitles, photo overlays, dashboards. */
  --font-semicondensed:"Roboto SemiCondensed","Roboto",Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}

/* ---------------------------------------------------------------------------
   Foundation ramps — the authoritative Bookimed palette, taken verbatim from
   the team's Figma libraries and the production Nuxt codebase. These --bk-*
   names match engineering; the semantic tokens in colors.css alias onto them.
   Never use a raw hex in a design; use a semantic token, or a --bk-* ramp step.
   --------------------------------------------------------------------------- */
.trust-page{
  /* Brand green — 700 is the brand. On dark surfaces use 500. */
  --bk-primary-50:#f0fdf4;
  --bk-primary-100:#dcfce7;
  --bk-primary-200:#bbf7d0;
  --bk-primary-300:#86efac;
  --bk-primary-400:#4ade80;
  --bk-primary-500:#22c55e;
  --bk-primary-600:#16a34a;
  --bk-primary-700:#15803d;
  --bk-primary-800:#166534;
  --bk-primary-900:#14532d;
  --bk-primary-950:#052e16;

  /* Gray — cool foundation neutral */
  --bk-gray-50:#f9fafb;
  --bk-gray-100:#f2f4f7;
  --bk-gray-200:#eaecf0;
  --bk-gray-300:#d0d5dd;
  --bk-gray-400:#98a2b3;
  --bk-gray-500:#667085;
  --bk-gray-600:#475467;
  --bk-gray-700:#344054;
  --bk-gray-800:#1d2939;
  --bk-gray-900:#101828;

  /* Yellow — warning, ratings, savings */
  --bk-yellow-50:#fffaeb;
  --bk-yellow-100:#fef0c7;
  --bk-yellow-200:#fedf89;
  --bk-yellow-300:#fec84b;
  --bk-yellow-400:#fdb022;
  --bk-yellow-500:#f79009;
  --bk-yellow-600:#dc6803;
  --bk-yellow-700:#b54708;
  --bk-yellow-800:#93370d;
  --bk-yellow-900:#7a2e0e;

  /* Red — error, clinical caveats */
  --bk-red-50:#fef3f2;
  --bk-red-100:#fee4e2;
  --bk-red-200:#fecdca;
  --bk-red-300:#fda29b;
  --bk-red-400:#f97066;
  --bk-red-500:#f04438;
  --bk-red-600:#d92d20;
  --bk-red-700:#b42318;
  --bk-red-800:#912018;
  --bk-red-900:#7a271a;

  /* Blue — information, clinical notes */
  --bk-blue-50:#eff8ff;
  --bk-blue-100:#d1e9ff;
  --bk-blue-200:#b2ddff;
  --bk-blue-300:#84caff;
  --bk-blue-400:#53b1fd;
  --bk-blue-500:#2e90fa;
  --bk-blue-600:#1570ef;
  --bk-blue-700:#175cd3;
  --bk-blue-800:#1849a9;
  --bk-blue-900:#194185;
}

/* Semantic layer. Base ramp names below are kept for backwards compatibility
   with existing components; their values now alias the authoritative --bk-*
   ramps in palette.css. */
.trust-page{
  /* ---- Base: brand green ---- */
  --green-50:var(--bk-primary-50);
  --green-100:var(--bk-primary-100);
  --green-200:var(--bk-primary-200);
  --green-300:var(--bk-primary-300);
  --green-400:var(--bk-primary-400);
  --green-500:var(--bk-primary-500);
  --green-600:var(--bk-primary-600);
  --green-700:var(--bk-primary-700);
  --green-800:var(--bk-primary-800);
  --green-900:var(--bk-primary-900);
  --green-950:var(--bk-primary-950);

  /* ---- Base: neutral ink (cool gray, per the Figma foundation) ---- */
  --neutral-0:#ffffff;
  --neutral-50:var(--bk-gray-50);
  --neutral-100:var(--bk-gray-100);
  --neutral-200:var(--bk-gray-200);
  --neutral-300:var(--bk-gray-300);
  --neutral-400:var(--bk-gray-400);
  --neutral-500:var(--bk-gray-500);
  --neutral-600:var(--bk-gray-600);
  --neutral-700:var(--bk-gray-700);
  --neutral-800:var(--bk-gray-800);
  --neutral-900:var(--bk-gray-900);

  /* ---- Base: accents ---- */
  --amber-50:var(--bk-yellow-50);
  --amber-100:var(--bk-yellow-100);
  --amber-400:var(--bk-yellow-400);
  --amber-500:var(--bk-yellow-500);
  --amber-600:var(--bk-yellow-600);
  --amber-700:var(--bk-yellow-700);

  --rose-50:var(--bk-red-50);
  --rose-100:var(--bk-red-100);
  --rose-500:var(--bk-red-500);
  --rose-600:var(--bk-red-600);
  --rose-700:var(--bk-red-700);

  /* Clinical-information notes are blue in the production system. The --teal-*
     names are retained as aliases so older components keep working. */
  --teal-50:var(--bk-blue-50);
  --teal-100:var(--bk-blue-100);
  --teal-600:var(--bk-blue-600);
  --teal-700:var(--bk-blue-700);

  /* ---- Semantic: text ---- */
  --text-strong:var(--neutral-900);
  --text-body:var(--neutral-800);
  /* gray-600 is the lightest colour allowed for text a user must read (7.65:1). */
  --text-muted:var(--neutral-600);
  /* Non-essential only — icons, separators, decorative metadata. Never body copy. */
  --text-subtle:var(--neutral-500);
  --text-inverse:var(--neutral-0);
  --text-inverse-muted:rgb(255 255 255 / .78);
  --text-brand:var(--green-700);
  --text-link:var(--green-700);
  --text-link-hover:var(--green-800);

  /* ---- Semantic: surface ---- */
  --surface-page:var(--neutral-0);
  --surface-card:var(--neutral-0);
  --surface-subtle:var(--neutral-50);
  --surface-sunken:var(--neutral-100);
  --surface-brand-soft:var(--green-50);
  --surface-brand:var(--green-700);
  --surface-ink:var(--green-950);
  --surface-ink-raised:#0b3a22;
  --surface-warn-soft:var(--amber-50);
  --surface-risk-soft:var(--rose-50);
  --surface-clinical-soft:var(--teal-50);

  /* ---- Semantic: border ---- */
  --border-subtle:var(--neutral-200);
  --border-default:var(--neutral-300);
  --border-strong:var(--neutral-400);
  --border-brand:var(--green-700);
  --border-brand-soft:var(--green-200);
  --border-inverse:rgb(255 255 255 / .16);

  /* ---- Semantic: interactive ---- */
  --accent-brand:var(--green-700);
  /* Label colour on a primary button. Inverts with the theme: white on green in
     light, brand green on white in dark. */
  --accent-brand-on:var(--neutral-0);
  /* Green as a fill for non-button brand surfaces, where the button inverts. */
  --accent-brand-surface:var(--green-700);
  --accent-brand-hover:var(--green-800);
  --accent-brand-press:var(--green-900);
  --accent-brand-soft-hover:var(--green-100);
  --accent-rating:var(--amber-500);
  --accent-positive:var(--green-600);
  --accent-negative:var(--rose-600);
  --accent-clinical:var(--teal-600);
  --focus-ring:0 0 0 3px var(--green-200);
  --focus-ring-inverse:0 0 0 3px rgb(255 255 255 / .45);
  /* Double-ring focus: white gap then brand green — legible on any background. */
  --focus-ring-double:0 0 0 3px #fff,0 0 0 6px var(--green-500);

  /* ---- Aliases matching the engineering/Figma token names ---- */
  --bg-page:var(--surface-page);
  --bg-surface:var(--surface-card);
  --bg-muted:var(--surface-sunken);
  --border:var(--border-subtle);
  --text-primary:var(--text-strong);
  --text-secondary:var(--text-muted);
  --accent:var(--accent-brand);
  --accent-hover:var(--accent-brand-hover);
  --accent-bg:var(--surface-brand-soft);
  --accent-text:var(--text-brand);
  --info:var(--bk-blue-700);
  --info-bg:var(--bk-blue-50);
  --warning:var(--bk-yellow-700);
  --warning-bg:var(--bk-yellow-50);
  --error:var(--bk-red-700);
  --error-bg:var(--bk-red-50);
}

/* Dark surfaces. Opt in with <html data-theme="dark"> — the semantic tokens
   re-point, so components need no dark-specific CSS. Brand green lightens to
   --bk-primary-500 on dark, per the production system. */
.trust-page [data-theme="dark"]{
  --surface-page:#0b1117;
  --surface-card:#0f1620;
  --surface-subtle:#0f1620;
  --surface-sunken:#1a232f;
  --surface-ink:#070d12;
  --surface-ink-raised:#111a24;
  --surface-brand-soft:rgb(34 197 94 / .12);
  --surface-warn-soft:rgb(247 144 9 / .12);
  --surface-risk-soft:rgb(240 68 56 / .12);
  --surface-clinical-soft:rgb(46 144 250 / .12);

  --text-strong:#f9fafb;
  --text-body:#e5e9ef;
  --text-muted:#cbd5e1;
  --text-subtle:#94a3b8;
  --text-inverse:#0b1117;
  --text-brand:var(--bk-primary-400);
  --text-link:var(--bk-primary-400);
  --text-link-hover:var(--bk-primary-300);

  --border-subtle:#1f2a37;
  --border-default:#2a3645;
  --border-strong:#3a4759;
  --border-brand-soft:rgb(34 197 94 / .32);

  /* On dark, the primary button inverts: white fill, brand-green label. */
  --accent-brand:#ffffff;
  --accent-brand-hover:#f0fdf4;
  --accent-brand-press:#dcfce7;
  --accent-brand-on:var(--bk-primary-800);
  --accent-brand-surface:var(--bk-primary-500);
  --accent-brand-soft-hover:rgb(34 197 94 / .18);
  --focus-ring:0 0 0 3px rgb(34 197 94 / .45);
  --shadow-brand:0 8px 24px rgb(0 0 0 / .45);
  --focus-ring-double:0 0 0 3px #0b1117,0 0 0 6px var(--bk-primary-400);

  --info:var(--bk-blue-400);
  --warning:var(--bk-yellow-400);
  --error:var(--bk-red-400);
  color-scheme:dark;
}

.trust-page{
  /* Sizes — article body sits at 17px, a touch larger than default web body */
  --fs-display:56px;
  --fs-h1:40px;
  --fs-h2:30px;
  --fs-h3:24px;
  --fs-h4:20px;
  --fs-lg:18px;
  --fs-base:17px;
  --fs-sm:15px;
  --fs-xs:13px;
  --fs-2xs:12px;

  --lh-display:1.06; /* @kind other */
  --lh-heading:1.18; /* @kind other */
  --lh-snug:1.35; /* @kind other */
  --lh-body:1.65; /* @kind other */

  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:900; /* @kind font */

  --tracking-display:-0.02em; /* @kind other */
  --tracking-heading:-0.015em; /* @kind other */
  --tracking-normal:0; /* @kind other */
  --tracking-eyebrow:0.09em; /* @kind other */

  /* Composed roles */
  --type-display:var(--fw-black) var(--fs-display)/var(--lh-display) var(--font-display);
  --type-h1:var(--fw-bold) var(--fs-h1)/var(--lh-heading) var(--font-display);
  --type-h2:var(--fw-bold) var(--fs-h2)/var(--lh-heading) var(--font-display);
  --type-h3:var(--fw-bold) var(--fs-h3)/var(--lh-snug) var(--font-display);
  --type-h4:var(--fw-bold) var(--fs-h4)/var(--lh-snug) var(--font-sans);
  --type-body:var(--fw-regular) var(--fs-base)/var(--lh-body) var(--font-sans);
  --type-body-sm:var(--fw-regular) var(--fs-sm)/var(--lh-body) var(--font-sans);
  --type-label:var(--fw-medium) var(--fs-sm)/1.4 var(--font-sans);
  --type-eyebrow:var(--fw-bold) var(--fs-2xs)/1.3 var(--font-sans);
  --type-caption:var(--fw-regular) var(--fs-xs)/1.45 var(--font-sans);

  /* Product scale — the Figma /Typography ladder used by app surfaces (search,
     quiz, dashboards, forms). Fixed line-heights, 16px body. The article scale
     above stays the default for long-form clinical reads. */
  --fs-massive:57px; --lh-massive:64px;
  --fs-huge:40px;    --lh-huge:48px;
  --fs-product-xl:32px; --lh-product-xl:40px;
  --fs-product-lg:24px; --lh-product-lg:30px;
  --fs-product-md:20px; --lh-product-md:28px;
  --fs-product-base:16px; --lh-product-base:24px;
  --fs-product-sm:14px; --lh-product-sm:20px;
  --fs-product-xs:12px; --lh-product-xs:16px;

  --type-product-display:var(--fw-bold) var(--fs-massive)/var(--lh-massive) var(--font-display);
  --type-product-h1:var(--fw-bold) var(--fs-huge)/var(--lh-huge) var(--font-display);
  --type-product-h2:var(--fw-bold) var(--fs-product-xl)/var(--lh-product-xl) var(--font-display);
  --type-product-h3:var(--fw-medium) var(--fs-product-lg)/var(--lh-product-lg) var(--font-sans);
  --type-product-body:var(--fw-regular) var(--fs-product-base)/var(--lh-product-base) var(--font-sans);
  --type-product-sm:var(--fw-regular) var(--fs-product-sm)/var(--lh-product-sm) var(--font-sans);

  /* Condensed roles — dense data only: prices, stats, table headers, chips. */
  --type-price:var(--fw-bold) 32px/1.1 var(--font-condensed);
  --type-stat:var(--fw-semibold,600) 24px/1.15 var(--font-condensed);
  --type-data-label:var(--fw-medium) 13px/1.2 var(--font-condensed);
  --tabular:"tnum" 1; /* @kind other */
}

.trust-page{
  --space-0:0px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;
  --space-24:96px;
  --space-32:128px;

  /* Rhythm roles */
  --gap-inline:var(--space-2);
  --gap-stack:var(--space-4);
  --pad-card:var(--space-6);
  --pad-card-lg:var(--space-8);
  --gap-block:var(--space-10);
  --pad-band:var(--space-20);
  --pad-band-tight:var(--space-12);
}

.trust-page{
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:12px;
  --radius-xl:16px;
  --radius-2xl:20px;
  --radius-3xl:40px;
  --radius-pill:999px;

  --radius-card:var(--radius-lg);
  --radius-control:var(--radius-md);
  --radius-media:var(--radius-lg);
}

/* Shadows are cast in the foundation gray (#101828), matching the production
   elevation set. Neutral and soft — no coloured shadow except --shadow-brand. */
.trust-page{
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgb(16 24 40 / .05);
  --shadow-sm:0 1px 3px rgb(16 24 40 / .10), 0 1px 2px rgb(16 24 40 / .06);
  --shadow-md:0 4px 8px -2px rgb(16 24 40 / .10), 0 2px 4px -2px rgb(16 24 40 / .06);
  --shadow-lg:0 12px 16px -4px rgb(16 24 40 / .08), 0 4px 6px -2px rgb(16 24 40 / .03);
  --shadow-xl:0 20px 24px -4px rgb(16 24 40 / .08), 0 8px 8px -4px rgb(16 24 40 / .03);
  --shadow-brand:0 8px 24px rgb(21 128 61 / .22);
  --shadow-inset-hairline:inset 0 0 0 1px var(--border-subtle);
}

.trust-page{
  --ease-out:cubic-bezier(.2,.8,.3,1); /* @kind other */
  --ease-in-out:cubic-bezier(.4,0,.2,1); /* @kind other */
  --duration-fast:120ms; /* @kind other */
  --duration-base:180ms; /* @kind other */
  --duration-slow:280ms; /* @kind other */
  --transition-control:color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out); /* @kind other */
}
@media (prefers-reduced-motion:reduce){
  .trust-page{--duration-fast:1ms /* @kind other */;--duration-base:1ms /* @kind other */;--duration-slow:1ms /* @kind other */}
}

.trust-page{
  --container-max:1200px;
  --container-narrow:960px;
  --measure:720px;          /* article reading column */
  --gutter:24px;
  --header-height:64px;
  --sidebar-width:300px;
  --hairline:1px;
}

/* Minimal element defaults so specimen cards, kits and consumer pages
   inherit the brand voice without a reset library. */
.trust-page{-webkit-text-size-adjust:100%}
.trust-page{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-page)}
.trust-page h1,.trust-page h2,.trust-page h3,.trust-page h4{margin:0;color:var(--text-strong);text-wrap:balance}
.trust-page h1{font:var(--type-h1);letter-spacing:var(--tracking-heading)}
.trust-page h2{font:var(--type-h2);letter-spacing:var(--tracking-heading)}
.trust-page h3{font:var(--type-h3)}
.trust-page h4{font:var(--type-h4)}
.trust-page p{margin:0 0 var(--space-4);text-wrap:pretty}
.trust-page a{color:var(--text-link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color var(--duration-base) var(--ease-out)}
.trust-page a:hover{color:var(--text-link-hover);text-decoration-thickness:2px}
.trust-page strong{font-weight:var(--fw-bold);color:var(--text-strong)}
.trust-page small{font:var(--type-caption);color:var(--text-muted)}
.trust-page :focus-visible{outline:2px solid var(--accent-brand);outline-offset:2px}



.trust-page{
--bk-green:#21B573;--bk-green-deep:#137F4A;--bk-green-darker:#0E5C36;--bk-green-mid:#1A9962;
--bk-soft:#E6F7EE;--bk-mist:#F0FAF5;
--bk-ink:#14241D;--bk-ink-soft:#5A6770;--bk-muted:#8A95A0;
--bk-line:#E5EAEF;--bk-line-soft:#F0F4F7;
--green-50:var(--bk-mist);--green-100:var(--bk-soft);--green-600:var(--bk-green-mid);--green-700:var(--bk-green);--green-800:var(--bk-green-deep);--green-900:var(--bk-green-darker);--green-950:var(--bk-green-darker);
--bk-primary-50:var(--bk-mist);--bk-primary-100:var(--bk-soft);--bk-primary-600:var(--bk-green-mid);--bk-primary-700:var(--bk-green);--bk-primary-800:var(--bk-green-deep);--bk-primary-900:var(--bk-green-darker);--bk-primary-950:var(--bk-green-darker);
--surface-ink:var(--bk-green-darker);--surface-brand-soft:var(--bk-soft);--surface-subtle:var(--bk-mist);--surface-sunken:var(--bk-line-soft);
--accent-brand:var(--bk-green);--accent-brand-hover:var(--bk-green-mid);--accent-brand-press:var(--bk-green-deep);--accent-brand-surface:var(--bk-green);--accent-brand-soft-hover:var(--bk-soft);
--text-strong:var(--bk-ink);--text-body:var(--bk-ink);--text-muted:var(--bk-ink-soft);--text-subtle:var(--bk-muted);--text-brand:var(--bk-green-deep);--text-link:var(--bk-green-deep);--text-link-hover:var(--bk-green-darker);
--border-subtle:var(--bk-line);--border-brand-soft:var(--bk-soft);
}
.trust-page,.trust-page{margin:0;padding:0;background:#fff}
.trust-page{font-family:var(--font-sans);color:var(--bk-ink);-webkit-font-smoothing:antialiased}
.trust-page a{color:var(--bk-green-deep)}
.trust-page a:hover{color:var(--bk-green-darker)}
.trust-page [data-icon="external-link"]{-webkit-mask-image:url("/brand-trust/d4b9c8b1bec93901119c.svg") !important;mask-image:url("/brand-trust/d4b9c8b1bec93901119c.svg") !important}
.trust-page [data-icon="check"]{-webkit-mask-image:url("/brand-trust/1298c10bae329f814364.svg") !important;mask-image:url("/brand-trust/1298c10bae329f814364.svg") !important}
.trust-page [data-icon="info"]{-webkit-mask-image:url("/brand-trust/b436dc7ea4e6e4d75159.svg") !important;mask-image:url("/brand-trust/b436dc7ea4e6e4d75159.svg") !important}
.trust-page [data-icon="arrow-right"]{-webkit-mask-image:url("/brand-trust/046cb6fb3e7d35977fed.svg") !important;mask-image:url("/brand-trust/046cb6fb3e7d35977fed.svg") !important}
.trust-page [data-icon="chevron-down"]{-webkit-mask-image:url("/brand-trust/82bc1b7b579788a64a83.svg") !important;mask-image:url("/brand-trust/82bc1b7b579788a64a83.svg") !important}
@media (max-width:899px){
.trust-page [data-r="hero"]{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"intro" "cert" "facts" "upd"!important;grid-template-rows:auto!important;column-gap:0!important}
}
@media (max-width:767px){
.trust-page [data-r="root"]{font-size:16px!important;line-height:1.5!important}
.trust-page [data-r="hdrwrap"]{height:56px!important;padding-left:16px!important;padding-right:16px!important}
.trust-page [data-r="logo"]{height:22px!important}
.trust-page [data-r="hdrbtn"]{min-height:36px!important;height:36px;padding:0 12px!important;font-size:14px!important;border-radius:6px!important}
.trust-page [data-r="wrap"]{padding-left:16px!important;padding-right:16px!important}
.trust-page [data-r="band"]{padding-top:48px!important;padding-bottom:48px!important}
.trust-page h1{font-size:30px!important;line-height:1.15!important}
.trust-page h2{font-size:24px!important;line-height:1.2!important}
.trust-page [data-r="lead"]{font-size:16px!important;line-height:1.5!important}
.trust-page [data-r="facts"]{grid-template-columns:1fr!important;gap:0!important;border:1px solid var(--bk-line);border-radius:12px;background:#fff;overflow:hidden}
.trust-page [data-r="facts"]>div{display:flex!important;justify-content:space-between;align-items:center;gap:12px;border:0!important;border-radius:0!important;padding:12px 16px!important}
.trust-page [data-r="facts"]>div+div{border-top:1px solid var(--bk-line)!important}
.trust-page [data-r="facts"] dd{margin:0!important;white-space:nowrap;font-size:16px!important}
.trust-page [data-r="sealrow"]{padding:0!important;gap:16px!important;align-items:center!important}
.trust-page [data-r="sealnote"]{display:block!important}
.trust-page [data-r="seal"]{width:96px!important;height:96px!important}
.trust-page [data-r="std"]{gap:0!important}
.trust-page [data-r="std"]>li{border:0!important;border-bottom:1px solid var(--bk-line)!important;border-radius:0!important;padding:9px 0!important;min-height:40px;box-sizing:border-box;background:transparent!important}
.trust-page [data-r="std"]>li:first-child{border-top:1px solid var(--bk-line)!important}
.trust-page [data-r="step"]{gap:10px!important}
.trust-page [data-r="step"]>span:first-child{width:28px!important;height:28px!important;font-size:14px!important}

.trust-page [data-r="primary"]{width:100%;justify-content:center;box-sizing:border-box}
.trust-page [data-r="card"]{padding:16px!important}
.trust-page [data-r="quotecard"]{padding:20px 16px!important}
.trust-page [data-r="quote"]{font-size:18px!important}
.trust-page [data-r="sum"]{font-size:17px!important;padding:12px 0!important}
.trust-page [data-r="cta"] a{width:100%!important;justify-content:center!important;box-sizing:border-box!important}
}
.trust-page{overflow-x:clip}
.trust-page [data-r="facts"] dd{white-space:nowrap}
.trust-page summary::-webkit-details-marker{display:none}
.trust-page details[open] .chev{transform:rotate(180deg)}
.trust-page *:focus-visible{outline:2px solid var(--bk-green-deep);outline-offset:2px}

.trust-page img{max-width:100%;height:auto}.trust-page{overflow-wrap:anywhere}