@charset "UTF-8";
/* ==========================================================
   /service/seo-llmo/ SEO・LLMO対策 専用スタイル

   本文のレイアウトは page-seo-llmo.php 側のインラインスタイルで
   完結しているため、ここではテーマ共通CSSと干渉させたくない
   最小限の指定のみを置く。すべて #seo-llmo-page 配下にスコープする。

   2026-10-09 初版
   ========================================================== */

/* ---------- リンク色（テーマ既定を上書きせずページ内のみ） ---------- */
#seo-llmo-page a {
  color: #00053A;
}

#seo-llmo-page a:hover {
  color: #006FCF;
}

/* ---------- FAQ アコーディオン（details / summary） ----------
   マーカー（三角）を消し、開いたときに「＋」を45度回して「×」に見せる。
   .faq-plus 側の transition はテンプレートのインラインで指定済み。     */
#seo-llmo-page summary {
  list-style: none;
  cursor: pointer;
}

#seo-llmo-page summary::-webkit-details-marker {
  display: none;
}

#seo-llmo-page details[open] .faq-plus {
  transform: rotate(45deg);
}

/* ---------- アクセシビリティ ---------- */
#seo-llmo-page summary:focus-visible {
  outline: 2px solid #006FCF;
  outline-offset: 4px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  #seo-llmo-page .faq-plus {
    transition: none;
  }
}