/* ======================================================================
   品質点検（Impeccable audit／craft floor・Taste Skill チェックリスト）で見つかった点の修正
   2026-11-07  すべてのパターンの最後に読み込む
   ====================================================================== */

/* ---- キーボード操作の印（フォーカス）と、文字を選んだときの色 ---- */
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
.contact :focus-visible,.p4-join :focus-visible,.footer :focus-visible,.p2-contact :focus-visible,
.p4-hero__panel :focus-visible,.stat--hot :focus-visible{outline-color:#fff}
::selection{background:color-mix(in srgb,var(--yellow) 70%,#fff);color:var(--navy)}

/* ---- 小さすぎる文字を12px以上に ---- */
.logo__sub,.p2-logo__title,.p3-logo__title{font-size:12px}
.p2-nav a small{font-size:12px}
.profile__motto span,.p2-motto span,.p3-motto span,.p4-motto span{font-size:12px}
.p2-footer__map a small{font-size:12px}
@media (max-width:768px){.p2-logo__title{font-size:12px}}

/* ---- 文字と背景の色の差（コントラスト）を確保 ---- */
/* 英字の小見出し：細い文字なので、色を少し濃くする */
.section__en{color:color-mix(in srgb,var(--red) 82%,#000)}
.section__en--light{color:var(--yellow)}
body[data-design="clean"] .section__en--light{color:#fff}
body[data-design="natural"] .section__en{color:color-mix(in srgb,var(--blue) 78%,#000)}
body[data-design="natural"] .section__en--light{color:var(--yellow)}
/* 数字の欄：小さい単位の文字を読みやすく */
.stat__num small{color:var(--navy)}
.stat--hot .stat__num small{color:#fff}
/* メインのバッジ：単位の文字を大きく太く */
.hero__badge{font-size:19px}
/* 座右の銘の小見出し */
.profile__motto span{color:#fff;opacity:.9}
/* ナチュラル：強調タグの背景が消えていたのを直す */
body[data-design="natural"] .gikai__tags li.hot{background:var(--red);color:#fff}
/* パターン②：政策の番号 */
.p2-policy__num{color:color-mix(in srgb,var(--blue) 70%,#fff)}
.p2-policy--hot .p2-policy__num{color:var(--blue)}
/* パターン③：帯の英字、実績の単位、記事の分類 */
.p3-band__en{color:color-mix(in srgb,var(--blue) 80%,#000);text-shadow:none}
.p3-stat__num small{color:var(--navy)}
.p3-stat--hot .p3-stat__num small{color:#fff}
.p3-card__meta span{color:color-mix(in srgb,var(--blue) 75%,#000)}
.p3-card__meta span.is-hot{color:#fff}
/* パターン④：英字の見出しと肩書き */
.p4-head__en,.p4-profile__lines{color:color-mix(in srgb,var(--blue) 82%,#000)}
.p4-head--light .p4-head__en{color:var(--yellow)}

/* パターン①：スマホでは期数のバッジを写真の左下へ（顔にかからないように） */
@media (max-width:768px){.hero__badge{top:auto;bottom:18px}}

/* 見本サイトの注意書き：背景を不透明にして、どの写真・色の上でも読めるように */
.sample-notice{background:#262a33}

/* YouTubeボタンと、議会質問の強調タグ（白文字が読みやすい濃さに） */
.btn--youtube{background:#cc0022;box-shadow:0 5px 0 #8a0017}
.btn--youtube:hover{box-shadow:0 2px 0 #8a0017}
.gikai__tags li.hot{background:color-mix(in srgb,var(--red) 82%,#000)}

/* ---- パターン④：相談ボタンのハート（記号ではなく描いたアイコン） ---- */
.p4-heart{width:15px;height:15px;fill:currentColor;vertical-align:-2px;margin-right:6px}

/* ---- 動きを減らす設定：動きは止めつつ、ホバーの色変化などの手がかりは残す ---- */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;scroll-behavior:auto!important}
  .fade{opacity:1!important;transform:none!important}
  a,button{transition:color .15s,background-color .15s,border-color .15s!important}
}

/* 男性版（青）で見つかった色の差の不足 */
.p2-policy__num{color:color-mix(in srgb,var(--blue) 88%,#fff)}
.p3-profile__lines{color:color-mix(in srgb,var(--blue) 82%,#000)}