.care-hero {
  padding: 150px 24px 64px;
  background: radial-gradient(circle at 12% 24%, rgba(45,95,196,.14), transparent 32%), linear-gradient(135deg, #e6f3f7, var(--c-ivory));
}
.care-hero-inner, .care-main { max-width: 820px; margin-inline: auto; }
.care-back { display: inline-block; margin-bottom: 28px; color: #8a642b; text-decoration: underline; text-underline-offset: .25em; }
.care-hero h1 { margin: 18px 0; font-size: clamp(26px, 4vw, 40px); line-height: 1.65; font-weight: 400; letter-spacing: .04em; }
.care-updated { color: var(--page-copy); font-size: 13px; }
.care-main { padding: 48px 24px 88px; color: var(--page-copy); font-size: 15px; line-height: 2.05; overflow-wrap: anywhere; }
.care-toc { margin-bottom: 48px; padding: 24px; border: 1px solid var(--page-line); background: white; border-radius: 4px; }
.care-toc h2 { margin: 0 0 14px; padding: 0; border: 0; font-size: 19px; }
.care-toc ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; margin: 0; list-style: none; padding: 0; }
.care-main a { color: var(--c-navy-l); text-decoration: underline; text-underline-offset: .22em; }
.care-main h2, .care-main h3, .care-main h4 { color: var(--page-ink); font-weight: 500; line-height: 1.7; scroll-margin-top: 110px; }
.care-main h2 { margin: 64px 0 24px; padding-bottom: 14px; border-bottom: 1px solid var(--page-line); font-size: 25px; }
.care-main h3 { margin: 36px 0 16px; font-size: 20px; }
.care-main h4 { margin: 28px 0 14px; font-size: 17px; }
.care-main p, .care-main ul, .care-main ol { margin-block: 16px; }
.care-main ul, .care-main ol { padding-left: 1.6em; }
.care-main li { padding-left: .2em; margin-bottom: 10px; }
.care-main strong { color: var(--page-ink); font-weight: 600; }
.care-main blockquote { margin: 28px 0; padding: 18px 24px; border-left: 3px solid var(--c-gold-d); background: var(--page-sky); }
.care-main table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 14px; }
.care-main th, .care-main td { border: 1px solid var(--page-line); padding: 14px; vertical-align: top; text-align: left; }
.care-main th { background: var(--page-sky); color: var(--page-ink); }
.care-main th:first-child { width: 20%; }
.care-main > .care-bottom { margin-top: 48px; }
@media (max-width: 600px) {
  .care-hero { padding: 124px 20px 44px; }
  .care-main { padding-inline: 20px; }
  .care-toc { padding: 20px; }
  .care-toc ul { grid-template-columns: 1fr; }
  .care-main h2 { font-size: 23px; }
  .care-main table { font-size: 13px; line-height: 1.9; }
  .care-main th, .care-main td { padding: 8px; }
  .care-main blockquote { padding: 14px 18px; }
}