/* =========================================================
   JHB Hilfe zur Erziehung
   Datei: assets/css/hilfe-zur-erziehung.css
   Zweck: Bildlose Informations-/Pillar-Page im Stil der JHB-Angebotsseiten.
   Hinweis: bewusst über .jhb-hze-page begrenzt.
   ========================================================= */

.jhb-hze-page{
  --jhb-orange:#E9620B;
  --jhb-orange-dark:#C94F05;
  --jhb-green:#5E846D;
  --jhb-green-dark:#234F2A;
  --jhb-deep:#183B28;
  --jhb-ink:#202538;
  --jhb-ink-soft:#394257;
  --jhb-muted:#647284;
  --jhb-bg:#F7F1E8;
  --jhb-bg-soft:#FBF7F0;
  --jhb-card:#FFFDF8;
  --jhb-line:#E8DCCE;
  --jhb-shadow:0 18px 38px rgba(33,37,56,.075);
  --jhb-shadow-strong:0 34px 76px rgba(33,37,56,.18);
  --jhb-radius-xl:34px;
  --jhb-radius-lg:28px;
  --jhb-radius-md:22px;
  --jhb-pill:999px;
  --jhb-max:1220px;

  position:relative;
  overflow:hidden;
  color:var(--jhb-ink);
  background:var(--jhb-bg);
  font-family:"Nunito Sans","Nunito",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.7;
}

.jhb-hze-page *,
.jhb-hze-page *::before,
.jhb-hze-page *::after{box-sizing:border-box}

.jhb-hze-page a{color:inherit;text-decoration:none}
.jhb-hze-page h1,
.jhb-hze-page h2,
.jhb-hze-page h3,
.jhb-hze-page p,
.jhb-hze-page ul{margin-top:0}

.jhb-hze-page h1::before,
.jhb-hze-page h1::after,
.jhb-hze-page h2::before,
.jhb-hze-page h2::after,
.jhb-hze-page h3::before,
.jhb-hze-page h3::after{
  content:none;
  display:none;
  width:0;
  height:0;
  margin:0;
  padding:0;
  border:0;
  background:none;
}

.jhb-hze-page .jah-wrap{
  width:min(var(--jhb-max),calc(100% - 32px));
  margin:0 auto;
}

/* Grundflächen ---------------------------------------------------------- */

.jhb-hze-page .jah-section{
  position:relative;
  padding: 81px 0;
  scroll-margin-top: 132px;
}

