/* ============================================================
   90-content — shared simple content-page hero + body pattern,
   used by the standalone informational pages (careers, patient
   forms, privacy). Scoped under .sec-90-content.
   ============================================================ */

/* Hero uses the shared .sec-00-inthero component (css/sections/00-interior-hero.css);
   .sec-90-content-hero carries no styles of its own, it is just a page-group marker. */

.sec-90-content-body {
  background: var(--bone);
}
.sec-90-content-body__inner {
  max-width: 74ch;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.sec-90-content-body h2 {
  margin-top: 1.75rem;
  font-size: var(--fs-h3);
}
.sec-90-content-body h3 {
  margin-top: 1.25rem;
  font-size: 1.1rem;
}
.sec-90-content-body p { color: var(--text-on-bone-dim); }
.sec-90-content-body ul {
  list-style: disc;
  padding-left: 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: var(--text-on-bone-dim);
}
.sec-90-content-body a:not(.btn) { color: var(--accent-strong); text-decoration: underline; }
.sec-90-content-body__cta {
  margin-top: 1.5rem;
  display: inline-flex;
  width: fit-content;
}