/* An open editorial layout, with quiet accordions in the shared site palette. */
#faq .section-head { max-width: 760px; margin-bottom: 48px; }
#faq .faq-group { display: grid; grid-template-columns: minmax(180px, .75fr) minmax(0, 2fr); column-gap: clamp(36px, 6vw, 80px); align-items: start; }
#faq .faq-group + .faq-group { margin-top: 56px; }
#faq .faq-group > h2 { margin: 22px 0 0; font: 500 clamp(21px, 2vw, 26px)/1.4 var(--font-display); letter-spacing: -.035em; color: var(--text); }
#faq .faq-list { max-width: none; border: 0; border-radius: 0; background: transparent; gap: 0; }
#faq .faq-item { background: transparent; border-bottom: 1px solid var(--line); }
#faq .faq-item:last-child { border-bottom: 0; }
#faq .faq-q { padding: 24px 0; gap: 24px; font-size: 17px; font-weight: 500; line-height: 1.6; letter-spacing: -.02em; }
#faq .faq-q:hover { color: var(--accent); }
#faq .faq-q:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; border-radius: 4px; }
#faq .faq-sign { display: inline-flex; align-items: center; justify-content: center; color: var(--muted); transform: none; }
#faq .faq-item.open .faq-sign { transform: rotate(180deg); color: var(--muted); }
#faq .faq-a { padding: 0 42px 0 0; }
#faq .faq-item.open .faq-a { max-height: 700px; padding: 0 42px 24px 0; }
#faq .faq-a p { max-width: 650px; font-size: 15px; line-height: 1.85; }
@media (max-width: 900px) {
  #faq .faq-group { display: block; }
  #faq .faq-group > h2 { margin: 0 0 8px; }
  #faq .faq-group + .faq-group { margin-top: 44px; }
}
@media (max-width: 640px) {
  #faq .section-head { margin-bottom: 36px; }
  #faq .faq-group + .faq-group { margin-top: 36px; }
  #faq .faq-group > h2 { font-size: 21px; }
  #faq .faq-q { padding: 20px 0; font-size: 15px; gap: 18px; }
  #faq .faq-a { padding-right: 30px; }
  #faq .faq-item.open .faq-a { padding: 0 30px 22px 0; }
  #faq .faq-a p { font-size: 14px; line-height: 1.8; }
}

/* Quiet open arcs distinguish Common Questions from the other page heroes. */
.common-questions-page .common-questions-streams { opacity: 1; }
@media (max-width: 640px) {
  .common-questions-page .common-questions-streams { width: 180%; max-width: none; left: -55%; }
}