.jhb-hze-page .jah-section--orientation{
  padding-top: 68px;
  background:linear-gradient(180deg,var(--jhb-bg) 0%,#FBF7F0 100%);
}

.jhb-hze-page .jah-section--soft,
.jhb-hze-page .jah-section--process{
  background:
    radial-gradient(680px 280px at 12% 10%,rgba(233,98,11,.045),transparent 70%),
    radial-gradient(720px 300px at 88% 8%,rgba(94,132,109,.075),transparent 70%),
    linear-gradient(180deg,#FBF7F0 0%,#F4EDE3 100%);
}

.jhb-hze-page .jah-section--offers,
.jhb-hze-page .jah-section--regions{
  background:var(--jhb-bg);
}

.jhb-hze-page .jah-section--faq{
  background:linear-gradient(180deg,#F4EDE3 0%,#FBF7F0 100%);
}

.jhb-hze-page .jah-section--cta{
  padding-top: 50px;
  padding-bottom: 96px;
  background:#FBF7F0;
}

/* Kleine Labels und Buttons --------------------------------------------- */

.jhb-hze-page .jah-eyebrow,
.jhb-hze-page .jah-pill,
.jhb-hze-page .jah-note{
  --jah-badge-border:rgba(233,98,11,.20);
  --jah-badge-bg:linear-gradient(180deg,#FFF9F2 0%,#FCECDC 100%);
  --jah-badge-color:#9B531E;
  --jah-badge-shadow:0 10px 22px rgba(33,37,56,.05),inset 0 1px 0 rgba(255,255,255,.82);

  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 15px;
  border-radius:var(--jhb-pill);
  border:1px solid var(--jah-badge-border);
  background:var(--jah-badge-bg);
  color:var(--jah-badge-color);
  font-size:11.5px;
  font-weight:900;
  letter-spacing:.105em;
  line-height:1.08;
  text-transform:uppercase;
  text-align:center;
  box-shadow:var(--jah-badge-shadow);
  margin:0;
}

.jhb-hze-page .jah-eyebrow::before,
.jhb-hze-page .jah-pill::before,
.jhb-hze-page .jah-note::before{
  content:none;
  display:none;
}

/* Karten-Badges: gleiche hochwertige Form wie die Abschnitts-Badges,
   aber als grüne Variante für Angebots- und Regionen-Karten. */
.jhb-hze-page .jah-info-offer__top .jah-pill,
.jhb-hze-page .jah-region-card .jah-note{
  --jah-badge-border:rgba(94,132,109,.22);
  --jah-badge-bg:linear-gradient(180deg,#FFFFFF 0%,#F3F8F2 100%);
  --jah-badge-color:var(--jhb-green-dark);
  --jah-badge-shadow:0 10px 20px rgba(33,37,56,.045),inset 0 1px 0 rgba(255,255,255,.88);
}

.jhb-hze-page .jah-eyebrow--hero{
  margin-top:14px;
}


.jhb-hze-page .jah-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  padding:0 22px;
  border-radius:var(--jhb-pill);
  border:1px solid transparent;
  font-size:14px;
  font-weight:900;
  letter-spacing:.01em;
  text-align:center;
  white-space:nowrap;
  min-width:max-content;
  transition:transform .34s cubic-bezier(.22,.61,.36,1),box-shadow .34s cubic-bezier(.22,.61,.36,1),background-color .34s ease,border-color .34s ease,color .34s ease;
}

.jhb-hze-page .jah-btn--primary,
.jhb-hze-page .jah-btn--primary:visited,
.jhb-hze-page .jah-btn--primary span{
  color:#fff;
}

.jhb-hze-page .jah-btn--primary{
  background:linear-gradient(135deg,var(--jhb-orange),var(--jhb-orange-dark));
  box-shadow:0 16px 30px rgba(233,98,11,.22);
}

.jhb-hze-page .jah-btn--ghost,
.jhb-hze-page .jah-btn--ghost:visited,
.jhb-hze-page .jah-btn--ghost span{
  color:var(--jhb-ink);
}

.jhb-hze-page .jah-btn--ghost{
  background:#fff;
  border-color:#DFE3DF;
  box-shadow:0 12px 24px rgba(33,37,56,.08);
}

@media (hover:hover){
  .jhb-hze-page .jah-btn:hover{
    transform:translateY(-2px);
  }

  .jhb-hze-page .jah-btn--primary:hover{
    box-shadow:0 18px 32px rgba(233,98,11,.25);
  }

  .jhb-hze-page .jah-btn--ghost:hover{
    border-color:rgba(94,132,109,.34);
    background:#F8FBF7;
    box-shadow:0 15px 28px rgba(33,37,56,.09);
  }
}

/* Karten ---------------------------------------------------------------- */

.jhb-hze-page .jah-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:var(--jhb-radius-lg);
  border:1px solid rgba(232,220,206,.95);
  background:
    radial-gradient(320px 170px at 50% -26%,rgba(94,132,109,.07),transparent 74%),
    linear-gradient(180deg,#FFFDF9 0%,#F9F3EA 100%);
  box-shadow:var(--jhb-shadow),inset 0 1px 0 rgba(255,255,255,.82);
  transform:translate3d(0,0,0);
  will-change:transform;
  transition:transform .55s cubic-bezier(.22,.61,.36,1),box-shadow .55s cubic-bezier(.22,.61,.36,1),border-color .42s ease,background .42s ease;
}



.jhb-hze-page .jah-card:focus-within{
  border-color:rgba(94,132,109,.32);
  box-shadow:var(--jhb-shadow-strong),inset 0 1px 0 rgba(255,255,255,.9);
}

@media (hover:hover){
  .jhb-hze-page .jah-card:hover{
    z-index:4;
    transform:translate3d(0,-6px,0) scale(1.004);
    border-color:rgba(94,132,109,.34);
    background:
      radial-gradient(340px 180px at 50% -28%,rgba(94,132,109,.09),transparent 74%),
      linear-gradient(180deg,#FFFDF9 0%,#FBF6EE 100%);
    box-shadow:0 30px 64px rgba(33,37,56,.15),inset 0 1px 0 rgba(255,255,255,.92);
  }
}


.jhb-hze-page .jah-checks{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  width:min(100%,245px);
  max-width:100%;
  margin:24px auto 0;
  padding:0;
  list-style:none;
  text-align:left;
}

.jhb-hze-page .jah-checks li{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:9px;
  align-items:start;
  justify-content:start;
  max-width:100%;
  color:var(--jhb-ink-soft);
  font-size:.96rem;
  font-weight:750;
  line-height:1.45;
  text-align:left;
}

.jhb-hze-page .jah-checks li::before{
  content:"✓";
  grid-column:1;
  color:var(--jhb-orange);
  font-weight:950;
  line-height:1.45;
}


/* Hero: bildlos, aber im Angebotsseiten-Stil ---------------------------- */

.jhb-hze-page .jah-hero{
  position:relative;
  overflow:hidden;
  min-height: 612px;
  background:
    linear-gradient(180deg,rgba(20,71,39,.05) 0%,rgba(20,71,39,0) 36%),
    radial-gradient(760px 340px at 12% 6%,rgba(233,98,11,.10),transparent 70%),
    radial-gradient(760px 340px at 88% 8%,rgba(94,132,109,.16),transparent 72%),
    linear-gradient(180deg,#FBF7F0 0%,#F3EADF 100%);
}

.jhb-hze-page .jah-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:160px;
  background:linear-gradient(180deg,rgba(247,241,232,0) 0%,var(--jhb-bg) 90%);
  pointer-events:none;
}

.jhb-hze-page .jah-hero__inner{
  position:relative;
  z-index:2;
  display:block;
  max-width:920px;
  padding: 101px 0 126px;
  text-align:center;
}

.jhb-hze-page .jah-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.jhb-hze-page .jah-crumbs{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:9px;
  margin:0 0 18px;
  color:rgba(32,37,56,.66);
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.jhb-hze-page .jah-crumbs a{
  color:rgba(32,37,56,.72);
  transition:color .22s ease;
}

.jhb-hze-page .jah-crumbs a:hover{color:var(--jhb-orange)}
.jhb-hze-page .jah-crumbs .sep{opacity:.45}

.jhb-hze-page .jah-hero__copy h1{
  margin:22px auto 0;
  max-width:920px;
  color:var(--jhb-ink);
  font-size: clamp(2.74rem,4.68vw,5.1rem);
  line-height:.96;
  letter-spacing:-.07em;
  text-wrap:balance;
}

.jhb-hze-page .jah-hero__sub{
  margin:24px auto 0;
  max-width:760px;
  color:var(--jhb-ink);
  font-size:clamp(1.08rem,1.35vw,1.28rem);
  font-weight:900;
  line-height:1.42;
}

.jhb-hze-page .jah-hero__text{
  margin:18px auto 0;
  max-width:780px;
  color:var(--jhb-muted);
  font-size:1.04rem;
  line-height:1.84;
}

.jhb-hze-page .jah-hero__facts{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin:34px auto 0;
}

.jhb-hze-page .jah-hero-fact{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:9px 16px;
  border-radius:var(--jhb-pill);
  border:1px solid rgba(32,37,56,.10);
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 24px rgba(33,37,56,.06),inset 0 1px 0 rgba(255,255,255,.75);
}

.jhb-hze-page .jah-hero-fact strong{
  color:var(--jhb-orange);
  font-size:1rem;
  font-weight:950;
  letter-spacing:-.02em;
}

.jhb-hze-page .jah-hero-fact span{
  color:var(--jhb-ink-soft);
  font-size:.88rem;
  font-weight:850;
  line-height:1.3;
}

.jhb-hze-page .jah-hero__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
  margin:36px auto 0;
}

.jhb-hze-page .jah-hero__actions .jah-btn{
  min-height:56px;
  padding:0 28px;
}

.jhb-hze-page .jah-hero-panel{
  display:none;
}

/* Überschriften ---------------------------------------------------------- */

.jhb-hze-page .jah-section-head{
  max-width:760px;
  margin: 0 auto 45px;
  text-align:center;
}

.jhb-hze-page .jah-section-head .jah-eyebrow{
  margin:0 auto;
}

.jhb-hze-page .jah-section-head h2{
  margin:18px 0 0;
  color:var(--jhb-ink);
  font-size: clamp(2.05rem,3.31vw,3.29rem);
  line-height:1.02;
  letter-spacing:-.055em;
  text-wrap:balance;
}

.jhb-hze-page .jah-section-head > p:not(.jah-eyebrow){
  max-width:690px;
  margin:18px auto 0;
  color:var(--jhb-muted);
  font-size:1.02rem;
  line-height:1.78;
}

/* Orientierung ---------------------------------------------------------- */

.jhb-hze-page .jah-orientation-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  align-items:stretch;
  gap:22px;
  width:100%;
  max-width:1120px;
  margin:0 auto;
}

.jhb-hze-page .jah-orientation-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:100%;
  padding: 34px 30px 36px;
  text-align:center;
}

.jhb-hze-page .jah-orientation-card h3{
  margin:0 0 18px;
  color:var(--jhb-ink);
  font-size:1.44rem;
  line-height:1.15;
  letter-spacing:-.035em;
  text-wrap:balance;
}

.jhb-hze-page .jah-orientation-card p{
  max-width:31rem;
  margin:0 auto 24px;
  min-height:5.1em;
  color:var(--jhb-muted);
  font-size:1rem;
  line-height:1.72;
  text-align:center;
}

.jhb-hze-page .jah-orientation-card .jah-checks{
  margin-top:24px;
  margin-bottom:24px;
}

.jhb-hze-page .jah-orientation-card .jah-btn{
  align-self:center;
  margin-top:auto;
  transform:none;
  translate:0;
}

/* Definition ------------------------------------------------------------ */

.jhb-hze-page .jah-definition-grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap: 46px;
  align-items:center;
}

.jhb-hze-page .jah-definition-copy h2{
  margin:18px 0 0;
  color:var(--jhb-ink);
  font-size: clamp(2.06rem,3.31vw,3.33rem);
  line-height:1.03;
  letter-spacing:-.055em;
  text-wrap:balance;
}

.jhb-hze-page .jah-definition-copy p:not(.jah-eyebrow){
  max-width:620px;
  margin:22px 0 0;
  color:var(--jhb-ink-soft);
  font-size:1.02rem;
  line-height:1.86;
}

.jhb-hze-page .jah-definition-list{
  display:grid;
  gap:18px;
}

.jhb-hze-page .jah-mini-card{
  padding: 25px 28px;
  border-radius:24px;
  text-align:center;
}

.jhb-hze-page .jah-mini-card h3{
  margin:0 0 12px;
  color:var(--jhb-ink);
  font-size:1.22rem;
  line-height:1.18;
  letter-spacing:-.025em;
}

.jhb-hze-page .jah-mini-card p{
  margin:0;
  color:var(--jhb-muted);
  font-size:.96rem;
  line-height:1.68;
}

/* Angebote -------------------------------------------------------------- */

.jhb-hze-page .jah-offers-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:1fr;
  align-items:stretch;
  gap: 23px;
}

.jhb-hze-page .jah-info-offer{
  --jah-offer-title-min:3.1em;
  --jah-offer-text-min:6.75em;
  --jah-offer-list-min:7.15em;

  display:flex;
  flex-direction:column;
  height:100%;
  min-height:100%;
  text-align:center;
}

.jhb-hze-page .jah-info-offer__top{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:auto;
  padding: 23px 24px 0;
  background:transparent;
  border:0;
  box-shadow:none;
}


.jhb-hze-page .jah-info-offer__body{
  flex:1;
  display:grid;
  grid-template-rows:
    minmax(var(--jah-offer-title-min),auto)
    minmax(var(--jah-offer-text-min),auto)
    minmax(var(--jah-offer-list-min),auto);
  align-content:start;
  justify-items:center;
  padding: 23px 28px 0;
  row-gap:16px;
  text-align:center;
}

.jhb-hze-page .jah-info-offer__body h3{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  margin:0;
  color:var(--jhb-ink);
  font-size:1.22rem;
  line-height:1.15;
  letter-spacing:-.035em;
  text-wrap:balance;
  transition:color .24s ease;
}

.jhb-hze-page .jah-info-offer__body > p{
  max-width:29rem;
  min-height:0;
  margin:0;
  color:var(--jhb-muted);
  font-size:.98rem;
  line-height:1.7;
  text-align:center;
}

.jhb-hze-page .jah-info-offer .jah-checks{
  width:100%;
  max-width:245px;
  margin:0 auto;
  align-self:start;
}

.jhb-hze-page .jah-info-offer__actions{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:92px;
  padding: 25px 24px 36px;
  margin-top:auto;
}

.jhb-hze-page .jah-info-offer .jah-btn{
  min-height:46px;
  padding:0 16px;
  font-size:12.6px;
  letter-spacing:0;
}

@media (hover:hover){
  .jhb-hze-page .jah-info-offer:hover h3{color:var(--jhb-orange)}
}

/* Prozess --------------------------------------------------------------- */

.jhb-hze-page .jah-process-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:1fr;
  align-items:stretch;
  gap: 24px;
}

