/* ============================================================
   faq.html - page-specific stylesheet
   PC-first / breakpoints: 1200px, 960px, 568px
   Reuses the shared .faq_item / .faq_question / .icon_chevron /
   .faq_answer* accordion component defined in css/underlayer.css.
============================================================ */

/* ------------------------------------------------------------
   FAQ categories
------------------------------------------------------------ */
.faq_page { padding: 80px 0; background: var(--c_white); }
.faq_categories { max-width: 960px; margin: 0 auto; }
.faq_category + .faq_category { margin-top: 96px; }

.faq_category_head { margin-bottom: 32px; }
.faq_category_no { display: block; font-size: 10px; letter-spacing: 0.2em; color: var(--c_label); margin: 0 0 8px; }
.faq_category_title { font-size: 30px; font-weight: 500; color: var(--c_accent); letter-spacing: 0.03em; margin: 0 0 8px; }
.faq_category_subtitle { font-size: 14px; letter-spacing: 0.1em; color: var(--c_text); margin: 0; }

@media (max-width: 1200px) {
  .faq_page { padding: 120px 0; }
  .faq_category + .faq_category { margin-top: 72px; }
}
@media (max-width: 568px) {
  .faq_page { padding: 80px 0; }
  .faq_category + .faq_category { margin-top: 56px; }
  .faq_category_title { font-size: 24px; }
}