.website-starters {
  margin-block: 28px;
  padding: 28px;
  border: 1px solid #d6d3d1;
  border-radius: 16px;
  background: #fafaf9;
  color: #292524;
  min-width: 0;
}
.website-starters-heading { max-width: 760px; margin-bottom: 22px; }
.website-starters h2 { font-size: 24px; font-weight: 700; line-height: 1.25; }
.website-starters-heading p:not(.builder-eyebrow) { margin-top: 10px; color: #57534e; line-height: 1.6; }
.website-starters-group { min-width: 0; margin-block: 20px; border: 0; padding: 0; }
.website-starters-group legend, .website-starters h3 { margin-bottom: 12px; font-size: 15px; font-weight: 700; }
.website-starters-grid, .website-starter-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.website-starter-card { min-width: 0; border: 1px solid #d6d3d1; border-radius: 10px; padding: 16px; background: #fff; overflow-wrap: anywhere; }
.website-starter-card.is-present { background: #f5f5f4; }
.website-starter-label { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; }
.website-starter-label > input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 3px; accent-color: #292524; }
.website-starter-label > span { font-weight: 600; }
.website-starter-card strong { font-size: 15px; line-height: 1.4; }
.website-starter-purpose { display: block; font-size: 13px; font-weight: 400; line-height: 1.6; margin-top: 6px; color: #57534e; }
.website-starter-status { margin-top: 12px; font-size: 12px; font-weight: 600; color: #57534e; }
.website-starter-review { display: inline-block; margin-top: 6px; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.website-starters-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 22px; }
.website-starters-actions > p { flex: 1 1 260px; color: #57534e; font-size: 13px; line-height: 1.6; }
.starter-guide, .website-starter-guidance { margin-block: 16px; border: 1px solid #d6d3d1; border-radius: 10px; padding: 16px; background: #fafaf9; color: #292524; }
.starter-guide > summary, .website-starter-guidance > summary { cursor: pointer; font-size: 14px; font-weight: 700; }
.starter-guide p, .website-starter-guidance p { margin-top: 10px; font-size: 13px; line-height: 1.6; color: #57534e; }
.starter-guide-list, .website-starter-checklist { list-style: disc; padding-left: 20px; margin-top: 12px; font-size: 13px; line-height: 1.6; }
.starter-guide-list li + li, .website-starter-checklist li + li { margin-top: 8px; }
.builder-template-select { display: block; cursor: pointer; }
@media (max-width: 1100px) {
  .website-starters-grid, .website-starter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .website-starters { padding: 18px; margin-block: 20px; }
  .website-starters h2 { font-size: 21px; }
  .website-starters-grid, .website-starter-grid { grid-template-columns: minmax(0, 1fr); }
  .website-starters-actions { align-items: stretch; }
  .website-starters-actions > input { width: 100%; }
}