/* OCC global FAQ contract — mirrors the Mission page FAQ. */
.faq{
  display:grid!important;
  grid-template-columns:270px minmax(0,1fr)!important;
  column-gap:55px!important;
  align-items:start!important;
  padding:73px 64px 80px!important;
  border-top:1px solid var(--line,var(--occ-line,#D9D0C7))!important;
  counter-reset:occ-faq;
}
.faq>.eyebrow{
  grid-column:1;
  grid-row:1;
  align-self:start;
  margin:0!important;
}
.faq>h2{
  grid-column:1;
  grid-row:1;
  align-self:start;
  margin:38px 0 0!important;
  font:400 43px/1.13 var(--serif,Georgia,"Times New Roman",serif)!important;
  letter-spacing:-.04em!important;
  max-width:230px;
}
.faq>details{
  grid-column:2;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid var(--line,var(--occ-line,#D9D0C7))!important;
  counter-increment:occ-faq;
}
.faq>details:last-child{border-bottom:1px solid var(--line,var(--occ-line,#D9D0C7))!important}
.faq>details>summary{
  display:grid!important;
  grid-template-columns:37px minmax(0,1fr) 24px!important;
  gap:13px!important;
  align-items:start!important;
  min-height:82px!important;
  padding:26px 0!important;
  list-style:none!important;
  cursor:pointer;
  font-family:var(--sans,Arial,Helvetica,sans-serif)!important;
  font-size:18px!important;
  font-weight:600!important;
  line-height:1.48!important;
}
.faq>details>summary::-webkit-details-marker{display:none}
.faq>details>summary::before{
  content:counter(occ-faq,decimal-leading-zero);
  color:var(--wine,var(--occ-wine,#601E27));
  font-family:var(--sans,Arial,Helvetica,sans-serif)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:2.2!important;
  letter-spacing:0!important;
}
.faq>details>summary::after{
  content:"＋"!important;
  color:var(--wine,var(--occ-wine,#601E27))!important;
  font-family:var(--sans,Arial,Helvetica,sans-serif)!important;
  font-size:22px!important;
  font-weight:400!important;
  line-height:1.2!important;
  text-align:center;
  transition:transform var(--occ-motion-fast,180ms) ease!important;
}
.faq>details[open]>summary{padding-bottom:13px!important}
.faq>details[open]>summary::after{content:"＋"!important;transform:rotate(45deg)}
.faq>details>p{
  max-width:690px!important;
  margin:0 37px 28px 50px!important;
  padding:0!important;
  color:var(--muted,var(--occ-muted,#6A6663))!important;
  font-family:var(--sans,Arial,Helvetica,sans-serif)!important;
  font-size:16px!important;
  line-height:1.71!important;
}
@media(max-width:900px){
  .faq{grid-template-columns:190px minmax(0,1fr)!important;column-gap:32px!important}
}
@media(max-width:720px){
  .faq{grid-template-columns:1fr!important;gap:0!important;padding:49px 20px!important}
  .faq>.eyebrow{grid-column:1;grid-row:auto}
  .faq>h2{grid-column:1;grid-row:auto;margin:9px 0 26px!important;font-size:39px!important;max-width:none}
  .faq>details{grid-column:1}
  .faq>details>summary{grid-template-columns:30px minmax(0,1fr) 22px!important;gap:10px!important;min-height:74px!important;padding:22px 0!important;font-size:17px!important}
  .faq>details[open]>summary{padding-bottom:12px!important}
  .faq>details>p{margin:0 15px 24px 40px!important}
}
@media(prefers-reduced-motion:reduce){
  .faq>details>summary::after{transition:none!important}
}