/* Adoption-search tokens stay scoped to the new view. */
#saitaku {
  --saitaku-background: #d2edfc;
  --saitaku-border: #4bb3e8;
  --saitaku-button: #167aaf;
  --saitaku-radius: 9px;
  --saitaku-gap: 16px;
  min-width: 0;
}
#saitaku .saitaku-panel { min-width: 0; padding: var(--saitaku-gap); border: 1.5px solid var(--saitaku-border); border-radius: var(--saitaku-radius); background: var(--saitaku-background); font-size: 16px; }
#saitaku h1 { margin: 20px 0; font-size: 22px; }
#saitaku .saitaku-form { display: grid; grid-template-columns: minmax(0, 1fr); align-items: end; gap: var(--saitaku-gap); }
#saitaku .saitaku-form label { display: grid; gap: 8px; min-width: 0; font-weight: 700; }
#saitaku .saitaku-form select { width: 100%; min-width: 0; height: 48px; padding: 8px 12px; border: 1px solid #9bb8c9; border-radius: 6px; background: white; color: #243c4b; font: inherit; }
#saitaku .saitaku-form button, #saitaku .saitaku-retry { min-height: 48px; padding: 8px 28px; border: 0; border-radius: 6px; background: var(--saitaku-button); color: white; font: inherit; font-weight: 700; cursor: pointer; }
#saitaku button:disabled { opacity: .5; cursor: default; }
#saitaku .saitaku-status { margin: 20px 0; color: #415b6b; }
#saitaku .saitaku-result { margin-top: 22px; min-width: 0; }
#saitaku .saitaku-result h2 { margin: 0 0 14px; font-size: 17px; overflow-wrap: anywhere; }
#saitaku .saitaku-subjects { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--saitaku-gap); }
#saitaku .saitaku-subject { display: flex; align-items: center; gap: 12px; min-width: 0; padding: var(--saitaku-gap); background: white; border: 1px solid #c1d5e1; border-radius: var(--saitaku-radius); }
#saitaku .saitaku-subject img { flex-shrink: 0; width: 44px; height: 44px; object-fit: contain; }
#saitaku .saitaku-subject p { margin: 0 0 0 auto; min-width: 0; font-size: 25px; font-weight: 700; overflow-wrap: anywhere; }
@media (min-width: 761px) {
  #saitaku .saitaku-panel { padding: 20px; }
  #saitaku .saitaku-form { grid-template-columns: repeat(3, minmax(0, 1fr)) auto; }
  #saitaku .saitaku-subjects { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #saitaku .saitaku-subject { flex-direction: column; padding: 24px 12px; }
  #saitaku .saitaku-subject img { width: 60px; height: 60px; }
  #saitaku .saitaku-subject p { margin: 0; max-width: 100%; }
}