.jhb-hze-page .jah-process-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding: 30px 26px;
  text-align:center;
}

.jhb-hze-page .jah-process-card h3{
  margin:0 0 14px;
  color:var(--jhb-ink);
  font-size:1.28rem;
  line-height:1.18;
  letter-spacing:-.03em;
  text-wrap:balance;
}

.jhb-hze-page .jah-process-card p{
  max-width:28rem;
  margin:0 auto;
  color:var(--jhb-muted);
  font-size:.96rem;
  line-height:1.72;
  text-align:center;
}

/* Regionen -------------------------------------------------------------- */

.jhb-hze-page .jah-region-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  align-items:stretch;
  gap: 24px;
}

.jhb-hze-page .jah-region-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  height:100%;
  min-height:330px;
  padding: 29px 26px 30px;
  text-align:center;
}

.jhb-hze-page .jah-region-card h3{
  margin:18px 0 14px;
  color:var(--jhb-ink);
  font-size:1.28rem;
  line-height:1.16;
  letter-spacing:-.025em;
  text-wrap:balance;
}

.jhb-hze-page .jah-region-card p{
  max-width:30rem;
  min-height:5.8em;
  margin:0 auto 22px;
  color:var(--jhb-muted);
  font-size:.98rem;
  line-height:1.7;
  text-align:center;
}

