/* Young Corporation — homepage/faq.css
   Extracted from style.css. Depends on global/global.css tokens. */

/* ==========================================================================
   FAQ accordion
   ========================================================================== */
.faq { max-width: 820px; margin-inline: auto; }
.acc { border-bottom: 1px solid var(--line); }
.acc__btn {
  width: 100%; text-align: left; background: none; border: 0; cursor: pointer;
  font-family: var(--font-display); font-size: 1.15rem; color: var(--navy); font-weight: 600;
  padding: 1.3rem 2.5rem 1.3rem 0; position: relative;
}
.acc__btn::after {
  content: "+"; position: absolute; right: .4rem; top: 50%; transform: translateY(-50%);
  font-family: var(--font-body); font-size: 1.6rem; color: var(--sky-ink); transition: transform .3s;
}
.acc__btn[aria-expanded="true"]::after { transform: translateY(-50%) rotate(45deg); }
.acc__panel { overflow: hidden; max-height: 0; transition: max-height .35s var(--ease); }
.acc__panel-inner { padding: 0 0 1.3rem; color: var(--muted); }