/* Families page changes from George's markup, 22 Oct 2026. */

/* Dotted line linking the four service icons, as on Graeme's flyer. */
.resident-service-list li{position:relative}
.resident-service-list li:not(:last-child)::after{content:'';position:absolute;top:31px;left:74px;right:-16px;border-top:2px dashed #a9ae7c}
.resident-service-list p.resident-price{font-weight:600;margin-top:10px}

/* More about Prevora */
.prevora-more{background:#fff}
.prevora-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.prevora-grid>*{min-width:0}
.smallcaps{font-variant:small-caps;letter-spacing:.02em}
.prevora-points{list-style:none;padding:0;margin:26px 0 0}
.prevora-points li{position:relative;padding:12px 0 12px 26px;border-bottom:1px solid var(--line);font-size:17px}
.prevora-points li::before{content:'';position:absolute;left:0;top:23px;width:8px;height:8px;border-radius:50%;background:var(--green)}
.prevora-find{display:flex;align-items:center;gap:20px;margin-top:28px}
.prevora-qr{width:120px;height:120px;flex:none;border:1px solid var(--line);border-radius:8px;padding:6px;background:#fff}
.prevora-find p{font-size:17px}
.prevora-find a{font-weight:600;overflow-wrap:anywhere}
.prevora-photo{height:420px}

@media(max-width:980px){
  /* Two columns: link 1 to 2 and 3 to 4 only. */
  .resident-service-list li:nth-child(even)::after{display:none}
  .prevora-grid{grid-template-columns:1fr;gap:32px}
  .prevora-photo{height:340px}
}
@media(max-width:700px){
  /* One column: the line runs down between the icons. */
  .resident-service-list li::after,.resident-service-list li:nth-child(even)::after{display:block}
  .resident-service-list li:not(:last-child)::after{top:60px;bottom:-24px;left:25px;right:auto;border-top:0;border-left:2px dashed #a9ae7c}
  .resident-service-list li:last-child::after{display:none}
  .prevora-points li{font-size:16px}
  .prevora-qr{width:96px;height:96px}
  .prevora-find p{font-size:16px}
  .prevora-photo{height:260px}
}