.jhb-hze-page .jah-region-links{
  display:grid;
  justify-content:center;
  justify-items:stretch;
  align-items:end;
  gap:9px;
  width:100%;
  min-height:76px;
  margin-top:auto;
  padding-top:20px;
}

.jhb-hze-page .jah-region-links:not(:has(.jah-region-chip:nth-child(2))){
  grid-template-columns:minmax(168px,220px);
}

.jhb-hze-page .jah-region-links:has(.jah-region-chip:nth-child(2)){
  grid-template-columns:repeat(2,minmax(112px,1fr));
  max-width:310px;
}

.jhb-hze-page .jah-region-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 12px;
  border:1px solid rgba(94,132,109,.22);
  border-radius:var(--jhb-pill);
  background:rgba(94,132,109,.08);
  color:var(--jhb-green-dark);
  font-size:.79rem;
  font-weight:900;
  line-height:1.12;
  text-align:center;
  box-shadow:0 8px 18px rgba(33,37,56,.045);
  transition:transform .34s cubic-bezier(.22,.61,.36,1),background-color .34s ease,border-color .34s ease,box-shadow .34s ease,color .34s ease;
}

.jhb-hze-page .jah-region-chip:visited{
  color:var(--jhb-green-dark);
}

.jhb-hze-page .jah-region-links:not(:has(.jah-region-chip:nth-child(2))) .jah-region-chip{
  min-height:40px;
  border-color:transparent;
  background:var(--jhb-green);
  color:#fff;
  box-shadow:0 12px 24px rgba(94,132,109,.18);
}

