/*
  bridge.css（新規追加ファイル）
  FOOD TYPE公式サイト側から独立サービスとして開いたこの診断ページに、
  「公式サイトへ戻る」ための小さな固定リンクだけを追加するための専用CSS。
  診断本体のCSS（食タイプUI_v22.css）は一切編集していない。
  診断画面のレイアウト・配色・診断ロジックには影響しない、完全に独立した要素。
*/
.ft-bridge-pill{
  position:fixed;
  top:10px;
  left:10px;
  z-index:99999;
  font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
}
.ft-bridge-pill a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:38px;
  padding:8px 14px;
  background:rgba(250,243,232,0.96);
  border:1px solid #e6dcc9;
  color:#221a14;
  text-decoration:none;
  font-weight:800;
  font-size:12px;
  letter-spacing:0.02em;
  border-radius:999px;
  box-shadow:0 6px 18px rgba(40,30,20,0.14);
}
.ft-bridge-pill a:hover,
.ft-bridge-pill a:focus-visible{
  background:#cdef5e;
}
.ft-bridge-pill a:focus-visible{
  outline:3px solid #1f7c8c;
  outline-offset:2px;
}
@media (min-width:640px){
  .ft-bridge-pill{ top:14px; left:14px; }
  .ft-bridge-pill a{ font-size:13px; padding:9px 16px; }
}