/* ============================================================
   YOLO BRIDGE 日本語教育 LP — 補助スタイル（styles.css）
   デザインの主体は Tailwind CDN（nihongo.html 内）。
   ここには Tailwind では表現しきれない微調整だけを置く。
   ブランド: NAVY #0B1F3A / AMBER #F5A524 / bg #F5F7FB
   ============================================================ */

:root {
  --navy: #0B1F3A;
  --amber: #F5A524;
  --ink: #1E293B;
  --bg-soft: #F5F7FB;
}

/* アンカー遷移時、sticky nav の下に見出しが隠れないよう余白を確保 */
html {
  scroll-behavior: smooth;
}
section[id] {
  scroll-margin-top: 72px;
}

/* details/summary のデフォルト矢印（marker）を全ブラウザで除去（FAQ・list-none 補強） */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}
summary::marker {
  content: "";
}

/* 動きを抑える設定の利用者向け（Hero 動画は poster 静止画にフォールバックさせたい） */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .animate-pulse {
    animation: none;
  }
}

/* 画像のレイアウトシフト抑制（最低限） */
img,
video {
  max-width: 100%;
}