.friendly-faq {
  display: grid;
  grid-template-columns: 38% minmax(0, 1fr);
  gap: 5.36%;
  align-items: start;
  padding: 5vw 5.5556%;
  min-height: 42.36vw;
  background: #fafbfc;
  color: #1d2939;
  font-family: 'Geist', sans-serif;
}
.friendly-faq-kicker {
  margin: 0 0 .8vw;
  font-size: clamp(14px, .9722vw, 28px);
  line-height: 1.5;
  color: #526075;
}
.friendly-faq-intro h2 {
  margin: 0 0 .7vw;
  font: 500 clamp(40px, 3.8889vw, 112px)/1 'Schibsted Grotesk', sans-serif;
  letter-spacing: -.035em;
  color: #1d2939;
}
.friendly-faq-contact {
  margin: 0;
  font-size: clamp(16px, 1.1111vw, 32px);
  line-height: 1.5;
  color: #475467;
}
.friendly-faq-contact a {
  color: #1d2939;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.friendly-faq .accordion { border-top: 1px solid #e6e9ed; }
.friendly-faq details { border-bottom: 1px solid #e6e9ed; }
.friendly-faq details:last-child { border-bottom: 0; }
.friendly-faq .accordion summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 7.36vw;
  padding: 2.3vw .35vw 2.3vw 0;
  font: 500 clamp(18px, 1.25vw, 36px)/1.4 'Geist', sans-serif;
  letter-spacing: -.015em;
  color: #1d2939;
}
.friendly-faq details[open] summary { min-height: 0; padding-bottom: 1.1vw; }
.friendly-faq summary span {
  position: relative;
  flex: 0 0 1vw;
  width: 1vw;
  height: 1vw;
  min-width: 14px;
  min-height: 14px;
}
.friendly-faq summary span::before,
.friendly-faq summary span::after {
  top: 50%;
  right: 0;
  width: 100%;
  height: 1.5px;
  background: #344054;
}
.friendly-faq details p {
  max-width: 80%;
  margin: 0 0 3.4vw;
  font: 400 clamp(15px, 1.0417vw, 30px)/1.4 'Geist', sans-serif;
  color: #717d94;
}
.friendly-faq summary:focus-visible,
.friendly-faq-contact a:focus-visible { outline: 2px solid #526075; outline-offset: 4px; }
@media (max-width: 900px) {
  .friendly-faq { padding: 64px 24px; gap: 40px; grid-template-columns: 36% minmax(0, 1fr); }
  .friendly-faq-intro h2 { font-size: 40px; margin-bottom: 18px; }
  .friendly-faq-kicker { margin-bottom: 18px; }
  .friendly-faq .accordion summary { min-height: 95px; padding: 28px 4px 28px 0; }
  .friendly-faq details[open] summary { padding-bottom: 18px; }
  .friendly-faq details p { max-width: 95%; margin-bottom: 32px; }
}
@media (max-width: 600px) {
  .friendly-faq { grid-template-columns: 1fr; gap: 40px; }
  .friendly-faq-intro h2 { font-size: clamp(40px, 9vw, 52px); }
}