/* nailsalon LP — カスタム CSS
 * Tailwind CDN で表現できない細かなスタイル / モーション / アクセシビリティ補正
 */

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* details > summary のデフォルトの三角矢印を消す */
summary::-webkit-details-marker {
  display: none;
}
summary {
  list-style: none;
}

/* FAQ の +/× アイコンの回転トランジション */
details > summary > span:last-child {
  display: inline-block;
  transition: transform 200ms ease;
}
details[open] > summary > span:last-child {
  transform: rotate(45deg);
}

/* セクションアンカーのスクロール時に sticky header と被らないようにオフセット */
section[id] {
  scroll-margin-top: 72px;
}

/* prefers-reduced-motion を尊重 */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* 印刷時は背景グラデを抑え、本文中心にする */
@media print {
  header,
  #contact,
  footer {
    display: none !important;
  }
  body {
    color: #111;
    background: #fff;
  }
}