/* ============================================================
 *  pages/top.css｜トップページ専用
 *
 *  原本01の <style> のうち、実際にマークアップで使われていたものだけを移してある。
 * ============================================================ */

/* ------------------------------------------------------------
 *  数字バッジのトップページ版
 *  共通版（components.css）より少しだけ小さく、影が付く。
 *  原本どおりの見た目を保つため、ここで上書きしている。
 * ------------------------------------------------------------ */
.badge-number {
    font-size: 0.95rem;
    box-shadow: 0 2px 6px rgba(23, 96, 87, 0.25);
}

/* ------------------------------------------------------------
 *  トップページのFAQ
 *  他ページのアコーディオン（.accordion-*）とは別系統で、
 *  開閉の ＋ / ― を CSS の ::after で表示するのが特徴。
 *  JS は assets/js/pages/top.js の toggleFaq が担当する。
 * ------------------------------------------------------------ */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
}

.faq-item.active .faq-answer {
    max-height: 1000px;
}

.faq-indicator::after {
    content: " ＋";
}

.faq-item.active .faq-indicator::after {
    content: " —";
}

/* 点線の仕切り装飾 */
.dotted-border-bottom {
    border-bottom: 2px dotted var(--brand-border);
}