/* START only. Four entry cards and all chart behavior stay unchanged. */
#homeplan365-start-chart {
  --start-section-gap: 60px;
  --start-block-gap: 28px;
  --start-section-title: 30px;
  --start-sub-title: 24px;
  --start-body-size: 16px;
}
/* Large sections: money, housing overview, diagnosis entry, guide, search. */
#homeplan365-start-chart .hp365-money-entry h2,
#homeplan365-start-chart .overview-map-heading h2,
#homeplan365-start-chart .overview-next h2,
#homeplan365-start-chart .after-inner h2,
#homeplan365-start-chart .start-explore h2 {
  font-size: var(--start-section-title);
  line-height: 1.4;
  font-weight: 800;
  margin: 0 0 16px;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
#homeplan365-start-chart .hp365-money-entry h2 { margin-top: 8px; }
/* Intermediate headings inside the housing diagram. */
#homeplan365-start-chart .overview-route-family-title h3 {
  font-size: var(--start-sub-title);
  line-height: 1.4;
}
#homeplan365-start-chart .overview-route-choice h4 {
  font-size: 19px;
  line-height: 1.45;
  margin: 0 0 16px;
}
/* Reading text; eyebrow labels and small legal notes keep their own roles. */
#homeplan365-start-chart .overview-map-heading p,
#homeplan365-start-chart .overview-points li,
#homeplan365-start-chart .hp365-money-entry p:not(:first-child),
#homeplan365-start-chart .after-inner p:last-child {
  font-size: var(--start-body-size);
  line-height: 1.8;
}
/* One source of vertical spacing between the large sections. */
#homeplan365-start-chart .start-entry-grid,
#homeplan365-start-chart .hp365-money-entry { margin-bottom: var(--start-section-gap); }
#homeplan365-start-chart .overview-before-chart { padding-bottom: 0; }
#homeplan365-start-chart .overview-map-heading { margin-bottom: var(--start-block-gap); }
#homeplan365-start-chart .overview-route-families { gap: var(--start-block-gap); }
#homeplan365-start-chart .overview-route-family-title { gap: 24px; }
#homeplan365-start-chart .overview-route-family > .overview-points { margin-top: 24px; gap: 24px; }
#homeplan365-start-chart .overview-route-choices { margin-top: var(--start-block-gap); gap: 24px; }
#homeplan365-start-chart .overview-route-choice .overview-points { gap: 24px; }
#homeplan365-start-chart .overview-next { margin-top: var(--start-section-gap); padding: 28px; }
#homeplan365-start-chart .start-chart { padding-bottom: 0; }
#homeplan365-start-chart .after-chart { padding: var(--start-section-gap) 0; }
#homeplan365-start-chart .after-inner { gap: var(--start-block-gap); }
#homeplan365-start-chart .start-explore { margin-top: var(--start-section-gap); padding-top: 0; border-top: 0; }
/* A diagnosis screen has its own primary heading, not another large landing section. */
#homeplan365-start-chart .step-heading h1,
#homeplan365-start-chart .result-layout .step-heading h1 {
  font-size: 36px;
  line-height: 1.4;
  margin: 16px 0;
}
#homeplan365-start-chart .step-heading { margin-bottom: var(--start-block-gap); }
#homeplan365-start-chart .step-heading > p:not(.eyebrow),
#homeplan365-start-chart .explain-card ul { font-size: var(--start-body-size); line-height: 1.8; }
#homeplan365-start-chart .explain-card h2,
#homeplan365-start-chart .result-group h2 { font-size: var(--start-sub-title); line-height: 1.4; margin-bottom: 16px; }
#homeplan365-start-chart .explain-grid,
#homeplan365-start-chart .result-groups { gap: var(--start-block-gap); }
#homeplan365-start-chart .step-action { margin-top: var(--start-block-gap); }
@media (min-width: 768px) and (max-width: 1100px) {
  #homeplan365-start-chart { --start-section-title: 28px; --start-sub-title: 22px; }
  #homeplan365-start-chart .step-heading h1,
  #homeplan365-start-chart .result-layout .step-heading h1 { font-size: 34px; }
}
@media (max-width: 767px) {
  #homeplan365-start-chart { --start-block-gap: 24px; --start-section-title: 26px; --start-sub-title: 21px; --start-body-size: 15px; }
  #homeplan365-start-chart .overview-route-choice h4 { font-size: 18px; }
  #homeplan365-start-chart .overview-next { padding: 24px 20px; }
  #homeplan365-start-chart .hp365-money-entry { gap: 24px; }
  #homeplan365-start-chart .after-inner .quiet-link { display: inline-flex; margin-top: 24px; }
  #homeplan365-start-chart .step-heading h1,
  #homeplan365-start-chart .result-layout .step-heading h1,
  #homeplan365-start-chart .welcome-copy h1 { font-size: 32px; line-height: 1.4; }
  #homeplan365-start-chart .explain-card h2,
  #homeplan365-start-chart .result-group h2 { font-size: 20px; }
}