/* Suburb pages, template v2: mockup Option A (approved 31 Oct 2026).
   Source: mockups/2026-10-31/suburb.html, Option A. Loaded after /lendology.css on /suburbs/<slug>/ only. */

/* every section: 64px desktop, 40px phone */
.lp .sb-sec{padding:64px 0;}
.lp .sb-h2{font-size:clamp(24px,3.2vw,32px);font-weight:800;letter-spacing:-0.5px;line-height:1.12;color:var(--text);margin:0 0 18px;}
.lp .sb-h2.wh{color:#fff;}
.lp .sb-h3{font-size:17px;font-weight:700;color:var(--navy);margin:0 0 8px;letter-spacing:-0.2px;line-height:1.3;}
.lp .sb-p{font-size:15px;line-height:1.75;color:var(--text-mid);margin:0 0 16px;}
.lp .sb-p:last-child{margin-bottom:0;}
.lp .sb-p a,.lp .sb-link{color:#087358;font-weight:600;}
.lp .sb-p a:hover,.lp .sb-link:hover{text-decoration:underline;}
.lp .sb-lead{font-size:17px;line-height:1.65;color:var(--text);margin:0 0 16px;}

/* at-a-glance table */
.lp .sb-table{width:100%;border-collapse:collapse;}
.lp .sb-table th{text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);padding:11px 16px 11px 0;border-bottom:1px solid var(--border);width:44%;vertical-align:top;line-height:1.5;}
.lp .sb-table td{font-size:15px;font-weight:600;color:var(--navy);padding:11px 0;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.5;}
.lp .sb-table tr:last-child th,.lp .sb-table tr:last-child td{border-bottom:none;}
.lp .sb-table td small{display:block;font-size:12.5px;font-weight:500;color:var(--text-soft);margin-top:2px;line-height:1.5;}
.lp .sb-sources{font-size:12.5px;line-height:1.6;color:var(--text-soft);margin:16px 0 0;padding-top:12px;border-top:1px solid var(--border);}
.lp .sb-sources a{color:#087358;font-weight:600;}

/* services as a list, not cards */
.lp .sb-svc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 48px;}
.lp .sb-svc li{border-top:1px solid var(--border-mid);}
.lp .sb-svc a{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 0;color:inherit;}
.lp .sb-svc a:hover .sb-svc-t{color:#087358;}
.lp .sb-svc-t{display:block;font-size:16px;font-weight:700;color:var(--navy);margin:0 0 4px;transition:color .15s;line-height:1.3;}
.lp .sb-svc-d{display:block;font-size:14px;line-height:1.6;color:var(--text-mid);margin:0;}
.lp .sb-svc svg{flex-shrink:0;margin-top:6px;}

/* nearby chips */
.lp .sb-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;}
.lp .sb-chips a{display:inline-flex;align-items:center;background:var(--fog);border:1.5px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-mid);transition:border-color .2s;}
.lp .sb-chips a:hover{border-color:var(--mint);}
.lp .lp-sec-white .sb-chips a{background:var(--fog);}
.lp .lp-sec-fog .sb-chips a{background:#fff;}

/* client stories as plain links */
.lp .sb-stories{list-style:none;margin:0;padding:0;}
.lp .sb-stories li{padding:12px 0;border-top:1px solid var(--border);}
.lp .sb-stories li:last-child{border-bottom:1px solid var(--border);}
.lp .sb-stories a{font-size:15px;font-weight:700;color:var(--navy);}
.lp .sb-stories a:hover{color:#087358;}
.lp .sb-stories span{display:block;font-size:13.5px;color:var(--text-mid);margin-top:2px;line-height:1.5;}

/* Option A layout */
.lp .sbA-prose{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-bottom:40px;}
.lp .sbA-glance{background:#fff;border:1px solid var(--border-mid);border-radius:var(--r-lg);padding:24px 28px;}
.lp .sbA-glance-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:8px;}
.lp .sbA-glance-head h3{font-size:19px;font-weight:800;letter-spacing:-0.3px;color:var(--navy);margin:0;}
.lp .sbA-glance-head span{font-size:12.5px;color:var(--text-soft);}
.lp .sbA-glance-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:start;}
.lp .sbA-two{display:grid;grid-template-columns:1fr 1fr;gap:0 52px;align-items:start;}
.lp .sbA-two .sb-h3{margin-top:4px;}
.lp .sbA-two .sbA-block+.sbA-block{margin-top:22px;}
.lp .sbA-tail{display:grid;grid-template-columns:1.2fr 1fr;gap:0 52px;align-items:start;}

@media (max-width:768px){
  .lp .sb-sec{padding:40px 0;}
  .lp .sb-svc{grid-template-columns:1fr;gap:0;}
  .lp .sb-svc li:last-child{border-bottom:1px solid var(--border-mid);}
  .lp .sb-table th{width:42%;padding-right:12px;}
  .lp .sbA-prose,.lp .sbA-glance-grid,.lp .sbA-two,.lp .sbA-tail{grid-template-columns:1fr;}
  .lp .sbA-prose{margin-bottom:28px;}
  .lp .sbA-glance{padding:20px;}
  .lp .sbA-glance-grid table+table tr:first-child th,.lp .sbA-glance-grid table+table tr:first-child td{border-top:1px solid var(--border);}
  .lp .sbA-two>div+div{margin-top:28px;}
  .lp .sbA-tail>div+div{margin-top:32px;}
}
