/* "When Is It Time to Seek Help?" on the home page: intro, eight sign cards, the crisis line and the
   admissions band, in the site's colours (teal #4E9E8F, blue #0083A9) and fonts (Bitter headings, Mulish text),
   with the site's rounded top-right / bottom-left corners. */
.seek-help-intro { max-width: 54rem; margin: 1.5rem auto 0; color: #3c4a48; font-size: 1.35rem; line-height: 1.6; text-align: center; }

.seek-help { padding-bottom: 1rem; }
.seek-help-subhead { margin: 0 0 1.75rem; color: #4E9E8F; font-family: Bitter, serif; font-size: 1.75rem; font-weight: 700; text-align: center; }
.seek-help-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; margin: 0; padding: 0; list-style: none; }
.seek-help-card { padding: 1.75rem 1.5rem; border: 1px solid rgba(78, 158, 143, .2); border-radius: 1rem 3rem 1rem 3rem; background: #fff; box-shadow: 0 14px 34px rgba(0, 60, 80, .08); text-align: left; }
.seek-help-icon { display: block; width: 46px; height: auto; margin: 0 0 1rem; }
.seek-help-card h4 { margin: 0 0 .5rem; color: #0083A9; font-family: Bitter, serif; font-size: 1.3rem; font-weight: 700; line-height: 1.3; }
.seek-help-card p { margin: 0; color: #3c4a48; font-size: 1.05rem; line-height: 1.55; }

.seek-help-crisis { display: flex; align-items: center; gap: .9rem; max-width: 60rem; margin: 2rem auto 0; padding: 1rem 1.5rem; border-left: 5px solid #0083A9; border-radius: .75rem; background: #e9f5f8; color: #22343a; font-size: 1.15rem; line-height: 1.5; }
.seek-help-crisis i { flex: 0 0 auto; color: #0083A9; font-size: 1.4rem; }
.seek-help-crisis a { color: #00617d; font-weight: 800; text-decoration: underline; }

.seek-help-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem 2rem; margin-top: 2rem; padding: 2.25rem 2.5rem; border-radius: 1rem 4rem 1rem 4rem; background: linear-gradient(135deg, #4E9E8F 0%, #0083A9 100%); color: #fff; }
.seek-help-cta-text { flex: 1 1 26rem; font-size: 1.2rem; line-height: 1.55; }
.seek-help-cta-title { margin: 0 0 .35rem; font-family: Bitter, serif; font-size: 1.85rem; font-weight: 700; line-height: 1.25; }
.seek-help-cta-buttons { display: flex; flex-wrap: wrap; gap: .75rem; }
.seek-help-btn { display: inline-block; padding: .85rem 1.75rem; border: 2px solid #fff; border-radius: 999px; color: #fff; font-weight: 800; font-size: 1.05rem; letter-spacing: .03em; text-decoration: none; white-space: nowrap; transition: background-color .2s, color .2s; }
.seek-help-btn:hover, .seek-help-btn:focus-visible { background: #fff; color: #00617d; }
.seek-help-btn-solid { background: #fff; color: #00617d; }
.seek-help-btn-solid:hover, .seek-help-btn-solid:focus-visible { background: #e9f5f8; color: #00617d; }
.seek-help-btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

@media (max-width: 1199.98px) { .seek-help-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) {
  .seek-help-intro { font-size: 1.15rem; }
  .seek-help-subhead { font-size: 1.45rem; }
  .seek-help-grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .seek-help-card { padding: 1.4rem 1.25rem; }
  .seek-help-crisis { align-items: flex-start; padding: 1rem; font-size: 1.05rem; }
  .seek-help-cta { padding: 1.75rem 1.25rem; border-radius: 1rem 2.5rem 1rem 2.5rem; }
  .seek-help-cta-title { font-size: 1.5rem; }
  .seek-help-cta-buttons, .seek-help-btn { width: 100%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) { .seek-help-btn { transition: none; } }