@font-face { font-family: Manrope; src: url("../fonts/Manrope-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: Manrope; src: url("../fonts/Manrope-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: Manrope; src: url("../fonts/Manrope-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }

* { box-sizing: border-box; }
body { margin: 0; background: #d7d8da; color: #111216; font-family: Manrope, Arial, sans-serif; font-weight: 500; }
.faq-page { width: min(100% - 40px, 1180px); margin: 0 auto; padding: 96px 0 120px; }
.faq-intro { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; padding-bottom: 64px; border-bottom: 1px solid #aeb0b4; }
.faq-kicker { margin: 10px 0 0; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.faq-intro h1 { max-width: 820px; margin: 0; font-size: clamp(54px, 8vw, 112px); font-weight: 500; letter-spacing: -.06em; line-height: .94; }
.faq-list { margin-left: 33.333%; }
.faq-list details { border-bottom: 1px solid #aeb0b4; }
.faq-list summary { display: flex; gap: 24px; align-items: baseline; justify-content: space-between; padding: 28px 0; font-size: clamp(20px, 2vw, 30px); cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; font-size: 24px; font-weight: 500; }
.faq-list details[open] summary::after { content: "−"; }
.faq-answer { max-width: 760px; padding: 0 48px 30px 0; color: #53565e; font-size: 17px; line-height: 1.65; }
.faq-answer p { margin: 0; }
.faq-answer p + p { margin-top: 16px; }
.faq-end { margin: 64px 0 0 33.333%; font-size: 18px; }
.faq-end a { color: inherit; font-weight: 700; }
@media (max-width: 760px) {
  .faq-page { width: min(100% - 28px, 1180px); padding: 64px 0 80px; }
  .faq-intro { display: block; padding-bottom: 40px; }
  .faq-kicker { margin: 0 0 24px; }
  .faq-list, .faq-end { margin-left: 0; }
  .faq-list summary { padding: 22px 0; }
}