.jhb-hze-page .jah-region-links:not(:has(.jah-region-chip:nth-child(2))) .jah-region-chip:visited{
  color:#fff;
}

@media (hover:hover){
  .jhb-hze-page .jah-region-chip:hover{
    transform:translateY(-2px);
    border-color:rgba(94,132,109,.34);
    background:rgba(94,132,109,.13);
    color:var(--jhb-green-dark);
    box-shadow:0 12px 24px rgba(94,132,109,.10);
  }

  .jhb-hze-page .jah-region-links:not(:has(.jah-region-chip:nth-child(2))) .jah-region-chip:hover{
    background:var(--jhb-green-dark);
    color:#fff;
    box-shadow:0 16px 30px rgba(94,132,109,.22);
  }
}

.jhb-hze-page .jah-text-link{
  align-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin-top:auto;
  padding:0 20px;
  border-radius:var(--jhb-pill);
  background:var(--jhb-green);
  color:#fff;
  font-size:.9rem;
  font-weight:900;
  box-shadow:0 12px 24px rgba(94,132,109,.18);
  transition:transform .24s ease,background-color .24s ease,box-shadow .24s ease;
}

.jhb-hze-page .jah-text-link::after{
  content:"→";
  margin-left:8px;
  transition:transform .22s ease;
}

