/* Motiva FAQ — Home-theme alignment.
   This stylesheet intentionally targets the current generated FAQ markup only. */
body:has(main#main .faq-list){
  background:#FBF8F4;
  color:#26352F;
}

body:has(main#main .faq-list) main#main > .page-hero{
  background:linear-gradient(110deg,#FBF8F4 0%,#F8F3ED 58%,#EEF3EF 100%);
  border-bottom:1px solid #E3DCD3!important;
}

body:has(main#main .faq-list) main#main > .page-hero .crumb{
  color:#5E6D66;
}

body:has(main#main .faq-list) main#main > .page-hero .crumb a,
body:has(main#main .faq-list) main#main > .page-hero .eyebrow,
body:has(main#main .faq-list) .group-head .eyebrow{
  color:#214C3B!important;
}

body:has(main#main .faq-list) main#main > .page-hero h1,
body:has(main#main .faq-list) .group-head h3{
  color:#123E31!important;
}

body:has(main#main .faq-list) main#main > .page-hero .title-key-accent{
  color:#C97D58!important;
}

body:has(main#main .faq-list) main#main > .page-hero .lede{
  color:#5E6D66!important;
}

body:has(main#main .faq-list) .group-block{
  position:relative;
}

body:has(main#main .faq-list) .group-head{
  padding-bottom:10px;
  border-bottom:1px solid rgba(33,76,59,.10);
}

body:has(main#main .faq-list) .faq-list{
  display:grid;
  gap:10px;
}

body:has(main#main .faq-list) details.faq{
  overflow:hidden;
  border:1px solid #E3DCD3!important;
  border-radius:16px!important;
  background:#FFFFFF!important;
  box-shadow:0 7px 22px rgba(48,54,50,.045)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

body:has(main#main .faq-list) details.faq[open]{
  border-color:rgba(201,125,88,.35)!important;
  box-shadow:0 11px 28px rgba(48,54,50,.07)!important;
}

body:has(main#main .faq-list) details.faq summary{
  min-height:56px;
  padding:16px 18px!important;
  color:#26352F!important;
  font-weight:800!important;
  line-height:1.4;
  cursor:pointer;
}

body:has(main#main .faq-list) details.faq summary::marker{
  color:#C97D58;
}

body:has(main#main .faq-list) details.faq p{
  margin:0;
  padding:0 18px 18px!important;
  color:#5E6D66!important;
  font-size:.95rem;
  line-height:1.62;
}

@media(max-width:680px){
  body:has(main#main .faq-list) .group-head{
    padding-bottom:8px;
  }
  body:has(main#main .faq-list) details.faq{
    border-radius:14px!important;
  }
  body:has(main#main .faq-list) details.faq summary{
    min-height:52px;
    padding:14px 15px!important;
    font-size:.92rem;
  }
  body:has(main#main .faq-list) details.faq p{
    padding:0 15px 15px!important;
    font-size:.89rem;
  }
}


/* ===== FINAL FAQ READABILITY LIFT ===== */
@media(min-width:981px){
  body:has(main#main .faq-list) details.faq summary{
    font-size:1rem!important;
  }
  body:has(main#main .faq-list) details.faq p{
    font-size:1rem!important;
    line-height:1.66!important;
  }
}
@media(min-width:681px) and (max-width:980px){
  body:has(main#main .faq-list) details.faq summary{
    font-size:.98rem!important;
  }
  body:has(main#main .faq-list) details.faq p{
    font-size:.98rem!important;
    line-height:1.64!important;
  }
}
@media(max-width:680px){
  body:has(main#main .faq-list) details.faq summary{
    font-size:.95rem!important;
  }
  body:has(main#main .faq-list) details.faq p{
    font-size:.96rem!important;
    line-height:1.62!important;
  }
}

/* ===== HOME HERO VISUAL PARITY — 2026-09-28 ===== */

body:has(main#main .faq-list) main#main > .page-hero{
  margin-top:6px!important;
  background:
    radial-gradient(circle at 17% 22%,rgba(183,146,69,.10),transparent 30%),
    linear-gradient(110deg,#FCF9F5 0%,#FBF8F4 47%,#EEF3EE 100%)!important;
  border-color:rgba(33,76,59,.13)!important;
  box-shadow:0 18px 48px rgba(25,66,51,.10)!important;
}
body:has(main#main .faq-list) main#main > .page-hero h1{
  color:#123E31!important;
  font-family:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
}
body:has(main#main .faq-list) main#main > .page-hero .title-key-accent{
  color:#C97D58!important;
}
body:has(main#main .faq-list) main#main > .page-hero .lede{
  color:#344A41!important;
}