/* prices.css: the property prices page (pages/prices.mjs). The tables follow the area page's typical-price table
   (area.css .ap-tp), the island tiles the site's white cards. */
.pr-sec .blk-lede{max-width:720px}
.pr-tbl{padding:4px 16px 8px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 8px 20px -14px rgba(20,30,50,.3);overflow-x:auto}
.pr-tbl table{width:100%;border-collapse:collapse;font:400 14.5px/1.35 var(--ff-ui)}
.pr-tbl th,.pr-tbl td{padding:9px 10px 9px 0;border-top:1px solid var(--hair);text-align:left;vertical-align:baseline;white-space:nowrap}
.pr-tbl thead th{border-top:0;padding-top:6px;font:500 12px/1.2 var(--ff-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.pr-tbl thead .pr-sub th{padding-top:0;font-size:11px;color:var(--muted)}
.pr-tbl tbody th{font-weight:500;color:var(--ink)}
.pr-tbl tbody th a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(26,26,32,.25)}
.pr-tbl tbody th small{font-weight:400;color:var(--muted);font-size:12px;margin-left:4px}
.pr-tbl td{font-variant-numeric:tabular-nums}
.pr-tbl td:nth-child(2){font-weight:600}
.pr-tbl td a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(26,26,32,.25)}
.pr-few{color:var(--muted)}
.pr-up{color:#1D7A3E;font-size:12.5px;font-weight:500}
.pr-down{color:var(--red);font-size:12.5px;font-weight:500}
.pr-flat{color:var(--muted);font-size:12.5px}
.pr-towns thead th[colspan]{text-align:left;border-bottom:1px solid var(--hair)}
.pr-isls{display:grid;grid-template-columns:1fr;gap:12px}
.pr-isl{padding:16px 18px 18px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 8px 20px -14px rgba(20,30,50,.3)}
.pr-isl h3{margin:0 0 10px;font:600 20px/1.2 var(--ff-display);letter-spacing:-.01em}
.pr-isl dl{margin:0;display:grid;grid-template-columns:1fr;gap:8px}
.pr-isl dl div{display:flex;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid var(--hair);font:400 14.5px/1.35 var(--ff-ui)}
.pr-isl dt{color:var(--muted)}
.pr-isl dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.pr-how p{max-width:720px;margin:0;font:400 15.5px/1.6 var(--ff-ui);color:var(--text-2)}
.p-prices .m-more{margin-top:10px}
@media (min-width:700px){.pr-isls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media (max-width:899px){.pr-tbl{padding:2px 12px 10px}.pr-tbl table{font-size:13.5px}.pr-tbl th,.pr-tbl td{padding:8px 8px 8px 0}}