/*
  Camp Ramah — Financial Assistance page (classic editor build)
  Source of truth: Figma "Camp Ramah (Copy)" > Financial Webpage (Core Brand), desktop 1920 + mobile 375.
  Everything is scoped under #cr-fa so it outranks the theme's .page-content rules.
  Fluid values interpolate between the Figma mobile (375) and desktop (1440 content) sizes.
*/

/* ---------- Page shell: break out of the theme's 1080px content column (this page only) ---------- */
.main-content-column:has(#cr-fa),
.content-wrapper:has(#cr-fa) { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.content-wrapper:has(#cr-fa) > .page-heading { display: none !important; }
.page-content:has(#cr-fa) { font-size: 16px; line-height: 1.5; }
.page-content:has(#cr-fa) > .cr-boot { display: none; }
@media (min-width: 1025px) {
  /* theme pads body 11rem under a ~140px fixed header; let the hero sit right under the header like the design */
  #cr-fa { margin-top: -36px; }
}

/* ---------- Tokens ---------- */
#cr-fa {
  --cr-navy: #041045;
  --cr-navy-2: #151b4e;
  --cr-blue: #2166ac;
  --cr-blue-2: #337ab7;
  --cr-sky: #eaf2fb;
  --cr-gray: #f5f5f5;
  --cr-line: #e4e1d6;
  --cr-ink-72: rgba(4, 16, 69, .72);
  --cr-ink-70: rgba(4, 16, 69, .7);
  --cr-font: ScalaSansRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --cr-font-bold: ScalaSansBold, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --cr-font-display: ColbyCondensed, ScalaSansBold, "Arial Narrow", sans-serif;
  --cr-gutter: clamp(32px, 4.2vw, 64px);
  --cr-max: 1440px;
  --cr-pad-y: clamp(64px, calc(47.8px + 4.319vw), 110px);
  --cr-ease: cubic-bezier(.2, .7, .2, 1);
  position: relative;
  width: 100%;
  font-family: var(--cr-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--cr-navy);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ---------- Reset of theme leakage (.page-content p, h1-h6, ul margins, div clearfix pseudos, list bullets) ---------- */
#cr-fa *, #cr-fa *::before, #cr-fa *::after { box-sizing: border-box; }
#cr-fa div::before, #cr-fa div::after { content: none; display: none; }
#cr-fa h1, #cr-fa h2, #cr-fa h3, #cr-fa h4, #cr-fa p, #cr-fa ul, #cr-fa ol, #cr-fa li,
#cr-fa figure, #cr-fa figcaption, #cr-fa blockquote { margin: 0; padding: 0; font-weight: 400; }
#cr-fa ul, #cr-fa ol, #cr-fa li { list-style: none; }
#cr-fa h1, #cr-fa h2, #cr-fa h3, #cr-fa h4 { font-family: var(--cr-font-bold); color: inherit; text-transform: none; letter-spacing: 0; }
#cr-fa img, #cr-fa svg { display: block; max-width: 100%; }
#cr-fa a { color: inherit; text-decoration: none; }
#cr-fa strong { font-family: var(--cr-font-bold); font-weight: 400; }
/* transliterated Hebrew (chevra, kehillah, …) – the theme reset removes italics outside .page-content */
#cr-fa em, #cr-fa i { font-style: italic; }
#cr-fa br { line-height: inherit; }
#cr-fa button { font: inherit; color: inherit; background: none; border: 0; margin: 0; padding: 0; cursor: pointer; text-align: inherit; border-radius: 0; box-shadow: none; text-transform: none; letter-spacing: inherit; line-height: inherit; }
#cr-fa :focus-visible { outline: 2px solid var(--cr-blue-2); outline-offset: 3px; }
#cr-fa [id] { scroll-margin-top: 24px; }
@media (min-width: 1025px) { #cr-fa [id] { scroll-margin-top: 164px; } }

/* ---------- Layout primitives ---------- */
#cr-fa .cr-section { position: relative; padding: var(--cr-pad-y) 0; background: #fff; }
#cr-fa .cr-container { width: 100%; max-width: calc(var(--cr-max) + 2 * var(--cr-gutter)); margin: 0 auto; padding: 0 var(--cr-gutter); }
#cr-fa .cr-stack { display: flex; flex-direction: column; gap: clamp(28px, calc(24.5px + .94vw), 40px); }
#cr-fa .cr-stack--center { align-items: center; }
#cr-fa .cr-bg-gray { background: var(--cr-gray); }
#cr-fa .cr-bg-navy { background: var(--cr-navy); color: #fff; }
#cr-fa .cr-grid-3 { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 900px) { #cr-fa .cr-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } }

/* ---------- Type ---------- */
#cr-fa .cr-eyebrow { font-family: var(--cr-font-bold); font-size: 16px; line-height: 1.2; letter-spacing: .12em; text-transform: uppercase; color: inherit; }
#cr-fa .cr-eyebrow--blue { color: var(--cr-blue); }
#cr-fa .cr-h2 { font-family: var(--cr-font-bold); font-size: clamp(30px, calc(22.96px + 1.878vw), 50px); line-height: 1.12; letter-spacing: 0; color: inherit; }
#cr-fa .cr-h3 { font-family: var(--cr-font-bold); font-size: clamp(20px, calc(18.59px + .376vw), 24px); line-height: 1.26; color: inherit; }
#cr-fa .cr-lead { font-size: clamp(18px, calc(15.89px + .563vw), 24px); line-height: 1.5; color: var(--cr-ink-72); }
#cr-fa .cr-body { font-size: 16px; line-height: 1.6; }
#cr-fa .cr-body-17 { font-size: 16px; line-height: 1.6; color: var(--cr-ink-72); }
@media (min-width: 768px) {
  #cr-fa .cr-eyebrow { line-height: 1.5; letter-spacing: .16em; }
  #cr-fa .cr-h2 { line-height: 1.1; letter-spacing: -.01em; }
  #cr-fa .cr-lead { line-height: 1.333; }
  #cr-fa .cr-body-17 { font-size: 17px; line-height: 1.62; }
}
/* the design uses shorter copy on mobile for a few strings: both versions are in the markup */
#cr-fa .cr-copy-sm { display: none; }
@media (max-width: 767px) { #cr-fa .cr-copy-lg { display: none; } #cr-fa .cr-copy-sm { display: inline; } }
/* multi-paragraph copy (ACF fields whose mobile version has a different paragraph count) */
#cr-fa div.cr-copy-lg { display: contents; }
@media (max-width: 767px) { #cr-fa div.cr-copy-lg { display: none; } #cr-fa div.cr-copy-sm { display: contents; } }
#cr-fa .cr-br-lg { display: none; }
@media (min-width: 1200px) { #cr-fa .cr-br-lg { display: inline; } }

#cr-fa .cr-head { display: flex; flex-direction: column; gap: 14px; }
#cr-fa .cr-head-lead { max-width: 860px; }
#cr-fa .cr-head-lead--narrow { max-width: 820px; }
#cr-fa .cr-head-lead--wide { max-width: 941px; }
#cr-fa .cr-head-lead--how { max-width: 760px; }
#cr-fa .cr-head--center { align-items: center; text-align: center; }
@media (min-width: 768px) { #cr-fa .cr-head { gap: 16px; } }

/* ---------- Buttons ---------- */
#cr-fa .cr-actions { display: flex; flex-wrap: wrap; gap: 12px; }
#cr-fa .cr-btn {
  display: inline-flex; align-items: center; justify-content: center; text-align: center;
  min-height: 48px; padding: 17px 30px; border: 1.5px solid transparent; border-radius: 2px;
  font-family: var(--cr-font-bold); font-size: 14px; line-height: 1; letter-spacing: .06em; text-transform: uppercase;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
#cr-fa .cr-btn:hover { transform: translateY(-1px); }
#cr-fa .cr-btn--blue { background: var(--cr-blue); color: #fff; }
#cr-fa .cr-btn--blue:hover { background: #1a5590; }
#cr-fa .cr-btn--light { background: var(--cr-blue-2); color: #fff; }
#cr-fa .cr-btn--light:hover { background: var(--cr-blue); }
#cr-fa .cr-btn--white { background: #fff; color: var(--cr-navy-2); }
#cr-fa .cr-btn--white:hover { background: var(--cr-sky); }
#cr-fa .cr-btn--navy { background: var(--cr-navy); color: #fff; }
#cr-fa .cr-btn--navy:hover { background: var(--cr-blue); }
#cr-fa .cr-btn--outline { border-color: #fff; color: #fff; background: transparent; }
#cr-fa .cr-btn--outline:hover { background: #fff; color: var(--cr-blue); }
@media (max-width: 767px) {
  #cr-fa .cr-actions { width: 100%; }
  #cr-fa .cr-actions .cr-btn { width: 100%; min-height: 50px; line-height: 1.15; }
}

/* ---------- Toggle icon (+ / –) ---------- */
/* Accordion toggles are drawn on the buttons themselves: the editor's Visual tab deletes empty <span>s.
   Path tabs (mobile) + FAQ: plus / minus. Support groups: chevron that turns up when open (client request). */
#cr-fa .cr-tab-btn::after, #cr-fa .cr-faq-btn::after, #cr-fa .cr-group-btn::after {
  content: ""; flex: none; width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid var(--cr-navy-2);
  background-color: transparent; background-repeat: no-repeat; background-position: center;
  transition: background-color .25s ease, border-color .25s ease, background-size .25s var(--cr-ease), transform .3s var(--cr-ease);
}
#cr-fa .cr-tab-btn::after, #cr-fa .cr-faq-btn::after {
  background-image: linear-gradient(var(--cr-navy), var(--cr-navy)), linear-gradient(var(--cr-navy), var(--cr-navy));
  background-size: 9px 2px, 2px 9px;
}
#cr-fa .is-open > h3 .cr-tab-btn::after, #cr-fa .is-open > h3 .cr-faq-btn::after {
  background-color: var(--cr-navy); border-color: var(--cr-navy);
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff); background-size: 9px 2px, 2px 0;
}
#cr-fa .cr-group-btn::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='%23151b4e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); background-size: 16px; }
#cr-fa .is-open > h3 .cr-group-btn::after { background-color: var(--cr-navy); border-color: var(--cr-navy); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); transform: rotate(180deg); }
html:not(.cr-js) #cr-fa .cr-tab-btn::after, html:not(.cr-js) #cr-fa .cr-faq-btn::after, html:not(.cr-js) #cr-fa .cr-group-btn::after { display: none; }

/* ---------- Collapsible (JS only; without JS everything stays open) ---------- */
.cr-js #cr-fa .cr-collapse { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s var(--cr-ease); }
.cr-js #cr-fa .cr-collapse > .cr-collapse-inner { min-height: 0; overflow: hidden; visibility: hidden; transition: visibility 0s linear .35s; }
.cr-js #cr-fa .is-open > .cr-collapse { grid-template-rows: 1fr; }
.cr-js #cr-fa .is-open > .cr-collapse > .cr-collapse-inner { visibility: visible; transition-delay: 0s; }
@media (prefers-reduced-motion: reduce) {
  #cr-fa *, #cr-fa *::before, #cr-fa *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* =========================================================
   01 Hero
   ========================================================= */
#cr-fa .cr-hero {
  padding: clamp(76px, calc(53.47px + 6.009vw), 140px) 0 76px;
  color: #fff; text-align: center;
  background: linear-gradient(149deg, rgba(4, 16, 69, .38) 19%, rgba(4, 16, 69, .74) 65%), var(--cr-hero-img, none) 48% 50% / cover no-repeat, var(--cr-navy);
}
@media (min-width: 768px) { #cr-fa .cr-hero { background-position: 0 0, 50% 33%; } }
#cr-fa .cr-hero-inner { display: flex; flex-direction: column; align-items: center; gap: 18px; }
#cr-fa .cr-hero-head { display: flex; flex-direction: column; align-items: center; gap: 18px; max-width: 1140px; }
#cr-fa .cr-hero-head .cr-eyebrow { max-width: 280px; }
#cr-fa .cr-hero-title { font-family: var(--cr-font-bold); font-size: 30px; line-height: 1.12; color: #fff; }
#cr-fa .cr-hero-lead { font-size: 18px; line-height: 1.5; color: #fff; max-width: 878px; }
#cr-fa .cr-hero-actions { justify-content: center; }
#cr-fa .cr-hero-stats { display: flex; flex-direction: column; align-items: center; gap: 16px; padding-top: 14px; }
#cr-fa .cr-hero-stat { display: flex; flex-direction: column; align-items: center; gap: 4px; }
#cr-fa .cr-hero-stat-label { text-wrap: balance; }
#cr-fa .cr-hero-stat-num { font-family: var(--cr-font-display); font-weight: 700; font-size: clamp(42px, calc(30.73px + 3.005vw), 74px); line-height: 1.04; letter-spacing: -.01em; color: var(--cr-blue-2); }
@media (min-width: 768px) {
  #cr-fa .cr-hero-inner { gap: 56px; }
  #cr-fa .cr-hero-head { gap: 24px; }
  #cr-fa .cr-hero-head .cr-eyebrow { max-width: none; }
  #cr-fa .cr-hero-title { font-family: var(--cr-font-display); font-weight: 700; font-size: clamp(56px, calc(43.3px + 1.69vw), 74px); line-height: 1.04; letter-spacing: -.01em; }
  #cr-fa .cr-hero-lead { font-size: clamp(20px, calc(15.89px + .563vw), 24px); line-height: 1.333; }
  #cr-fa .cr-hero-actions { gap: 14px; }
  #cr-fa .cr-hero-stats { flex-direction: row; align-items: flex-start; gap: clamp(32px, 4.4vw, 64px); padding-top: 24px; }
  #cr-fa .cr-hero-stat { gap: 24px; }
}

/* =========================================================
   02 Intro
   ========================================================= */
#cr-fa .cr-intro { text-align: center; }
#cr-fa .cr-intro .cr-container { display: flex; flex-direction: column; align-items: center; gap: 16px; }
#cr-fa .cr-intro-text { max-width: 860px; display: flex; flex-direction: column; gap: 1.5em; }
@media (min-width: 768px) { #cr-fa .cr-intro .cr-container { gap: 18px; } #cr-fa .cr-intro-text { gap: 1.333em; } }

/* =========================================================
   03 The Ramah way (myth cards + 96%)
   ========================================================= */
#cr-fa .cr-myth-card { display: flex; flex-direction: column; gap: 12px; padding: 29px 24px 26px; background: #fff; border: 1px solid var(--cr-line); border-radius: 14px; overflow: hidden; position: relative; }
#cr-fa .cr-myth-card::before { content: ""; display: block; position: absolute; inset: 0 0 auto; height: 5px; background: var(--cr-blue); }
#cr-fa .cr-myth { font-size: 16px; line-height: 1.6; text-decoration: line-through; text-decoration-thickness: 1px; opacity: .6; }
#cr-fa .cr-truth { font-size: 16px; line-height: 1.6; }
@media (min-width: 768px) { #cr-fa .cr-myth-card { gap: 14px; padding: 35px 28px 32px; } }

#cr-fa .cr-stat { display: flex; flex-direction: column; align-items: center; gap: 10px; padding-top: 24px; text-align: center; }
#cr-fa .cr-stat-num { font-family: var(--cr-font-bold); font-size: clamp(56px, calc(41.92px + 3.756vw), 96px); line-height: 1; letter-spacing: -.01em; color: var(--cr-blue); }
#cr-fa .cr-stat-text { font-size: clamp(18px, calc(15.89px + .563vw), 24px); line-height: 1.5; max-width: 860px; }
#cr-fa .cr-stat--rule { border-top: 1px solid rgba(255, 252, 244, .18); padding-top: 30px; }
#cr-fa .cr-bg-navy .cr-stat-num { color: #fff; }
@media (min-width: 768px) {
  #cr-fa .cr-stat { gap: 16px; padding-top: 40px; }
  #cr-fa .cr-stat--rule { padding-top: 42px; }
  #cr-fa .cr-stat--rule .cr-stat-num { line-height: 1.2; }
  #cr-fa .cr-stat-text { line-height: 1.333; }
}

/* =========================================================
   04 / 07 Quote bands
   ========================================================= */
#cr-fa .cr-quote-band { background: var(--cr-sky); padding: clamp(72px, calc(63.55px + 2.254vw), 96px) 0; }
#cr-fa .cr-quote { display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
/* quote mark + card icons are CSS masks on empty <div>s (the Visual tab deletes inline <svg>) */
#cr-fa .cr-quote-mark { width: 48px; aspect-ratio: 61 / 46; background-color: var(--cr-blue); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 46' width='61' height='46'%3E%3Cpath fill='currentColor' d='M14.85 45.91c-2.73 0-5.07-.51-7-1.54a11.5 11.5 0 0 1-4.44-4.27 18.1 18.1 0 0 1-2.56-6.14A32.5 32.5 0 0 1 0 26.96c0-5.69 1.42-10.86 4.27-15.53C7.22 6.66 11.72 2.84 17.75 0l1.53 3.07a24.3 24.3 0 0 0-8.7 6.49c-2.39 2.96-3.81 5.97-4.27 9.04-.34 2.16-.28 4.15.17 5.97 2.28-2.27 5.18-3.41 8.7-3.41 3.65 0 6.66 1.08 9.05 3.24 2.39 2.16 3.58 5.23 3.58 9.22 0 3.64-1.25 6.6-3.75 8.87-2.5 2.28-5.58 3.42-9.22 3.42Zm33.1 0c-2.73 0-5.06-.51-7-1.54a11.5 11.5 0 0 1-4.43-4.27 18.1 18.1 0 0 1-2.56-6.14 32.5 32.5 0 0 1-.85-6.99c0-5.69 1.42-10.86 4.27-15.53C40.33 6.66 44.83 2.84 50.86 0l1.53 3.07a24.3 24.3 0 0 0-8.7 6.49c-2.39 2.96-3.81 5.97-4.27 9.04-.34 2.16-.28 4.15.17 5.97 2.28-2.27 5.18-3.41 8.7-3.41 3.64 0 6.66 1.08 9.05 3.24 2.39 2.16 3.58 5.23 3.58 9.22 0 3.64-1.25 6.6-3.75 8.87-2.5 2.28-5.58 3.42-9.22 3.42Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 46' width='61' height='46'%3E%3Cpath fill='currentColor' d='M14.85 45.91c-2.73 0-5.07-.51-7-1.54a11.5 11.5 0 0 1-4.44-4.27 18.1 18.1 0 0 1-2.56-6.14A32.5 32.5 0 0 1 0 26.96c0-5.69 1.42-10.86 4.27-15.53C7.22 6.66 11.72 2.84 17.75 0l1.53 3.07a24.3 24.3 0 0 0-8.7 6.49c-2.39 2.96-3.81 5.97-4.27 9.04-.34 2.16-.28 4.15.17 5.97 2.28-2.27 5.18-3.41 8.7-3.41 3.65 0 6.66 1.08 9.05 3.24 2.39 2.16 3.58 5.23 3.58 9.22 0 3.64-1.25 6.6-3.75 8.87-2.5 2.28-5.58 3.42-9.22 3.42Zm33.1 0c-2.73 0-5.06-.51-7-1.54a11.5 11.5 0 0 1-4.43-4.27 18.1 18.1 0 0 1-2.56-6.14 32.5 32.5 0 0 1-.85-6.99c0-5.69 1.42-10.86 4.27-15.53C40.33 6.66 44.83 2.84 50.86 0l1.53 3.07a24.3 24.3 0 0 0-8.7 6.49c-2.39 2.96-3.81 5.97-4.27 9.04-.34 2.16-.28 4.15.17 5.97 2.28-2.27 5.18-3.41 8.7-3.41 3.64 0 6.66 1.08 9.05 3.24 2.39 2.16 3.58 5.23 3.58 9.22 0 3.64-1.25 6.6-3.75 8.87-2.5 2.28-5.58 3.42-9.22 3.42Z'/%3E%3C/svg%3E") center / contain no-repeat; }
#cr-fa .cr-quote-text { max-width: 960px; border: 0; background: none; quotes: none; }
#cr-fa .cr-quote-text::before, #cr-fa .cr-quote-text::after { content: none; }
#cr-fa .cr-quote-text p { font-family: var(--cr-font); font-style: italic; font-size: clamp(22px, calc(18.13px + 1.033vw), 33px); line-height: 1.36; color: var(--cr-navy); }
@media (max-width: 767px) { #cr-fa .cr-quote-text { margin: 0 -8px; } }
@media (min-width: 768px) { #cr-fa .cr-quote-mark { width: 61px; } #cr-fa .cr-quote-text p { line-height: 1.34; } }
/* callout under a parent quote ("Apply once, covered for three summers.") */
#cr-fa .cr-callout { max-width: 760px; margin: clamp(40px, calc(34.37px + 1.502vw), 56px) auto 0; padding: 24px 24px 26px; background: #fff; border: 1px solid var(--cr-line); border-top: 4px solid var(--cr-blue); border-radius: 14px; text-align: center; display: flex; flex-direction: column; gap: 8px; }
#cr-fa .cr-callout-title { font-family: var(--cr-font-bold); font-size: clamp(20px, calc(18.59px + .376vw), 24px); line-height: 1.26; color: var(--cr-navy); }
#cr-fa .cr-callout-text { font-size: 16px; line-height: 1.6; color: var(--cr-ink-72); }
@media (min-width: 768px) { #cr-fa .cr-callout { padding: 32px 48px 34px; } #cr-fa .cr-callout-text { font-size: 17px; line-height: 1.62; } }

/* =========================================================
   05 Gemilut Hasadim (value cards + 99%)
   ========================================================= */
#cr-fa .cr-value .cr-head-lead { color: rgba(255, 255, 255, .82); }
#cr-fa .cr-value .cr-grid-3 { gap: 16px; }
#cr-fa .cr-value-card { display: flex; flex-direction: column; gap: 14px; padding: 26px 24px; border-radius: 14px; background: rgba(255, 252, 244, .06); border: 1px solid rgba(255, 252, 244, .18); }
#cr-fa .cr-icon { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--cr-blue); color: #fff; }
#cr-fa .cr-icon::before { content: ""; display: block; width: 24px; height: 24px; background-color: currentColor; -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; }
#cr-fa .cr-icon--sunny::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='currentColor' d='M11.25 5.21V1.52h1.5v3.69h-1.5Zm6.07 2.52-1.03-1.03 2.58-2.66 1.06 1.08-2.61 2.61Zm1.47 5.02v-1.5h3.69v1.5h-3.69Zm-7.54 9.73V18.8h1.5v3.68h-1.5ZM6.7 7.69 4.04 5.13l1.09-1.06 2.61 2.6-1.04 1.02Zm12.16 12.27-2.56-2.66 1.01-1.01 2.62 2.55-1.07 1.12ZM1.52 12.75v-1.5h3.69v1.5H1.52Zm3.6 7.21-1.05-1.09 2.58-2.58.54.51.55.53-2.62 2.63Zm2.99-4.07A5.3 5.3 0 0 1 6.5 12c0-1.53.54-2.82 1.6-3.89A5.3 5.3 0 0 1 12 6.5c1.53 0 2.82.54 3.89 1.6A5.3 5.3 0 0 1 17.5 12c0 1.53-.54 2.82-1.6 3.89A5.3 5.3 0 0 1 12 17.5c-1.53 0-2.82-.54-3.89-1.6Zm6.72-1.07A3.86 3.86 0 0 0 16 12c0-1.1-.39-2.04-1.18-2.83A3.86 3.86 0 0 0 12 8c-1.1 0-2.04.39-2.83 1.18A3.86 3.86 0 0 0 8 12c0 1.1.39 2.04 1.18 2.83A3.86 3.86 0 0 0 12 16c1.1 0 2.04-.39 2.83-1.18Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='currentColor' d='M11.25 5.21V1.52h1.5v3.69h-1.5Zm6.07 2.52-1.03-1.03 2.58-2.66 1.06 1.08-2.61 2.61Zm1.47 5.02v-1.5h3.69v1.5h-3.69Zm-7.54 9.73V18.8h1.5v3.68h-1.5ZM6.7 7.69 4.04 5.13l1.09-1.06 2.61 2.6-1.04 1.02Zm12.16 12.27-2.56-2.66 1.01-1.01 2.62 2.55-1.07 1.12ZM1.52 12.75v-1.5h3.69v1.5H1.52Zm3.6 7.21-1.05-1.09 2.58-2.58.54.51.55.53-2.62 2.63Zm2.99-4.07A5.3 5.3 0 0 1 6.5 12c0-1.53.54-2.82 1.6-3.89A5.3 5.3 0 0 1 12 6.5c1.53 0 2.82.54 3.89 1.6A5.3 5.3 0 0 1 17.5 12c0 1.53-.54 2.82-1.6 3.89A5.3 5.3 0 0 1 12 17.5c-1.53 0-2.82-.54-3.89-1.6Zm6.72-1.07A3.86 3.86 0 0 0 16 12c0-1.1-.39-2.04-1.18-2.83A3.86 3.86 0 0 0 12 8c-1.1 0-2.04.39-2.83 1.18A3.86 3.86 0 0 0 8 12c0 1.1.39 2.04 1.18 2.83A3.86 3.86 0 0 0 12 16c1.1 0 2.04-.39 2.83-1.18Z'/%3E%3C/svg%3E"); }
#cr-fa .cr-icon--diversity::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='currentColor' d='M1.55 13.37a8.7 8.7 0 0 1-.78-1.87A7.2 7.2 0 0 1 .5 9.6c0-1.71.59-3.16 1.77-4.33A5.9 5.9 0 0 1 6.6 3.5c1.03 0 2.02.24 2.96.73A6.9 6.9 0 0 1 12 6.28a6.9 6.9 0 0 1 2.44-2.05 6.4 6.4 0 0 1 2.96-.73c1.71 0 3.16.59 4.33 1.77A5.9 5.9 0 0 1 23.5 9.6c0 .62-.09 1.24-.27 1.87-.18.63-.44 1.26-.78 1.89a2.8 2.8 0 0 0-1.17-1.05c.23-.47.41-.93.53-1.38.12-.45.19-.89.19-1.33 0-1.29-.44-2.38-1.33-3.27A4.4 4.4 0 0 0 17.4 5c-1.19 0-2.18.34-2.96 1.02A23 23 0 0 0 12 8.6a23 23 0 0 0-2.44-2.59C8.78 5.34 7.79 5 6.6 5c-1.29 0-2.38.44-3.27 1.33A4.4 4.4 0 0 0 2 9.6c0 .45.06.91.18 1.36.12.45.3.9.53 1.36a2.6 2.6 0 0 0-1.16 1.05ZM.5 21.52V20.3c0-.68.35-1.23 1.05-1.65.7-.42 1.6-.63 2.71-.63a7 7 0 0 1 1.12.08 3.5 3.5 0 0 0-.58 2.01v1.41H.5Zm6 0v-1.38c0-.95.51-1.72 1.52-2.3 1.02-.57 2.35-.86 3.98-.86 1.65 0 2.98.29 3.99.86 1 .58 1.51 1.35 1.51 2.3v1.38h-11Zm12.69 0v-1.41a3.6 3.6 0 0 0-.53-2.01 7 7 0 0 1 1.09-.08c1.13 0 2.03.21 2.72.63.69.42 1.03.97 1.03 1.65v1.22h-4.31ZM12 18.48c-1.04 0-1.93.14-2.68.41-.75.28-1.16.62-1.24 1.02v.11h7.86v-.11c-.09-.4-.51-.74-1.25-1.02A7.6 7.6 0 0 0 12 18.48ZM4.26 17.05a1.7 1.7 0 0 1-1.21-.5 1.65 1.65 0 0 1-.5-1.21c0-.48.17-.88.5-1.21.34-.33.74-.5 1.21-.5.48 0 .88.17 1.21.5.33.33.5.73.5 1.21 0 .47-.17.87-.5 1.21-.33.33-.73.5-1.21.5Zm15.49 0c-.47 0-.87-.17-1.21-.5a1.65 1.65 0 0 1-.5-1.21c0-.48.17-.88.5-1.21.34-.33.74-.5 1.21-.5.48 0 .89.17 1.22.5.33.33.49.73.49 1.21 0 .47-.16.87-.49 1.21-.33.33-.73.5-1.22.5ZM12 16.23c-.72 0-1.33-.25-1.84-.76a2.5 2.5 0 0 1-.76-1.84c0-.74.25-1.35.76-1.85s1.12-.75 1.84-.75c.74 0 1.35.25 1.85.75s.75 1.11.75 1.85c0 .72-.25 1.33-.75 1.84-.5.51-1.11.76-1.85.76Zm0-3.69c-.3 0-.56.1-.77.32-.22.21-.32.47-.32.78 0 .3.1.56.32.78.21.21.47.32.78.32.3 0 .56-.11.78-.32.21-.22.31-.48.31-.78 0-.31-.1-.57-.32-.78a1.06 1.06 0 0 0-.78-.32Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='currentColor' d='M1.55 13.37a8.7 8.7 0 0 1-.78-1.87A7.2 7.2 0 0 1 .5 9.6c0-1.71.59-3.16 1.77-4.33A5.9 5.9 0 0 1 6.6 3.5c1.03 0 2.02.24 2.96.73A6.9 6.9 0 0 1 12 6.28a6.9 6.9 0 0 1 2.44-2.05 6.4 6.4 0 0 1 2.96-.73c1.71 0 3.16.59 4.33 1.77A5.9 5.9 0 0 1 23.5 9.6c0 .62-.09 1.24-.27 1.87-.18.63-.44 1.26-.78 1.89a2.8 2.8 0 0 0-1.17-1.05c.23-.47.41-.93.53-1.38.12-.45.19-.89.19-1.33 0-1.29-.44-2.38-1.33-3.27A4.4 4.4 0 0 0 17.4 5c-1.19 0-2.18.34-2.96 1.02A23 23 0 0 0 12 8.6a23 23 0 0 0-2.44-2.59C8.78 5.34 7.79 5 6.6 5c-1.29 0-2.38.44-3.27 1.33A4.4 4.4 0 0 0 2 9.6c0 .45.06.91.18 1.36.12.45.3.9.53 1.36a2.6 2.6 0 0 0-1.16 1.05ZM.5 21.52V20.3c0-.68.35-1.23 1.05-1.65.7-.42 1.6-.63 2.71-.63a7 7 0 0 1 1.12.08 3.5 3.5 0 0 0-.58 2.01v1.41H.5Zm6 0v-1.38c0-.95.51-1.72 1.52-2.3 1.02-.57 2.35-.86 3.98-.86 1.65 0 2.98.29 3.99.86 1 .58 1.51 1.35 1.51 2.3v1.38h-11Zm12.69 0v-1.41a3.6 3.6 0 0 0-.53-2.01 7 7 0 0 1 1.09-.08c1.13 0 2.03.21 2.72.63.69.42 1.03.97 1.03 1.65v1.22h-4.31ZM12 18.48c-1.04 0-1.93.14-2.68.41-.75.28-1.16.62-1.24 1.02v.11h7.86v-.11c-.09-.4-.51-.74-1.25-1.02A7.6 7.6 0 0 0 12 18.48ZM4.26 17.05a1.7 1.7 0 0 1-1.21-.5 1.65 1.65 0 0 1-.5-1.21c0-.48.17-.88.5-1.21.34-.33.74-.5 1.21-.5.48 0 .88.17 1.21.5.33.33.5.73.5 1.21 0 .47-.17.87-.5 1.21-.33.33-.73.5-1.21.5Zm15.49 0c-.47 0-.87-.17-1.21-.5a1.65 1.65 0 0 1-.5-1.21c0-.48.17-.88.5-1.21.34-.33.74-.5 1.21-.5.48 0 .89.17 1.22.5.33.33.49.73.49 1.21 0 .47-.16.87-.49 1.21-.33.33-.73.5-1.22.5ZM12 16.23c-.72 0-1.33-.25-1.84-.76a2.5 2.5 0 0 1-.76-1.84c0-.74.25-1.35.76-1.85s1.12-.75 1.84-.75c.74 0 1.35.25 1.85.75s.75 1.11.75 1.85c0 .72-.25 1.33-.75 1.84-.5.51-1.11.76-1.85.76Zm0-3.69c-.3 0-.56.1-.77.32-.22.21-.32.47-.32.78 0 .3.1.56.32.78.21.21.47.32.78.32.3 0 .56-.11.78-.32.21-.22.31-.48.31-.78 0-.31-.1-.57-.32-.78a1.06 1.06 0 0 0-.78-.32Z'/%3E%3C/svg%3E"); }
#cr-fa .cr-icon--forum::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='currentColor' d='m21.31 20.65-3.54-3.53H8c-.49 0-.9-.18-1.25-.53a1.7 1.7 0 0 1-.52-1.25v-.61h10.89c.5 0 .92-.18 1.28-.54.35-.35.53-.78.53-1.27V6h.62c.48 0 .9.17 1.25.52.34.35.52.76.52 1.25v12.88ZM4.19 12.65l1.42-1.42h9.51c.09 0 .16-.03.22-.09a.3.3 0 0 0 .09-.22V4.31a.3.3 0 0 0-.09-.22.3.3 0 0 0-.22-.09H4.5a.3.3 0 0 0-.22.09.3.3 0 0 0-.09.22v8.34Zm-1.5 3.62V4.31c0-.5.18-.93.53-1.28.36-.35.78-.53 1.28-.53h10.62c.5 0 .92.18 1.28.53.35.35.53.78.53 1.28v6.61c0 .5-.18.93-.53 1.28-.36.35-.78.53-1.28.53H6.23l-3.54 3.54Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='currentColor' d='m21.31 20.65-3.54-3.53H8c-.49 0-.9-.18-1.25-.53a1.7 1.7 0 0 1-.52-1.25v-.61h10.89c.5 0 .92-.18 1.28-.54.35-.35.53-.78.53-1.27V6h.62c.48 0 .9.17 1.25.52.34.35.52.76.52 1.25v12.88ZM4.19 12.65l1.42-1.42h9.51c.09 0 .16-.03.22-.09a.3.3 0 0 0 .09-.22V4.31a.3.3 0 0 0-.09-.22.3.3 0 0 0-.22-.09H4.5a.3.3 0 0 0-.22.09.3.3 0 0 0-.09.22v8.34Zm-1.5 3.62V4.31c0-.5.18-.93.53-1.28.36-.35.78-.53 1.28-.53h10.62c.5 0 .92.18 1.28.53.35.35.53.78.53 1.28v6.61c0 .5-.18.93-.53 1.28-.36.35-.78.53-1.28.53H6.23l-3.54 3.54Z'/%3E%3C/svg%3E"); }
#cr-fa .cr-value-card .cr-body { color: rgba(255, 255, 255, .8); }
@media (min-width: 768px) { #cr-fa .cr-value-card { gap: 16px; padding: 32px 28px; } #cr-fa .cr-icon { width: 46px; height: 46px; } }
@media (min-width: 900px) { #cr-fa .cr-value .cr-grid-3 { gap: 24px; } }

/* =========================================================
   06 Find your path (tabs on desktop, accordion below 1025px)
   ========================================================= */
#cr-fa .cr-path .cr-stack { gap: 24px; }
#cr-fa .cr-tabs { display: flex; flex-direction: column; gap: 12px; }
#cr-fa .cr-tab-item { position: relative; border: 1px solid var(--cr-line); border-radius: 8px; overflow: hidden; background: #fff; }
#cr-fa .cr-tab-item::before { content: ""; display: block; height: 4px; background: var(--cr-navy); }
#cr-fa .cr-tab-btn { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; padding: 18px 20px; }
#cr-fa .cr-tab-label { font-family: var(--cr-font); font-style: italic; font-size: 16px; line-height: 1.4; color: var(--cr-navy); }
#cr-fa .cr-panel { display: flex; flex-direction: column; }
#cr-fa .cr-panel-media img { width: 100%; height: 200px; object-fit: cover; object-position: 50% 30%; }
#cr-fa .cr-panel-body { display: flex; flex-direction: column; justify-content: space-between; gap: 32px; padding: 16px 20px 24px; }
#cr-fa .cr-panel-content { display: flex; flex-direction: column; gap: 32px; }
#cr-fa .cr-panel-title { display: flex; flex-direction: column; gap: 16px; }
#cr-fa .cr-panel-h { font-family: var(--cr-font-bold); font-size: clamp(24px, calc(21.89px + .563vw), 30px); line-height: 1.2; color: var(--cr-navy); }
#cr-fa .cr-suggest { display: flex; flex-direction: column; gap: 16px; }
#cr-fa .cr-chips { display: flex; flex-wrap: wrap; gap: 8px; }
#cr-fa .cr-chips li { flex: 1 1 100%; }
#cr-fa .cr-chip { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 9px 16px; border: 1px solid var(--cr-line); border-radius: 100px; background: #fff; font-family: var(--cr-font-bold); font-size: 15px; line-height: 1.3; text-align: center; color: var(--cr-navy); transition: border-color .2s ease, background-color .2s ease; }
#cr-fa .cr-chip span { transition: transform .2s ease; }
#cr-fa .cr-chip:hover { border-color: var(--cr-blue); background: var(--cr-sky); }
#cr-fa .cr-chip:hover span { transform: translateX(3px); }
@media (min-width: 600px) {
  #cr-fa .cr-chips { gap: 16px; }
  #cr-fa .cr-chips li { flex: 0 0 auto; min-width: calc((100% - 32px) / 3); }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #cr-fa .cr-panel-media img { height: 320px; }
  #cr-fa .cr-panel-body { padding: 28px 32px 32px; }
}

@media (min-width: 1025px) {
  #cr-fa .cr-path .cr-stack { gap: 32px; }
  /* tab layout needs JS; without it the accordion layout stays, fully open and readable */
  .cr-js #cr-fa .cr-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 12px; row-gap: 32px; }
  .cr-js #cr-fa .cr-tab-item { display: contents; }
  .cr-js #cr-fa .cr-tab-item::before { content: none; }
  .cr-js #cr-fa .cr-tab { grid-row: 1; }
  .cr-js #cr-fa .cr-tab-btn { height: 100%; min-height: 61px; padding: 18px 16px; border: 1.5px solid var(--cr-line); background: #fff; transition: background-color .2s ease, border-color .2s ease; }
  /* theme has no true italic: the synthesized oblique runs ~6% wider, 15px/-.01em keeps the one-line tabs of the design */
  .cr-js #cr-fa .cr-tab-btn .cr-tab-label { font-size: 15px; letter-spacing: -.01em; }
  .cr-js #cr-fa .cr-tab-btn:hover { border-color: var(--cr-blue-2); }
  .cr-js #cr-fa .cr-tab-btn::after { display: none; }
  .cr-js #cr-fa .cr-tab-label { color: var(--cr-ink-70); }
  .cr-js #cr-fa .is-open > .cr-tab .cr-tab-btn { background: var(--cr-navy); border-color: var(--cr-navy); cursor: default; }
  .cr-js #cr-fa .is-open > .cr-tab .cr-tab-label { color: #fff; }
  .cr-js #cr-fa .cr-tab-panel { grid-row: 2; grid-column: 1 / -1; }
  .cr-js #cr-fa .cr-tab-panel { display: none; }
  .cr-js #cr-fa .is-open > .cr-tab-panel { display: block; animation: crFade .35s var(--cr-ease); }
  .cr-js #cr-fa .cr-tab-panel > .cr-collapse-inner { visibility: visible; overflow: visible; }
  #cr-fa .cr-panel { flex-direction: row-reverse; min-height: 493px; border: 1px solid var(--cr-line); border-radius: 18px; overflow: hidden; background: #fff; }
  #cr-fa .cr-panel-media { flex: 0 0 30.56%; position: relative; }
  #cr-fa .cr-panel-media img { position: absolute; inset: 0; height: 100%; object-position: 50% 50%; }
  #cr-fa .cr-panel-body { flex: 1 1 auto; padding: 48px 52px; }
  #cr-fa .cr-panel-title { gap: 18px; }
  #cr-fa .cr-suggest { gap: 24px; }
  #cr-fa .cr-panel-h { line-height: 1.18; }
}
@keyframes crFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* =========================================================
   08 All support options
   ========================================================= */
#cr-fa .cr-support .cr-stack { gap: 36px; }
#cr-fa .cr-groups { display: flex; flex-direction: column; gap: 36px; }
#cr-fa .cr-group-btn { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 10px; row-gap: 8px; width: 100%; padding-bottom: 14px; border-bottom: 2px solid var(--cr-blue-2); }
#cr-fa .cr-group--community .cr-group-btn { border-bottom-color: #323232; }
#cr-fa .cr-group-title { display: flex; align-items: center; gap: 10px; grid-column: 1; grid-row: 1; }
#cr-fa .cr-group-title::before { content: ""; flex: none; width: 13px; height: 13px; border-radius: 4px; background: var(--cr-blue-2); }
#cr-fa .cr-group--community .cr-group-title::before { background: #333; }
#cr-fa .cr-group-name { font-family: var(--cr-font-bold); font-size: clamp(20px, calc(18.59px + .376vw), 24px); line-height: 1.26; color: var(--cr-navy); }
#cr-fa .cr-group-meta { grid-column: 1 / -1; grid-row: 2; font-family: var(--cr-font); font-style: italic; font-size: 16px; line-height: 1.4; color: var(--cr-ink-70); }
#cr-fa .cr-group-btn::after { grid-column: 2; grid-row: 1; width: 28px; height: 28px; }
#cr-fa .cr-row { display: flex; flex-direction: column; gap: 6px; padding: 18px 0; border-bottom: 1px solid var(--cr-line); transition: background-color .6s ease; }
#cr-fa .cr-row-name { font-family: var(--cr-font-bold); font-size: 17px; line-height: 1.4; color: var(--cr-navy); }
#cr-fa .cr-row-text { display: flex; flex-direction: column; gap: 1.6em; font-size: 16px; line-height: 1.6; color: var(--cr-ink-72); }
#cr-fa .cr-row-text strong { color: var(--cr-navy); }
#cr-fa .cr-row-text a, #cr-fa .cr-step-text a { color: var(--cr-blue); text-decoration: underline; text-underline-offset: 2px; }
#cr-fa .cr-row-text a:hover, #cr-fa .cr-step-text a:hover { color: var(--cr-navy); }
#cr-fa .cr-row.is-flash { animation: crFlash 2s ease; }
@keyframes crFlash { 0%, 35% { background-color: var(--cr-sky); } 100% { background-color: transparent; } }
@media (min-width: 768px) {
  #cr-fa .cr-support .cr-stack, #cr-fa .cr-groups { gap: 48px; }
  #cr-fa .cr-group-btn { display: flex; justify-content: space-between; gap: 8px; padding-bottom: 15px; }
  #cr-fa .cr-group-title { gap: 12px; margin-right: auto; }
  #cr-fa .cr-group-title::before { width: 14px; height: 14px; }
  #cr-fa .cr-group-meta { margin-right: 16px; text-align: right; }
  #cr-fa .cr-row { flex-direction: row; gap: 34px; padding: 22px 0; }
  #cr-fa .cr-row-name { flex: 0 0 260px; font-size: 18px; }
  #cr-fa .cr-group--community .cr-row-name { flex-basis: 246px; }
  #cr-fa .cr-row-text { flex: 1 1 auto; font-size: 17px; line-height: 1.62; }
}
@media (min-width: 768px) and (max-width: 1024px) { #cr-fa .cr-row-name { flex-basis: 200px; } }

#cr-fa .cr-access { display: flex; flex-direction: column; gap: 16px; padding: 28px 24px; background: var(--cr-blue); color: #fff; }
#cr-fa .cr-access-text { display: flex; flex-direction: column; gap: 16px; }
#cr-fa .cr-access .cr-body-17 { color: rgba(255, 255, 255, .94); }
@media (min-width: 900px) {
  #cr-fa .cr-access { flex-direction: row; align-items: center; justify-content: space-between; gap: 32px; padding: 44px 48px; }
  #cr-fa .cr-access .cr-actions { flex: none; }
  #cr-fa .cr-access .cr-btn { min-height: 51px; }
}

/* =========================================================
   09 How it works (steps)
   ========================================================= */
#cr-fa .cr-how .cr-stack { gap: 34px; }
#cr-fa .cr-steps { width: 100%; max-width: 820px; }
#cr-fa .cr-step { display: flex; gap: 18px; }
#cr-fa .cr-step-rail { flex: 0 0 56px; display: flex; flex-direction: column; align-items: center; }
#cr-fa .cr-step-rail::after { content: ""; display: block; flex: 1 1 auto; width: 2px; background: rgba(33, 102, 172, .55); }
#cr-fa .cr-step:last-child .cr-step-rail::after { content: none; }
#cr-fa .cr-step-num { display: flex; align-items: center; justify-content: center; flex: none; width: 56px; height: 56px; border-radius: 50%; background: var(--cr-navy-2); color: #fff; font-family: var(--cr-font-bold); font-size: 24px; line-height: 1; }
#cr-fa .cr-step-text { display: flex; flex-direction: column; gap: 6px; padding: 4px 0 36px; }
#cr-fa .cr-step:last-child .cr-step-text { padding-bottom: 0; }
#cr-fa .cr-step-text .cr-body { color: var(--cr-ink-72); }
@media (min-width: 768px) {
  #cr-fa .cr-how .cr-stack { gap: 44px; }
  #cr-fa .cr-step { gap: 26px; }
  #cr-fa .cr-step-text { gap: 8px; padding-bottom: 42px; }
}

/* =========================================================
   10 Closing CTA
   ========================================================= */
#cr-fa .cr-closing {
  padding: clamp(72px, calc(55.1px + 4.507vw), 120px) 0;
  color: #fff; text-align: center;
  background: linear-gradient(90deg, rgba(4, 16, 69, .42), rgba(4, 16, 69, .84)), var(--cr-closing-img, none) 50% 27% / cover no-repeat, var(--cr-navy);
}
#cr-fa .cr-closing-inner { display: flex; flex-direction: column; align-items: center; gap: 32px; }
#cr-fa .cr-closing-head { display: flex; flex-direction: column; align-items: center; gap: 20px; max-width: 946px; }
#cr-fa .cr-closing .cr-lead { color: rgba(255, 255, 255, .9); }
#cr-fa .cr-closing-note { max-width: 946px; font-size: 16px; line-height: 1.6; color: rgba(255, 255, 255, .9); }
#cr-fa .cr-closing .cr-actions { justify-content: center; }
@media (min-width: 768px) { #cr-fa .cr-closing-head { gap: 24px; } }

/* =========================================================
   11 FAQ
   ========================================================= */
#cr-fa .cr-faq .cr-stack { gap: 26px; }
#cr-fa .cr-faq-title { max-width: 900px; }
#cr-fa .cr-faq-list { border-top: 1px solid var(--cr-line); }
#cr-fa .cr-faq-item { border-bottom: 1px solid var(--cr-line); }
#cr-fa .cr-faq-btn { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 22px 0; font-family: var(--cr-font-bold); font-size: clamp(20px, calc(18.59px + .376vw), 24px); line-height: 1.26; color: var(--cr-navy); }
#cr-fa .cr-faq-btn:hover { color: var(--cr-blue); }
#cr-fa .cr-faq-a { padding-bottom: 22px; font-size: 16px; line-height: 1.6; color: var(--cr-ink-72); }
/* question->answer gap is 12px (14px desktop), tighter than the button's padding: pull the open panel up */
.cr-js #cr-fa .cr-faq-item > .cr-collapse { transition: grid-template-rows .35s var(--cr-ease), margin-top .35s var(--cr-ease); }
#cr-fa .cr-faq-item.is-open > .cr-collapse, html:not(.cr-js) #cr-fa .cr-faq-item > .cr-collapse { margin-top: -10px; }
#cr-fa .cr-faq-a a { color: var(--cr-blue); text-decoration: underline; text-underline-offset: 2px; }
#cr-fa .cr-faq-a a:hover { color: var(--cr-navy); }
@media (min-width: 768px) {
  #cr-fa .cr-faq .cr-stack { gap: 34px; }
  #cr-fa .cr-faq-btn { gap: 20px; padding: 26px 0; }
  #cr-fa .cr-faq-btn::after { width: 34px; height: 34px; }
  #cr-fa .cr-faq-a { padding-bottom: 26px; font-size: 17px; line-height: 1.62; }
  #cr-fa .cr-faq-item.is-open > .cr-collapse, html:not(.cr-js) #cr-fa .cr-faq-item > .cr-collapse { margin-top: -12px; }
}