@media (hover:hover){
  .jhb-hze-page .jah-text-link:hover{
    transform:translateY(-2px);
    background:var(--jhb-green-dark);
    box-shadow:0 16px 30px rgba(94,132,109,.24);
  }

  .jhb-hze-page .jah-text-link:hover::after{transform:translateX(4px)}
}

/* FAQ ------------------------------------------------------------------- */

.jhb-hze-page .jah-faq-wrap{max-width:980px}

.jhb-hze-page .jah-faq-list{
  display:grid;
  gap:16px;
}

.jhb-hze-page .jah-faq-item{
  overflow:hidden;
  border:1px solid var(--jhb-line);
  border-radius:24px;
  background:linear-gradient(180deg,#FFFDF9 0%,#F9F3EA 100%);
  box-shadow:0 14px 28px rgba(33,37,56,.05);
}

.jhb-hze-page .jah-faq-item summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding: 23px 26px;
  color:var(--jhb-ink);
  font-weight:900;
  font-size:1.08rem;
  line-height:1.35;
}

.jhb-hze-page .jah-faq-item summary::-webkit-details-marker{display:none}

.jhb-hze-page .jah-faq-item[open]{
  border-color:rgba(94,132,109,.24);
  box-shadow:0 18px 36px rgba(33,37,56,.07);
}

.jhb-hze-page .jah-faq-item[open] summary{
  box-shadow:inset 0 -1px 0 rgba(232,220,206,.70);
}

.jhb-hze-page .jah-faq-item summary:focus{
  outline:none;
}

.jhb-hze-page .jah-faq-item summary:focus-visible{
  outline:3px solid rgba(233,98,11,.22);
  outline-offset:3px;
  border-radius:18px;
}

.jhb-hze-page .jah-faq-item summary::after{
  content:"+";
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:rgba(233,98,11,.10);
  color:var(--jhb-orange);
  font-size:1.25rem;
  transition:transform .24s ease,background-color .24s ease,color .24s ease;
}

.jhb-hze-page .jah-faq-item[open] summary::after{
  content:"–";
  transform:rotate(180deg);
  background:rgba(94,132,109,.15);
  color:var(--jhb-green-dark);
}

.jhb-hze-page .jah-faq-answer{
  padding: 0 26px 23px;
}

.jhb-hze-page .jah-faq-answer p{
  margin:0;
  color:var(--jhb-muted);
  line-height:1.76;
}

/* CTA ------------------------------------------------------------------- */

.jhb-hze-page .jah-cta{
  display:grid;
  grid-template-columns:1fr;
  gap: 24px;
  align-items:center;
  justify-items:center;
  padding: 43px 42px;
  text-align:center;
  border-color:rgba(94,132,109,.18);
  background:
    radial-gradient(620px 250px at 16% 0%,rgba(233,98,11,.08),transparent 72%),
    radial-gradient(620px 250px at 84% 0%,rgba(94,132,109,.10),transparent 72%),
    linear-gradient(180deg,#FFFDF9 0%,#F9F3EA 100%);
  color:var(--jhb-ink);
  box-shadow:var(--jhb-shadow-strong),inset 0 1px 0 rgba(255,255,255,.86);
}

.jhb-hze-page .jah-cta h2{
  margin:18px auto 0;
  max-width:840px;
  color:var(--jhb-ink);
  font-size: clamp(1.97rem,3.13vw,2.97rem);
  line-height:1.03;
  letter-spacing:-.05em;
  text-wrap:balance;
}

.jhb-hze-page .jah-cta p:not(.jah-eyebrow){
  max-width:720px;
  margin:18px auto 0;
  color:var(--jhb-muted);
  font-size:1rem;
  line-height:1.78;
}

.jhb-hze-page .jah-cta__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
}

