/* about.css — About / FAQ page. */

.about-main{padding:24px 28px 96px}
.about-inner{max-width:760px;margin:0 auto}
.about-inner h1{margin-bottom:16px}
.about-inner .lede{margin-bottom:40px}
.about-inner p{font-size:17px;color:var(--ink-soft);margin-bottom:20px}
.about-inner h2{margin:40px 0 14px}
.about-inner ol{margin:0 0 20px 22px;color:var(--ink-soft)}
.about-inner li{margin-bottom:12px}
.about-inner li strong{color:var(--ink)}

.faq{margin-top:48px}
.faq details{
  border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;
  background:var(--paper);
}
.faq summary{
  cursor:pointer;padding:18px 22px;font-weight:600;font-size:16px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  list-style:none;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-family:var(--serif);font-size:24px;color:var(--orange-deep);flex:none;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq .faq-body{padding:16px 22px 20px;font-size:15.5px;color:var(--ink-soft)}
.faq .faq-body p{margin-bottom:0}