/* Website pricing only: School Blueprint's white / blue-gray palette.
   Layout, amounts, responsive behavior and the following samples are unchanged. */
body.service-website-page .top-service-plans > .top-service-heading--plans {
  color: #304b59;
  background: transparent;
}

/* One quiet arrow size for the option-table links on desktop and mobile. */
body.service-website-page .website-pricing--refined-details .website-pricing__options-table .website-pricing__option-link {
  gap: 9px;
  align-items: center;
}
body.service-website-page .website-pricing--refined-details .website-pricing__options-table .website-pricing__option-link .eluna-link-arrow {
  display: block !important;
  min-width: 0 !important;
  width: 18px !important;
  height: 8px !important;
  stroke-width: 1.35;
}

body.service-website-page .website-pricing__options > .website-pricing__options-link-bottom {
  display: flex;
  justify-content: flex-end;
  margin: 26px 0 0;
}
body.service-website-page .website-pricing__options-link-bottom .website-pricing__option-link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 11px 16px;
  border: 1px solid #cfdbca;
  border-radius: 6px;
  color: inherit;
  background: #f4f7ef;
  font-size: 11px;
  line-height: 1.7;
  text-decoration: none;
}
body.service-website-page .website-pricing__options-link-bottom .website-pricing__option-link:hover {
  background: #eaf1e2;
}
@media (max-width: 560px) {
  body.service-website-page .website-pricing__options > .website-pricing__options-link-bottom {
    justify-content: center;
  }
}
body.service-website-page .top-service-plans > .top-service-heading--plans :is(h2, h3) { color: #304b59; }
body.service-website-page .top-service-plans > .top-service-heading--plans p { color: #506773; }
body.service-website-page .top-service-plans .website-pricing.website-pricing--refined-details {
  --pd-ink: #304b59;
  --pd-muted: #506773;
  --pd-line: #c7d8df;
  --pd-soft: #eef5f7;
  --pricing-accent: #597a8a;
  --pricing-tint: #dcebf1;
  color: var(--pd-ink);
  background: transparent;
}

/* Comparison columns retain their light / highlighted / light hierarchy. */
body.service-website-page .top-service-plans .website-pricing .website-pricing__comparison--designed { color: var(--pd-ink); }
body.service-website-page .top-service-plans .website-pricing .website-pricing__comparison--designed :is(th, td) { border-color: var(--pd-line); }
body.service-website-page .top-service-plans .website-pricing .website-pricing__comparison--designed thead th {
  color: var(--pd-ink);
  background: var(--pd-soft);
  border-color: var(--pd-line);
  border-top-color: #a4c1ce;
}
body.service-website-page .top-service-plans .website-pricing .website-pricing__comparison--designed thead th.website-pricing__basic {
  color: var(--pd-ink);
  background: var(--pricing-tint);
  border-color: #a4c1ce;
  border-top-color: var(--pricing-accent);
}
body.service-website-page .top-service-plans .website-pricing :is(
  .website-pricing__comparison-corner > strong, .website-pricing__plan-name,
  .website-pricing__initial strong, .website-pricing__monthly strong,
  .website-pricing__monthly-price, .website-pricing__option h5,
  .website-pricing__feature-card h5, .website-pricing__update-heading,
  .website-pricing__guide-item h5,
  .website-pricing__guide-item strong, .website-pricing__options-table tbody td
) { color: var(--pd-ink); }
body.service-website-page .top-service-plans .website-pricing :is(
  .website-pricing__comparison-corner > span, .website-pricing__comparison-corner > small,
  .website-pricing__plan-kicker, .website-pricing__plan-summary,
  .website-pricing__comparison--designed tbody th, .website-pricing__tax-label,
  .website-pricing__scroll-hint, .website-pricing__monthly-price small,
  .website-pricing__self-update, .website-pricing__option-detail,
  .website-pricing__option-self, .website-pricing__guide-intro,
  .website-pricing__guide-item p, .website-pricing__options-table thead th
) { color: var(--pd-muted); }
body.service-website-page .top-service-plans .website-pricing .website-pricing__plan-lp {
  color: var(--pd-ink);
  border-color: #a4c1ce;
  background: rgb(255 255 255 / 55%);
}
body.service-website-page .top-service-plans .website-pricing .website-pricing__comparison--designed tbody td.website-pricing__basic { background: var(--pd-soft); }
body.service-website-page .top-service-plans .website-pricing .website-pricing__comparison--designed :is(.website-pricing__initial, .website-pricing__monthly) td { background: var(--pd-soft); }
body.service-website-page .top-service-plans .website-pricing .website-pricing__comparison--designed :is(.website-pricing__initial, .website-pricing__monthly) td.website-pricing__basic { background: var(--pricing-tint); }
body.service-website-page .top-service-plans .website-pricing .website-pricing__included-mark {
  color: var(--pricing-accent);
  background: #e2edf2;
}
body.service-website-page .top-service-plans .website-pricing .website-pricing__unavailable { color: #b5bfc4; }
body.service-website-page .top-service-plans .website-pricing .website-pricing__table-scroll--designed { scrollbar-color: #a4c1ce transparent; }
body.service-website-page .top-service-plans .website-pricing .website-pricing__table-scroll--designed::-webkit-scrollbar-thumb { background: #a4c1ce; }

/* Monthly support, options and contract guidance. */
body.service-website-page .top-service-plans .website-pricing :is(
  .website-pricing__features, .website-pricing__features-heading,
  .website-pricing__feature-card, .website-pricing__features-footer,
  .website-pricing__options-heading .website-pricing__option-link,
  .website-pricing__option, .website-pricing__option-total,
  .website-pricing__option-action a, .website-pricing__options-catalog,
  .website-pricing__options-table :is(th, td), .website-pricing__option-self,
  .website-pricing__guide, .website-pricing__guide-item
) { border-color: var(--pd-line); }
body.service-website-page .top-service-plans .website-pricing :is(
  .website-pricing__features, .website-pricing__options-heading .website-pricing__option-link,
  .website-pricing__option, .website-pricing__options-table thead,
  .website-pricing__guide-item
) { color: var(--pd-ink); background: var(--pd-soft); }
body.service-website-page .top-service-plans .website-pricing .website-pricing__features-heading { background: linear-gradient(115deg, #fff, #eef5f7); }
body.service-website-page .top-service-plans .website-pricing.website-pricing--refined-details :is(.website-pricing__features-footer, .website-pricing__option--film) {
  color: var(--pd-ink);
  background: var(--pricing-tint);
}
body.service-website-page .top-service-plans .website-pricing :is(
  .website-pricing__features-label, .website-pricing__options-kicker,
  .website-pricing__option-category, .website-pricing__option-total,
  .website-pricing__options-table .website-pricing__option-link > span,
  .website-pricing__guide-kicker
) { color: var(--pricing-accent); }
body.service-website-page .top-service-plans .website-pricing .website-pricing__features-label { border-color: #a4c1ce; }
body.service-website-page .top-service-plans .website-pricing .website-pricing__feature-card::before,
body.service-website-page .top-service-plans .website-pricing .website-pricing__guide-item h5::before { color: #7894a2; }
body.service-website-page .top-service-plans .website-pricing .website-pricing__feature-card svg { stroke: #5b8397; background: #e2edf2; }
body.service-website-page .top-service-plans .website-pricing a:focus-visible { outline-color: #5b8397; }

/* Preserve the miniature LP designs; change only their surrounding panel. */
body.service-website-page .top-service-plans .website-pricing #website-lp-unlimited { color: var(--pd-ink); background: var(--pd-soft); }
body.service-website-page .top-service-plans .website-pricing #website-lp-unlimited .lp-unlimited__samples::after { background: linear-gradient(transparent, #eef5f7); }

@media (hover: hover) {
  body.service-website-page .top-service-plans .website-pricing .website-pricing__comparison--designed tbody tr:hover th,
  body.service-website-page .top-service-plans .website-pricing .website-pricing__service-link:hover { color: var(--pd-ink); }
  body.service-website-page .top-service-plans .website-pricing .website-pricing__comparison--designed tbody tr:hover td:not(.website-pricing__basic),
  body.service-website-page .top-service-plans .website-pricing .website-pricing__options-table tbody tr:hover { background: #f1f6f8; }
  body.service-website-page .top-service-plans .website-pricing .website-pricing__options-heading .website-pricing__option-link:hover { background: var(--pricing-tint); }
}
@media (max-width: 820px) {
  body.service-website-page .top-service-plans .website-pricing .website-pricing__comparison--designed tbody th,
  body.service-website-page .top-service-plans .website-pricing .website-pricing__comparison--designed thead td {
    background: #fff;
    box-shadow: 3px 0 5px -4px rgb(48 75 89 / 30%);
  }
}