/* 常見問題 /faq/ */
.faq-page{padding-top:96px;padding-bottom:var(--section-y)}
.faq-side{grid-column:1/span 3;position:sticky;top:calc(var(--header-h-compact) + 32px);align-self:start;display:flex;flex-direction:column;gap:32px}
.faq-side__head{display:flex;flex-direction:column;gap:16px}
.faq-nav{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--c-ink);padding-top:16px}
.faq-nav a{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--c-ink-2)}
.faq-nav a:hover,.faq-nav a[aria-current="true"]{color:var(--c-ink)}
.faq-nav a[aria-current="true"] .faq-nav__label{border-bottom:1px solid var(--c-ink)}
.faq-nav__count{font-family:var(--f-mono);font-size:11px;color:var(--c-ink-2);font-variant-numeric:tabular-nums}
.faq-side__more{display:flex;flex-direction:column;gap:12px}

.faq-groups{grid-column:5/span 8;display:flex;flex-direction:column;gap:80px}
.faq-group{scroll-margin-top:calc(var(--header-h-compact) + 32px)}
.faq-group__head{display:flex;align-items:baseline;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--c-ink)}
.faq-group__n{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--c-accent)}
.faq-group__title{font-family:var(--f-serif);font-weight:600;font-size:28px;line-height:1.3}
/* 群組內摺疊：不顯示序號，答案靠左 */
.faq-groups .faq{border-top:0}
.faq-groups .faq__q{grid-template-columns:1fr 32px;padding:22px 0}
.faq-groups .faq__n{display:none}
.faq-groups .faq__text{font-size:19px}
.faq-groups .faq__a{padding:0 48px 24px 0}

.faq-more{border-top:1px solid var(--c-ink);padding-top:32px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.faq-more__t{font-family:var(--f-serif);font-size:22px;font-weight:500}

@media (max-width:767px){
  .faq-page{padding-top:48px}
  .faq-side{position:static;gap:24px}
  .faq-nav{flex-direction:row;flex-wrap:wrap;gap:8px 20px}
  .faq-nav a{gap:6px}
  .faq-groups{gap:56px;margin-top:16px}
  .faq-group__title{font-size:22px}
  .faq-groups .faq__q{grid-template-columns:1fr 20px;padding:18px 0}
  .faq-groups .faq__text{font-size:16px}
  .faq-groups .faq__a{padding:0 0 20px}
}
@media (min-width:768px){.faq-side{grid-row:span 2}}
.faq-more-wrap{margin-top:56px}
@media (max-width:767px){.faq-more-wrap{margin-top:32px}}