/* Scoped to the new guides; the established article layout stays in charge. */
.post-splash-overlay .recommend-text-top span {
  display: block;
  white-space: normal;
}
.blurb-about table[data-gh-responsive-table="true"] {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0 28px;
  color: #454545;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.6;
}
.blurb-about table[data-gh-responsive-table="true"] th,
.blurb-about table[data-gh-responsive-table="true"] td {
  border: 1px solid #ded6d9;
  padding: 13px 15px;
  text-align: left;
  vertical-align: top;
}
.blurb-about table[data-gh-responsive-table="true"] th {
  background: #f5eef1;
  color: #97364f;
  font-weight: 700;
}
.blurb-about table[data-gh-responsive-table="true"] tbody tr:nth-child(even) {
  background: #faf8f9;
}
.blurb-about table[data-gh-responsive-table="true"] th:first-child {
  width: 25%;
}

/* Wide comparison table; stacked marina cards when the article column narrows. */
.marina-comparison {
  container-type: inline-size;
  max-width: 100%;
}
.blurb-about h3:has(+ .marina-comparison) {
  margin-bottom: 4px;
}
.blurb-about .marina-comparison + h3 {
  margin-top: 25px;
}
.blurb-about .marina-comparison-date {
  margin: 0 0 12px;
  color: #74676d;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .025em;
}
.marina-comparison-wide {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: 1px solid #ded3d7;
  border-radius: 8px;
}
.blurb-about .marina-comparison-table {
  width: 100%;
  min-width: 0;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-family: Arial, sans-serif;
  color: #484249;
  font-size: 13px;
  line-height: 1.65;
}
.marina-comparison-table .marina-feature-col { width: 21%; }
.marina-comparison-caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.blurb-about .marina-comparison-table th,
.blurb-about .marina-comparison-table td {
  padding: 17px 15px;
  vertical-align: top;
  text-align: left;
  border: 0;
  border-right: 1px solid #e4dce0;
  border-bottom: 1px solid #e4dce0;
  overflow-wrap: break-word;
}
.blurb-about .marina-comparison-table tr > :last-child { border-right: 0; }
.blurb-about .marina-comparison-table tbody tr:last-child > * { border-bottom: 0; }
.blurb-about .marina-comparison-table thead th {
  padding: 21px 15px 19px;
  background: #97364f;
  border-right-color: #b3667d;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  vertical-align: middle;
}
.blurb-about .marina-comparison-table thead th:first-child {
  background: #813047;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}
.blurb-about .marina-comparison-table thead a {
  display: inline;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #fff;
  border-radius: 0;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}
.blurb-about .marina-comparison-table thead a:hover,
.blurb-about .marina-comparison-table thead a:focus-visible { text-decoration: underline; }
.marina-column-description {
  display: block;
  margin-top: 2px;
  color: #f3e5eb;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
}
.blurb-about .marina-comparison-table tbody th {
  background: #f5eef1;
  color: #813047;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}
.blurb-about .marina-comparison-table tbody td { background: #fff; }
.blurb-about .marina-comparison-table tbody tr:nth-child(even) td { background: #fcfafb; }
.blurb-about .marina-comparison-table .marina-price-row td { background: #f9f4f6; }
.blurb-about .marina-comparison-table .marina-price {
  display: block;
  color: #813047;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  white-space: nowrap;
}
.marina-price-note {
  display: block;
  margin-top: 7px;
  color: #74676d;
  font-size: 11px;
  line-height: 1.6;
}
.marina-price-unavailable {
  color: #74676d;
  font-size: 12px;
}
.marina-comparison-cards { display: none; }
.marina-card {
  margin: 0 0 24px;
  border: 1px solid #ded3d7;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  color: #484249;
  font-family: Arial, sans-serif;
  text-align: left;
}
.marina-card:last-child { margin-bottom: 0; }
.marina-card-header {
  padding: 19px 20px;
  background: #97364f;
  color: #fff;
}
.blurb-about .marina-card-header h4 {
  margin: 0;
  padding: 0;
  font: 700 19px/1.4 Arial, sans-serif;
  text-align: left;
}
.blurb-about .marina-card-header a {
  margin: 0;
  padding: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  text-decoration: none;
}
.blurb-about .marina-card-header a:hover,
.blurb-about .marina-card-header a:focus-visible { text-decoration: underline; }
.blurb-about .marina-card-header p {
  margin: 5px 0 0;
  padding: 0;
  color: #f3e5eb;
  font: 400 13px/1.5 Arial, sans-serif;
  text-align: left;
}
.marina-card dl {
  display: grid;
  grid-template-columns: minmax(105px, .8fr) minmax(0, 1.4fr);
  margin: 0;
  padding: 0;
}
.marina-card dt,
.marina-card dd {
  box-sizing: border-box;
  margin: 0;
  padding: 15px 13px;
  border-bottom: 1px solid #e4dce0;
  overflow-wrap: anywhere;
  line-height: 1.65;
  text-align: left;
}
.marina-card dt {
  background: #f5eef1;
  color: #813047;
  font-size: 12px;
  font-weight: 700;
}
.marina-card dd { font-size: 14px; }
.marina-card dd:nth-of-type(even) { background: #fcfafb; }
.marina-card dt:last-of-type,
.marina-card dd:last-of-type { border-bottom: 0; }
.marina-card .marina-price {
  display: block;
  color: #813047;
  font-size: 16px;
  line-height: 1.5;
  white-space: normal;
}
@container (max-width: 679px) {
  .marina-comparison-wide { display: none; }
  .marina-comparison-cards { display: block; }
}
@container (max-width: 329px) {
  .marina-card dl { display: block; }
  .marina-card dt {
    padding: 13px 17px 2px;
    border-bottom: 0;
    background: #fff;
  }
  .marina-card dd { padding: 2px 17px 13px; }
  .marina-card dt:nth-of-type(even) { background: #fcfafb; }
}
@supports not (container-type: inline-size) {
  @media (max-width: 1099px) {
    .marina-comparison-wide { display: none; }
    .marina-comparison-cards { display: block; }
  }
}
@media (max-width: 520px) {
  .blurb-about table[data-gh-responsive-table="true"] tbody td:first-child {
    border-left-color: #97364f;
    background: #f5eef1;
    color: #97364f;
  }
  .blurb-about table[data-gh-responsive-table="true"] tbody td::before {
    color: #97364f;
  }
}
/* Existing portal-guide photography, adapted to the article column. */
.blurb-about .property-guide-development-image { display:block; max-width:100%; height:auto; margin:14px 0 24px; }
.blurb-about .property-guide-author { font-size:14px; color:#666; margin-bottom:22px; }
.blurb-about ul.property-development-cards { container:property-developments / inline-size; list-style:none; padding:0; margin:20px 0 28px; }
.blurb-about .property-development-cards > li.property-development-card { display:grid; grid-template-columns:190px minmax(0,1fr); align-items:center; gap:20px; padding:16px; margin:0 0 16px; border:1px solid #e4dcdf; border-radius:16px; background:#faf8f9; box-shadow:0 3px 12px #38252d08; list-style:none; }
.blurb-about .property-development-card img.property-guide-development-image { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover; border-radius:10px; margin:0; }
.blurb-about .property-development-copy { min-width:0; }
.blurb-about .property-development-copy h4 { color:#963655; font-size:17px; line-height:1.4; margin:0 0 8px; }
.blurb-about .property-development-copy p { font-size:14px; line-height:1.7; margin:0; padding:0; }
@container property-developments (max-width:520px) {
  .blurb-about .property-development-cards > li.property-development-card { grid-template-columns:minmax(0,1fr); gap:14px; }
  .blurb-about .property-development-card img.property-guide-development-image { aspect-ratio:16 / 9; }
}
@supports not (container-type:inline-size) {
  @media(max-width:700px) { .blurb-about .property-development-cards > li.property-development-card { grid-template-columns:minmax(0,1fr); gap:14px; } }
}
