.pin-zone{margin:18px 0;padding:18px;border:1px solid var(--line,#e4dfe7);border-radius:16px;background:#faf8f5}
.pin-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px}
.pin-head h3{margin:0;font-size:17px}
.pin-map{height:320px;border-radius:12px;overflow:hidden;border:1px solid #e2dae6;background:#eee9f0}
.pin-map.is-untiled{background:#f4f0f6}
.pin-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.pin-readout{margin:0;font-size:13px;color:#817386;font-variant-numeric:tabular-nums}
.pin-readout.is-set{color:#302735;font-weight:600}
.pin-privacy{margin:10px 0 0;font-size:12px;line-height:1.7;color:#766b7b}

/* A plain jacaranda pin. The house glyph that will mark listings on the
   public map is a separate piece of work; borrowing it here before it
   exists would only mean drawing it twice. */
.pin-marker{background:none;border:0}
.pin-marker>span{display:block;width:30px;height:38px;
  background:var(--jac,#71448b);
  -webkit-mask:var(--pin-shape) center/contain no-repeat;mask:var(--pin-shape) center/contain no-repeat;
  filter:drop-shadow(0 2px 4px rgba(69,43,91,.45))}
:root{--pin-shape:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 38"><path d="M15 38c0-9 11-13.5 11-23A11 11 0 0 0 4 15c0 9.5 11 14 11 23z"/><path fill="black" fill-opacity="0" d="M0 0h30v38H0z"/></svg>')}
.pin-marker>span::after{content:"";display:block}

@media(max-width:700px){.pin-map{height:260px}.pin-foot{display:block}.pin-readout{margin-bottom:8px}}