/* ------------------------------------------------------------
   synappro design system — mental health resources
   Requires tokens.css, chrome.css, components.css.
   ------------------------------------------------------------ */

.mhr-hero-left { display: flex; flex-direction: column; gap: 24px; max-width: 780px; }

.mhr-hero-card .t-eyebrow { margin-bottom: 20px; }
.mhr-hero-card .t-h2 { margin-bottom: 20px; }
.mhr-hero-card .t-body { max-width: 56ch; margin-bottom: 28px; }

.mhr-warning {
    border-radius: 20px;
    background: var(--terracotta-50);
    padding: 20px 24px;
}
.mhr-warning p {
    font-size: 18px;
    line-height: 1.55;
    color: var(--terracotta-700);
    margin: 0;
    font-weight: 600;
}

.resource-card .t-metadata { margin-bottom: 8px; }
.resource-row { padding: 20px 0; border-top: 1px solid var(--neutral-100); }
.resource-row .t-h4 { margin: 0 0 6px; }
.resource-row p:last-child { font-size: 17px; line-height: 1.6; color: var(--ink-700); margin: 0; }