/* Motion ---------------------------------------------------------------- */

.jhb-hze-page .jah-reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .68s ease,transform .68s cubic-bezier(.2,.8,.2,1);
}

.jhb-hze-page .jah-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}

@media (hover:hover){
  .jhb-hze-page .jah-card.jah-reveal.is-visible:hover{
    z-index:5;
    transform:translate3d(0,-6px,0) scale(1.004);
    box-shadow:0 30px 64px rgba(33,37,56,.15),inset 0 1px 0 rgba(255,255,255,.92);
  }

  .jhb-hze-page .jah-orientation-card.jah-reveal.is-visible:hover,
  .jhb-hze-page .jah-info-offer.jah-reveal.is-visible:hover,
  .jhb-hze-page .jah-region-card.jah-reveal.is-visible:hover,
  .jhb-hze-page .jah-process-card.jah-reveal.is-visible:hover{
    border-color:rgba(94,132,109,.40);
  }
}


@media (prefers-reduced-motion:reduce){
  .jhb-hze-page *,
  .jhb-hze-page *::before,
  .jhb-hze-page *::after{
    animation-duration:.01ms;
    animation-iteration-count:1;
    scroll-behavior:auto;
    transition-duration:.01ms;
  }

  .jhb-hze-page .jah-reveal{
    opacity:1;
    transform:none;
  }
}

/* Responsive ------------------------------------------------------------ */


@media (min-width:768px) and (max-width:1199px){
  .jhb-hze-page .jah-section{padding:70px 0}
  .jhb-hze-page .jah-orientation-grid,
  .jhb-hze-page .jah-offers-grid,
  .jhb-hze-page .jah-region-grid{gap:22px}
  .jhb-hze-page .jah-info-offer__body{padding-left:24px;padding-right:24px}
  .jhb-hze-page .jah-card:hover{transform:translate3d(0,-5px,0) scale(1.003)}
}

@media (max-width:1199px){
  .jhb-hze-page .jah-offers-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jhb-hze-page .jah-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jhb-hze-page .jah-info-offer{--jah-offer-text-min:8.5em;--jah-offer-list-min:7.5em}
}

@media (max-width:1024px){
  .jhb-hze-page .jah-section{padding:76px 0}
  .jhb-hze-page .jah-hero{min-height:auto}
  .jhb-hze-page .jah-hero__inner{padding:104px 0 142px}
  .jhb-hze-page .jah-orientation-grid{grid-template-columns:1fr 1fr}
  .jhb-hze-page .jah-definition-grid{grid-template-columns:1fr;gap:32px}
  .jhb-hze-page .jah-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jhb-hze-page .jah-cta{grid-template-columns:1fr}
  .jhb-hze-page .jah-cta__actions{justify-content:center}
}


