/* Additive page styles: no selectors target the existing header, forms or other pages. */
@font-face { font-family: "DS Stories Roboto"; src: url("roboto-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "DS Stories Quicksand"; src: url("quicksand-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "DS Stories Montserrat"; src: url("montserrat-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }
.ds-patient-stories {
  --ds-stories-navy: #002e6e;
  --ds-stories-ink: #24364d;
  --ds-stories-muted: #63758d;
  color: var(--ds-stories-ink);
  background: #fff;
  font-family: "DS Stories Roboto", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.48;
  text-align: start;
}
.ds-patient-stories *, .ds-patient-stories *::before, .ds-patient-stories *::after { box-sizing: border-box; }
.ds-patient-stories ::selection { background: #002e6e; color: #fff; }
.ds-patient-stories :focus-visible { outline: 3px solid #a30b12; outline-offset: 5px; }
.ds-patient-stories h1, .ds-patient-stories h2, .ds-patient-stories p, .ds-patient-stories blockquote { margin: 0; }
.ds-patient-stories a { text-underline-offset: .35em; }
.ds-stories-hero {
  min-height: 304px;
  background: #f5f9fc url("hero-reception.png") center center / cover no-repeat;
  padding: 39px 5% 22px;
}
.ds-stories-hero-copy { max-width: 1440px; margin-inline: auto; }
.ds-stories-eyebrow { color: #9d090d; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.ds-patient-stories h1 {
  margin-top: 14px;
  font-family: "DS Stories Quicksand", "Quicksand", sans-serif;
  font-size: clamp(48px, 6.5vw, 88px);
  font-weight: 700;
  line-height: .99;
  letter-spacing: -.035em;
  color: var(--ds-stories-navy);
}
.ds-stories-intro { margin-top: 12px !important; color: #586a80; font-size: clamp(18px, 2.25vw, 26px); line-height: 1.4; font-weight: 400; }
.ds-stories-source { display: flex; align-items: center; gap: 14px; margin-top: 20px !important; color: #5f728d; font-size: 14px; }
.ds-stories-source img { width: 28px; height: 28px; }
.ds-stories-wall { background: #f8fbfd; padding: 16px 2.85% 34px; }
.ds-stories-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; max-width: 1440px; margin-inline: auto; }
.ds-stories-card { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 20px 18px; border-radius: 12px; background: #fff; }
.ds-stories-card--blue { background: #eaf4ff; }
.ds-stories-card--blush { background: #fdf0f1; }
.ds-stories-card--navy { background: #002e6e; color: #fff; }
.ds-stories-stars { display: flex; gap: 1px; color: #ffb51c; font-size: 17px; line-height: 1; margin-bottom: 16px; }
.ds-stories-stars .is-unfilled { color: #6d8098; }
.ds-stories-card blockquote { flex: 1; font-size: clamp(17px, 1.8vw, 24px); line-height: 1.47; overflow-wrap: anywhere; }
.ds-stories-card.is-collapsed blockquote { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; flex: none; max-block-size: 8.82em; }
.ds-stories-card.is-collapsed blockquote[lang="ar"] { max-block-size: 10.2em; }
.ds-patient-stories .ds-stories-expand { align-self: flex-start; min-height: 44px; margin-top: 8px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; color: var(--ds-stories-navy) !important; font: inherit; font-size: 14px; text-transform: none; text-decoration: underline; text-underline-offset: .3em; cursor: pointer; }
.ds-patient-stories .ds-stories-expand:hover { color: #9d090d !important; }
.ds-patient-stories .ds-stories-card--navy .ds-stories-expand { color: #fff !important; }
.ds-patient-stories .ds-stories-card--navy .ds-stories-expand:hover { color: #d6e7ff !important; }
.ds-stories-expand[hidden] { display: none !important; }
.ds-stories-card blockquote[lang="ar"] { font-family: "DS Stories Roboto", Tahoma, sans-serif; line-height: 1.7; text-align: center; }
.ds-stories-card figcaption { display: flex; align-items: center; gap: 12px; margin-top: 24px; min-height: 50px; }
.ds-stories-avatar { display: grid; place-items: center; width: 50px; height: 50px; flex: 0 0 50px; border-radius: 50%; font-size: 22px; color: #0063a7; background: #d3e9ff; }
.ds-stories-avatar--coral { background: #ffdcd9; color: #a31d1c; }
.ds-stories-avatar--mint { background: #d8f3e9; color: #137066; }
.ds-stories-avatar--lilac { background: #efddff; color: #6e2097; }
.ds-stories-avatar--pink { background: #fbdcf0; color: #98106a; }
.ds-stories-card--navy .ds-stories-avatar { background: #a4d1f1; color: #fff; }
.ds-stories-person { display: flex; flex-direction: column; min-width: 0; font-size: 14px; line-height: 1.45; }
.ds-stories-person bdi { font-weight: 400; }
.ds-stories-person { overflow-wrap: anywhere; }
.ds-stories-review-link { min-height: 32px; display: inline-flex; align-items: center; font-size: 12px; color: #002e6e; }
.ds-stories-card--navy .ds-stories-review-link { color: #fff; }
.ds-stories-card blockquote::before, .ds-stories-card blockquote::after { content: none; }
.ds-patient-stories .ds-stories-card blockquote { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: inherit; font-style: normal; font-weight: 400; }
.ds-stories-branch { padding: 40px 24px; }
.ds-stories-branch h2 { color: #002e6e !important; margin-bottom: 24px; font-size: 32px; }
.ds-stories-branch .ds-stories-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ds-stories-branch .ds-stories-card { background: #f3f8fc; }
.ds-stories-person small { font-size: 13px; color: #63758d; white-space: nowrap; }
.ds-stories-card--navy .ds-stories-person small { color: #c0d3eb; }
.ds-stories-closing { background: #002e6e url("closing-background.png") center / cover no-repeat; color: #fff; padding: 44px 6.6% 42px; }
.ds-stories-closing-copy { max-width: 1370px; margin-inline: auto; }
.ds-patient-stories h2 { font-family: "DS Stories Quicksand", "Quicksand", sans-serif; font-size: clamp(32px, 4.65vw, 60px); font-weight: 700; line-height: 1.12; letter-spacing: -.025em; color: #fff; }
.ds-stories-closing p { margin-top: 12px; font-size: clamp(18px, 2.05vw, 25px); line-height: 1.5; color: #c0d3eb; }
.ds-stories-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 28px; margin-top: 22px; }
.ds-stories-book { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 52px; padding: 13px 28px; border-radius: 4px; background: #fff; color: #002e6e; text-decoration: none; font-size: 17px; }
.ds-stories-book:hover { background: #e7eff8; }
.ds-stories-book i { font-size: 13px; }
.ds-stories-google-link { display: inline-flex; gap: 18px; align-items: center; min-height: 44px; color: #fff; font-size: 16px; text-decoration: underline; }
.ds-stories-google-link:hover { color: #d6e7ff; }
html[lang|="ar"] .ds-patient-stories,
html[lang|="ar"] .ds-patient-stories h1,
html[lang|="ar"] .ds-patient-stories h2 { font-family: Tahoma, Arial, sans-serif; }
html[lang|="ar"] .ds-patient-stories h1 { line-height: 1.25; letter-spacing: 0; }
html[lang|="ar"] .ds-patient-stories h2 { line-height: 1.4; letter-spacing: 0; }
html[lang|="ar"] .ds-stories-eyebrow { letter-spacing: 0; }
html[lang|="ar"] .ds-stories-hero { background-position: left center; }
html[lang|="ar"] .ds-stories-hero-copy { width: min(100%, clamp(280px, 40vw, 560px)); margin-left: 0; margin-right: auto; }
html[lang|="ru"] .ds-patient-stories h1,
html[lang|="ru"] .ds-patient-stories h2 { font-family: "DS Stories Montserrat", Arial, sans-serif; }
.ds-stories-card blockquote[lang="en"] { font-family: "DS Stories Roboto", Arial, sans-serif; }
@media (min-width: 1200px) {
  .ds-stories-hero { padding-block: 56px 36px; }
  .ds-stories-card { padding: 30px 26px; }
  .ds-stories-grid { gap: 20px; }
  .ds-stories-wall { padding-block: 24px 48px; }
  .ds-stories-person { font-size: 17px; }
  .ds-stories-person small { font-size: 15px; }
  .ds-stories-closing { padding-block: 64px; }
}
@media (min-width: 761px) and (max-width: 1199px) {
  .ds-stories-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .ds-stories-hero { min-height: 334px; padding: 38px 24px 26px; background-position: 56% center; }
  .ds-stories-hero-copy { position: relative; }
  .ds-patient-stories h1 { font-size: clamp(46px, 10vw, 60px); max-width: 8.5em; line-height: 1.04; }
  .ds-stories-intro { max-width: 21em; font-size: 18px; }
  .ds-stories-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .ds-stories-wall { padding: 20px 20px 28px; }
  .ds-stories-card { padding: 22px 20px; }
  .ds-stories-card blockquote { font-size: 18px; }
  .ds-stories-person small { white-space: normal; }
  .ds-stories-closing { padding: 38px 24px; }
  .ds-stories-closing p { font-size: 18px; max-width: 28em; }
  .ds-stories-desktop-break { display: none; }
  .ds-stories-actions { gap: 16px 24px; }
}
@media (max-width: 480px) {
  .ds-stories-grid { grid-template-columns: minmax(0, 1fr); }
  .ds-stories-branch .ds-stories-grid { grid-template-columns: minmax(0, 1fr); }
  .ds-stories-hero { background-position: 32% center; }
  .ds-stories-hero::before { content: none; }
  .ds-stories-intro { max-width: 19em; }
  .ds-stories-card { padding: 24px; }
  .ds-stories-card figcaption { margin-top: 22px; }
  .ds-stories-card blockquote { font-size: 19px; }
  .ds-stories-closing h2 { font-size: 34px; }
}
@media (prefers-reduced-motion: no-preference) {
  .ds-stories-book, .ds-stories-google-link { transition: background-color .18s ease, color .18s ease; }
}

/* Copy stays on the white side of the existing artwork in every locale. */
.ds-native-patient-stories .ds-stories-hero-copy,
html[lang|="ar"] .ds-native-patient-stories .ds-stories-hero-copy { width: min(52%, 640px); margin-left: 0; margin-right: auto; }
@media (max-width: 760px) {
  .ds-native-patient-stories .ds-stories-hero-copy,
  html[lang|="ar"] .ds-native-patient-stories .ds-stories-hero-copy { width: min(100%, 36rem); margin: 0; }
  html[lang|="ar"] .ds-native-patient-stories .ds-stories-hero { background-position: 32% center; }
}