/* The residential complex an ad's flat is in (docs/complexes.md): a card above the map on the ad's page. Inline only
   where it is drawn (ListingDetailPage::head), so the page cut of style.css is not touched. ASCII only. */
.lx-complex{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line-soft);border-radius:16px;background:var(--white);color:var(--ink);transition:border-color .15s,box-shadow .15s}
.lx-complex-cover{display:grid;place-items:center;flex:none;width:92px;height:70px;overflow:hidden;border-radius:12px;background:var(--paper)}
.lx-complex-cover img{display:block;width:100%;height:100%;object-fit:cover}
.lx-complex-cover--empty{background:var(--accent-deep-tint);color:var(--accent);font-size:30px}
.lx-complex-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.lx-complex-kicker{color:var(--ink-3);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.lx-complex-name{overflow:hidden;font-size:16px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.lx-complex-meta{color:var(--ink-2);font-size:13px}
.lx-complex-go{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;color:var(--ink-3);font-size:16px;transition:transform .15s,color .15s,background .15s}
@media (hover:hover) and (pointer:fine){
  .lx-complex:hover{border-color:rgba(var(--ink-rgb),.2);box-shadow:var(--rest-shadow)}
  .lx-complex:hover .lx-complex-go{background:rgba(var(--accent-rgb),.08);color:var(--accent);transform:translateX(2px)}
}