/* ---- Comparison Table (Plot vs Flat) ---- */
.compare-table{ width:100%; border-collapse:collapse; background:#fff; border:2px solid var(--pg-fg); border-radius:var(--pg-radius-lg); overflow:hidden; box-shadow:6px 6px 0px 0px var(--pg-tertiary); }
.compare-table th{ background:var(--pg-fg); color:#fff; padding:14px 18px; text-align:left; font-family:var(--pg-font-heading); font-size:13.5px; text-transform:uppercase; }
.compare-table td{ padding:13px 18px; font-size:14px; border-bottom:1px solid var(--pg-border); }
.compare-table tr:last-child td{ border-bottom:none; }
.compare-table td:first-child{ font-weight:700; background:var(--pg-muted); }

/* ---- Checklist grid (What to Check) ---- */
.checklist-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; position:relative; z-index:1; }
@media (max-width:800px){ .checklist-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .checklist-grid{ grid-template-columns:1fr; } }
.checklist-item{ background:#fff; border:2px solid var(--pg-fg); border-radius:var(--pg-radius-md); padding:14px 16px; font-size:13px; font-weight:600; box-shadow:3px 3px 0px 0px var(--pg-border); }
.checklist-item::before{ content:"☑ "; color:var(--pg-accent); }

/* ---- Location pill cluster ---- */
.location-pills{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; position:relative; z-index:1; }
.location-pills span{
  background:#fff; border:2px solid var(--pg-fg); border-radius:var(--pg-radius-full); padding:9px 18px;
  font-size:13px; font-weight:700; box-shadow:3px 3px 0px 0px var(--pg-border);
}

/* ---- Plot size pill cluster ---- */
.size-pills{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; position:relative; z-index:1; }
.size-pills a{
  background:var(--pg-tertiary); border:2px solid var(--pg-fg); border-radius:var(--pg-radius-full); padding:9px 20px;
  font-size:13.5px; font-weight:800; box-shadow:3px 3px 0px 0px var(--pg-fg); text-decoration:none; color:var(--pg-fg);
  font-family:var(--pg-font-heading); transition: transform .25s var(--pg-bounce);
}
.size-pills a:hover{ transform:translate(-2px,-2px); }