/* =========================================================================
   よくある質問（info.misawa-tokokoto.com/faq）
   - トークン・ヘッダー・フッター・＼／見出し・ページ見出し・リンク表は hub.css / tokens.css、
     表（.wk-facts）・FAQの白カード（.wk-faq / .wk-faq__a）・ボタン・最後のCTA・下部バーは
     workation.css（LP部品の正本）を再利用する。ここには **このページにしか出てこない部品** だけを置く。
   - **新しい色を足さない**（docs/LP-COMPONENTS.md）。
   ========================================================================= */

/* ＼／見出しを h2 にしている（AI・検索に章立てを伝えるため）。h2 の既定の余白を消す */
.section__head h2.h-slash { margin: 0; }

/* ---- Q&A ----
   workation の .wk-faq は details/summary で答えを畳む作りだが、このページは
   「答えをそのまま読ませる・引用させる」ためのページなので、畳まずに全部ひらいて置く。
   見た目は .wk-faq の summary（Q の字・点線罫）に揃えている。
   問い＝h3.fq-q、答え＝p.fq-a。この2つの組を tools/sync-faq-jsonld.py が FAQPage に写す。 */
.fq-item { border-bottom: var(--rule-dotted); }
.fq-item:last-child { border-bottom: 0; }
.fq-q {
  margin: 0; padding: 14px 18px 4px; display: flex; gap: 10px; align-items: baseline;
  font-size: 13.5px; font-weight: var(--fw-bold); line-height: 1.7; letter-spacing: .04em;
}
.fq-q::before {
  content: "Q"; font-family: var(--font-display); font-weight: 400; font-size: 15px;
  color: var(--color-accent); flex-shrink: 0;
}
.fq-a { margin: 0; }
.fq-a a { color: var(--color-link); text-decoration: underline; text-underline-offset: 2px; }
.fq-a a:hover { opacity: .75; }

/* 基本情報の表の値に入れたリンク */
.wk-facts__v a { color: var(--color-link); text-decoration: underline; text-underline-offset: 2px; word-break: break-all; }

/* 【要確認】の印。公開前に必ず消す（このページを検索に載せる前の確認用）。
   色は既存のベタ塗り（--color-accent-fill ＋ 文字 #2a2113。.pcard__cat と同じ組み合わせ）。 */
.fq-todo {
  background: var(--color-accent-fill); color: #2a2113; font-weight: var(--fw-bold);
  padding: 1px 5px; border-radius: var(--radius-button);
}

@media (max-width: 620px) {
  .fq-q { padding: 13px 14px 4px; font-size: 13px; }
  .wk-faq .fq-a { padding: 0 14px 14px 36px; }
}