/* web/mockups/ds/legal-footer.css
 * 規約フッター（Ft2＝1行インライン型。共有部品・index.html と clean-03-app.html の両方から読み込む）。
 * 利用規約／プライバシーポリシー／お問い合わせの3導線＋Amazonアフィリエイト開示1行だけで構成する
 * （列組み・SNS行・巨大コピーライトは作らない）。データ非依存の常設要素として全状態で同じ位置に置く。
 * 入口ページは --ink / --ink-sub でトーン追従し、a:visited / a:active を同詳細度で明示上書きして
 * 既訪・押下中の色引き戻しを潰す。一覧ページは --ink 未定義のため --color-black へフォールバックする。
 */
.legal {
  margin-top: var(--space-6);
  padding-top: var(--space-4);
  border-top: 1px solid color-mix(in srgb, var(--ink-sub, var(--color-subtle)) 40%, transparent);
  text-align: center;
}
.legal__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2) var(--space-4);
}
.legal__link,
.legal__link:visited,
.legal__link:active {
  font-family: var(--font-noto);
  font-size: var(--text-small);
  color: var(--ink, var(--color-black));
  text-decoration: underline;
  text-underline-offset: 0.2em;
  white-space: nowrap;
}
/* 「つかいかた」だけは button 要素（オンボ再表示トリガ [data-open-howto]）。規約リンクと同じ
   並び・見た目に揃えるため .legal__link を併用し、button 既定の地色・枠・余白だけを打ち消す。 */
.legal__link--howto {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.legal__link--howto:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-ring-offset);
}
.legal__disclosure {
  margin-top: var(--space-3);
  font-family: var(--font-noto);
  font-size: var(--text-small);
  color: var(--ink-sub, var(--color-subtle));
  line-height: var(--leading-snug);
}