/* 労働トラブル・脱出ポータル  アフィリエイト・レコメンド枠 共通CSS
 * <head> で読み込むことで、JS 実行前から非対象カードを確実に非表示にする（FOUC 防止） */
#affiliate-recommend-section [hidden] { display: none !important; }
#affiliate-slot-pool { display: flex; flex-direction: column; gap: 12px; }
.affiliate-card { display: flex; flex-direction: column; position: relative; border: 2px solid #e2e8f0; border-radius: .75rem; background: #fff; padding: 1rem; }
.affiliate-card.is-hidden { display: none !important; }
.affiliate-card.is-top { border-color: #fbbf24; background: #fffbeb; }
@media (min-width: 640px) { .affiliate-card { padding: 1.25rem; } }
.ad-banner img { max-width: 100%; height: auto; display: inline-block; }
.ad-banner a { display: inline-block; max-width: 100%; }
.aff-field select { width: 100%; border: 1px solid #cbd5e1; border-radius: .5rem; background: #fff; padding: .5rem .6rem; font-size: .875rem; font-weight: 700; color: #0b1530; }
.aff-field select:focus { outline: none; border-color: #2a4183; box-shadow: 0 0 0 2px rgba(42, 65, 131, .2); }
.aff-field select:disabled { background: #f1f5f9; color: #94a3b8; cursor: not-allowed; }
.aff-reason { display: inline-flex; align-items: center; border-radius: 9999px; background: #ecfdf5; border: 1px solid #a7f3d0; color: #047857; font-size: 11px; font-weight: 900; padding: .1rem .55rem; }