@media (max-width:767px){
  .jhb-hze-page .jah-wrap{width:min(100% - 24px,var(--jhb-max))}
  .jhb-hze-page .jah-section{padding:58px 0}
  .jhb-hze-page .jah-section--orientation{padding-top:58px}
  .jhb-hze-page .jah-section-head{margin-bottom:30px}

  .jhb-hze-page .jah-section-head h2,
  .jhb-hze-page .jah-definition-copy h2{
    font-size:clamp(2rem,10vw,2.75rem);
    letter-spacing:-.045em;
  }

  .jhb-hze-page .jah-section-head > p:not(.jah-eyebrow),
  .jhb-hze-page .jah-definition-copy p:not(.jah-eyebrow){
    font-size:.98rem;
    line-height:1.74;
  }

  .jhb-hze-page .jah-hero__inner{
    padding:78px 0 104px;
  }

  .jhb-hze-page .jah-crumbs{
    font-size:.72rem;
    line-height:1.45;
  }

  .jhb-hze-page .jah-hero__copy h1{
    margin-top:20px;
    font-size:clamp(2.45rem,13vw,3.65rem);
    line-height:.98;
  }

  .jhb-hze-page .jah-hero__sub{font-size:1.04rem}
  .jhb-hze-page .jah-hero__text{font-size:.98rem;line-height:1.72}

  .jhb-hze-page .jah-hero__facts{
    display:grid;
    grid-template-columns:1fr;
    width:min(100%,420px);
  }

  .jhb-hze-page .jah-hero-fact{
    justify-content:center;
    text-align:center;
  }

  .jhb-hze-page .jah-hero__actions,
  .jhb-hze-page .jah-cta__actions{
    justify-content:center;
    gap:12px;
  }

  .jhb-hze-page .jah-hero__actions .jah-btn,
  .jhb-hze-page .jah-cta__actions .jah-btn{
    width:100%;
    max-width:360px;
    min-width:0;
  }

  .jhb-hze-page .jah-orientation-grid,
  .jhb-hze-page .jah-offers-grid,
  .jhb-hze-page .jah-process-grid,
  .jhb-hze-page .jah-region-grid{
    grid-template-columns:1fr;
  }

  .jhb-hze-page .jah-orientation-card,
  .jhb-hze-page .jah-process-card,
  .jhb-hze-page .jah-region-card,
  .jhb-hze-page .jah-mini-card{
    padding:26px 22px;
  }

  .jhb-hze-page .jah-orientation-card .jah-btn{
    align-self:center;
    width:100%;
    max-width:320px;
    min-width:0;
    margin-top:24px;
  }

  .jhb-hze-page .jah-orientation-card p,
  .jhb-hze-page .jah-region-card p{
    min-height:0;
  }

  .jhb-hze-page .jah-region-card{min-height:auto}
  .jhb-hze-page .jah-region-links{min-height:auto;padding-top:18px}
  .jhb-hze-page .jah-region-links:has(.jah-region-chip:nth-child(2)){max-width:330px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .jhb-hze-page .jah-region-chip{min-height:38px;padding:0 12px;font-size:.82rem}

  .jhb-hze-page .jah-info-offer__top{min-height:auto;padding:22px 20px 0}
  .jhb-hze-page .jah-info-offer__body{padding:22px 22px 0}
  .jhb-hze-page .jah-info-offer{--jah-offer-title-min:auto;--jah-offer-text-min:auto;--jah-offer-list-min:auto}
  .jhb-hze-page .jah-info-offer__actions{min-height:auto;padding:28px 22px 32px}
  .jhb-hze-page .jah-info-offer .jah-btn{width:100%;max-width:340px;min-width:0}

  .jhb-hze-page .jah-definition-copy,
  .jhb-hze-page .jah-definition-copy h2,
  .jhb-hze-page .jah-definition-copy p:not(.jah-eyebrow){text-align:center}
  .jhb-hze-page .jah-definition-copy p:not(.jah-eyebrow){margin-left:auto;margin-right:auto}

  .jhb-hze-page .jah-faq-item summary{
    padding:20px;
    font-size:1rem;
  }

  .jhb-hze-page .jah-faq-answer{padding:0 20px 22px}

  .jhb-hze-page .jah-cta{
    padding:32px 22px;
    border-radius:28px;
    text-align:center;
  }

  .jhb-hze-page .jah-cta__actions{justify-content:center}
}


@media (max-width:520px){
  .jhb-hze-page .jah-checks{
    width:100%;
    max-width:320px;
  }

  .jhb-hze-page .jah-checks li{
    grid-template-columns:18px minmax(0,1fr);
  }

  .jhb-hze-page .jah-region-card,
  .jhb-hze-page .jah-orientation-card,
  .jhb-hze-page .jah-process-card,
  .jhb-hze-page .jah-info-offer{
    text-align:center;
  }
}

@media (max-width:420px){
  .jhb-hze-page .jah-eyebrow,
  .jhb-hze-page .jah-pill,
  .jhb-hze-page .jah-note{
    min-height:32px;
    padding:7px 13px;
    font-size:10.5px;
    letter-spacing:.105em;
  }

  .jhb-hze-page .jah-hero__copy h1{font-size:2.42rem}
  .jhb-hze-page .jah-card{border-radius:24px}
  .jhb-hze-page .jah-btn{white-space:normal}
}