#foreign-housing-watch-root { display:grid; gap:14px; min-width:0; }
.housing-watch-period { margin:0; color:var(--muted,#5b6872); font-size:.86rem; }
.housing-watch-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.housing-watch-metrics span { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; padding:11px 12px; border:1px solid var(--border,#d8dfdf); border-radius:11px; background:var(--surface,#fff); font-size:.84rem; }
.housing-watch-metrics b { flex:none; font-size:1.25rem; }
.housing-watch-metrics .needs-attention, .housing-watch-row.is-gap { border-color:#d99b53; }
#foreign-housing-watch-root section { min-width:0; }
#foreign-housing-watch-root h2 { margin:0 0 8px; font-size:1rem; }
.housing-watch-row { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; margin-top:7px; padding:11px 12px; border:1px solid var(--border,#d8dfdf); border-radius:10px; background:var(--surface,#fff); }
.housing-watch-row > div { display:grid; gap:4px; min-width:0; }
.housing-watch-row strong, .housing-watch-row small { overflow-wrap:anywhere; }
.housing-watch-row small { color:var(--muted,#5b6872); }
.housing-watch-row button, #foreign-housing-watch-root [data-watch-retry] { min-height:44px; padding:7px 11px; border:1px solid var(--border-strong,#b8c4c8); border-radius:8px; background:#fff; color:var(--text,#17324d); font:inherit; font-weight:700; cursor:pointer; }
.housing-watch-row button:focus-visible, #foreign-housing-watch-root [data-watch-retry]:focus-visible { outline:2px solid #087f78; outline-offset:2px; }
.housing-watch-empty { margin:0; color:var(--muted,#5b6872); font-size:.84rem; }
.housing-watch-error { margin:0; color:#a52718; }
@media (max-width:620px) { .housing-watch-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } .housing-watch-metrics span { display:grid; align-content:space-between; padding:9px; font-size:.72rem; } .housing-watch-row { align-items:stretch; flex-direction:column; } .housing-watch-row button { align-self:stretch; } }