.sj-faq{font-family:'Inter',sans-serif;}
.sj-faq *{box-sizing:border-box;}
.sj-faq__inner{max-width:1240px;margin:0 auto;}

.sj-faq__grid{display:grid;align-items:start;}
.sj-faq__grid--split-flip .sj-faq__head{order:2;}

/* --- Header column --- */
.sj-faq__head{display:flex;flex-direction:column;gap:10px;}
.sj-faq__eyebrow{
  font-family:'Inter', sans-serif;
  font-weight:700;
  font-size:14px;
  text-transform:uppercase;
  margin: 0 0 14px;}
}

.sj-faq__heading{
  font-family: 'Macan', sans-serif !important;
  font-weight: 800;
  font-size: 32px; 
  line-height: 1.28; 
  letter-spacing: .02em;
  margin: 0 auto;
  max-width: 50em;  
  text-wrap: balance;}
}

.sj-faq__lead,
.sj-faq__lead p{
  font-family:'Inter',sans-serif;
  font-size:14px;
  line-height:1.6;
  margin:0;
  text-wrap:pretty;
}
.sj-faq__lead p + p{margin-top:10px;}

/* --- Items --- */
.sj-faq__list{display:flex;flex-direction:column;}
.sj-faq__item{border-top:1px solid var(--sj-faq-rule);}
.sj-faq__rule{border-top:1px solid var(--sj-faq-rule);}

.sj-faq__q{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 0;
  cursor:pointer;
  list-style:none;
}
.sj-faq__q::-webkit-details-marker{display:none;}
.sj-faq__q:focus-visible{outline:2px solid var(--sj-faq-accent);outline-offset:4px;}

.sj-faq__qtext{
  font-family:'Macan','Inter',sans-serif;
  font-weight:600;
  font-size:17px;
  line-height:1.35;
  text-wrap:pretty;
}

/* +/- toggle drawn in CSS so no icon font or JS is needed */
.sj-faq__icon{
  position:relative;
  flex-shrink:0;
  width:14px;
  height:14px;
}
.sj-faq__icon::before,
.sj-faq__icon::after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  background:var(--sj-faq-accent);
  transform:translate(-50%,-50%);
}
.sj-faq__icon::before{width:14px;height:1.5px;}
.sj-faq__icon::after{width:1.5px;height:14px;transition:opacity .15s ease,transform .15s ease;}
.sj-faq__item[open] .sj-faq__icon::after{opacity:0;transform:translate(-50%,-50%) rotate(90deg);}

.sj-faq__a,
.sj-faq__a p{
  font-family:'Inter',sans-serif;
  font-size:15px;
  line-height:1.65;
  margin:0;
  max-width:720px;
  text-wrap:pretty;
}
.sj-faq__a{padding:0 0 20px;}
.sj-faq__a p + p{margin-top:12px;}
.sj-faq__a ul,.sj-faq__a ol{margin:12px 0 0;padding-left:20px;}
.sj-faq__a li + li{margin-top:6px;}
.sj-faq__a a{color:var(--sj-faq-accent);}

/* --- Light text on dark backgrounds --- */
.sj-faq--text-light{
  color:#e9edf2;
  --sj-faq-rule:rgba(255,255,255,.14);
}
.sj-faq--text-light .sj-faq__heading{color:#ffffff;}
.sj-faq--text-light .sj-faq__qtext{color:#ffffff;}
.sj-faq--text-light .sj-faq__lead,
.sj-faq--text-light .sj-faq__lead p{color:rgba(233,237,242,.6);}
.sj-faq--text-light .sj-faq__a,
.sj-faq--text-light .sj-faq__a p{color:rgba(233,237,242,.68);}

/* --- Dark text on light backgrounds --- */
.sj-faq--text-dark{
  color:#141c28;
  --sj-faq-rule:rgba(20,28,40,.14);
}
.sj-faq--text-dark .sj-faq__heading{color:#111a26;}
.sj-faq--text-dark .sj-faq__qtext{color:#18212e;}
.sj-faq--text-dark .sj-faq__lead,
.sj-faq--text-dark .sj-faq__lead p{color:rgba(20,28,40,.6);}
.sj-faq--text-dark .sj-faq__a,
.sj-faq--text-dark .sj-faq__a p{color:rgba(20,28,40,.68);}

/* Transparent background: inherit page colors, rules from currentColor */
.sj-faq:not(.sj-faq--text-light):not(.sj-faq--text-dark){--sj-faq-rule:currentColor;}
.sj-faq:not(.sj-faq--text-light):not(.sj-faq--text-dark) .sj-faq__item,
.sj-faq:not(.sj-faq--text-light):not(.sj-faq--text-dark) .sj-faq__rule{opacity:1;border-top-color:rgba(128,128,128,.3);}

@media(max-width:900px){
  .sj-faq__grid{grid-template-columns:minmax(0,1fr) !important;gap:32px !important;}
  .sj-faq__grid--split-flip .sj-faq__head{order:0;}
  .sj-faq__qtext{font-size:16px;}
}
