/* ============================================================
   DEARDEN2007 — MENTAL HEALTH DETAIL PAGES
   Shared red / black / blue styling
   ============================================================ */

:root{
    --mhd-black:#020305;
    --mhd-panel:#0b111b;
    --mhd-panel-2:#111b2a;
    --mhd-red:#e32636;
    --mhd-red-dark:#8b101b;
    --mhd-blue:#2f7dff;
    --mhd-blue-dark:#1545a8;
    --mhd-blue-light:#78adff;
    --mhd-white:#fff;
    --mhd-muted:#bdcbe0;
    --mhd-line:#29496f;
}
*{box-sizing:border-box}
body.mhd-page{
    margin:0;
    background:
        radial-gradient(circle at 8% 7%,rgba(47,125,255,.14),transparent 30rem),
        radial-gradient(circle at 92% 12%,rgba(227,38,54,.12),transparent 28rem),
        var(--mhd-black);
    color:var(--mhd-white);
}
.mhd-page main{overflow:hidden}
.mhd-hero,.mhd-purpose,.mhd-section,.mhd-next,.mhd-final,.mhd-disclaimer{
    width:min(1420px,calc(100% - 40px));
    margin-inline:auto;
}
.mhd-hero{
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);
    gap:34px;
    padding:78px 0 58px;
}
.mhd-hero-copy{
    padding:48px;
    border:1px solid var(--mhd-line);
    border-left:8px solid var(--mhd-red);
    border-radius:24px;
    background:linear-gradient(145deg,rgba(16,25,39,.98),rgba(5,8,13,.98));
    box-shadow:0 28px 70px rgba(0,0,0,.42);
}
.mhd-anxiety .mhd-hero-copy,.mhd-counseling .mhd-hero-copy{border-left-color:var(--mhd-blue)}
.mhd-trauma .mhd-hero-copy{border-left-color:var(--mhd-red);border-right:8px solid var(--mhd-blue)}
.mhd-back-link{
    display:inline-block;margin-bottom:28px;color:#a9c8ff;font-size:.78rem;
    font-weight:950;letter-spacing:.08em;text-decoration:none
}
.mhd-eyebrow{
    color:var(--mhd-blue-light);font-size:.77rem;font-weight:1000;
    letter-spacing:.17em;text-transform:uppercase
}
.mhd-hero h1{
    max-width:980px;margin:18px 0 24px;font-size:clamp(3rem,6vw,6.2rem);
    line-height:.94;letter-spacing:-.045em
}
.mhd-hero h1 strong{display:block;color:var(--mhd-red)}
.mhd-lead{color:#fff!important;font-size:clamp(1.2rem,2vw,1.5rem)!important;font-weight:800}
.mhd-hero-copy p{max-width:880px;color:var(--mhd-muted);font-size:1.07rem;line-height:1.75}
.mhd-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.mhd-button{
    display:inline-flex;justify-content:center;align-items:center;min-height:52px;
    padding:13px 22px;border-radius:10px;color:#fff;font-weight:1000;
    letter-spacing:.04em;text-decoration:none
}
.mhd-button-red{background:linear-gradient(135deg,var(--mhd-red),var(--mhd-red-dark))}
.mhd-button-blue{background:linear-gradient(135deg,var(--mhd-blue),var(--mhd-blue-dark))}
.mhd-hero-panel{
    display:grid;align-content:center;justify-items:center;gap:18px;padding:34px;
    border:1px solid #355985;border-top:7px solid var(--mhd-blue);border-radius:24px;
    background:linear-gradient(160deg,rgba(10,29,57,.98),rgba(5,8,13,.98));text-align:center
}
.mhd-hero-panel img{width:min(210px,72%);border:4px solid var(--mhd-red);border-radius:50%}
.mhd-hero-panel blockquote{margin:0;font-size:1.45rem;font-weight:900;line-height:1.45}
.mhd-purpose{
    padding:42px;border:1px solid #70202a;border-left:8px solid var(--mhd-red);
    background:linear-gradient(100deg,rgba(75,11,19,.9),rgba(13,18,27,.98))
}
.mhd-purpose>span{color:#ff8e97;font-size:.78rem;font-weight:1000;letter-spacing:.15em}
.mhd-purpose h2{margin:12px 0;font-size:clamp(2.2rem,4vw,4.2rem)}
.mhd-purpose p{max-width:1120px;color:#dbe4f1;font-size:1.08rem;line-height:1.75}
.mhd-section{padding:82px 0}
.mhd-section-heading{max-width:980px;margin-bottom:34px}
.mhd-section-heading h2{margin:12px 0;font-size:clamp(2.2rem,4.5vw,4.8rem);line-height:1}
.mhd-section-heading p{color:var(--mhd-muted);font-size:1.08rem;line-height:1.72}
.mhd-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.mhd-info-card{
    min-height:300px;padding:29px;border:1px solid var(--mhd-line);border-radius:17px;
    background:linear-gradient(145deg,rgba(15,24,38,.98),rgba(6,9,14,.98))
}
.mhd-card-red{border-top:5px solid var(--mhd-red)}
.mhd-card-blue{border-top:5px solid var(--mhd-blue)}
.mhd-card-split{border-top:5px solid transparent;background:
    linear-gradient(#0d1521,#0d1521) padding-box,
    linear-gradient(90deg,var(--mhd-red),var(--mhd-blue)) border-box}
.mhd-info-card>span{color:var(--mhd-blue-light);font-size:.78rem;font-weight:1000;letter-spacing:.14em}
.mhd-info-card h3{margin:18px 0 10px;font-size:1.55rem}
.mhd-info-card p,.mhd-info-card li{color:var(--mhd-muted);line-height:1.68}
.mhd-info-card ul{padding-left:20px}
.mhd-next{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:32px;
    padding:40px;border:1px solid #355985;border-left:8px solid var(--mhd-blue);
    background:linear-gradient(120deg,rgba(12,32,62,.95),rgba(8,11,17,.98))
}
.mhd-next h2{margin:12px 0;font-size:clamp(2rem,4vw,4rem)}
.mhd-next p,.mhd-next li{color:var(--mhd-muted);line-height:1.7}
.mhd-next li{margin-bottom:12px}
.mhd-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mhd-resource-grid a{
    display:block;min-height:285px;padding:28px;border:1px solid var(--mhd-line);
    border-left:5px solid var(--mhd-blue);border-radius:16px;
    background:linear-gradient(145deg,rgba(14,25,41,.98),rgba(6,9,14,.98));
    color:#fff;text-decoration:none;transition:.18s ease
}
.mhd-resource-grid a:nth-child(odd){border-left-color:var(--mhd-red)}
.mhd-resource-grid a:hover{transform:translateY(-4px);border-color:var(--mhd-blue-light)}
.mhd-resource-grid span{color:var(--mhd-blue-light);font-size:.72rem;font-weight:1000;letter-spacing:.13em}
.mhd-resource-grid h3{margin:17px 0 10px;font-size:1.5rem}
.mhd-resource-grid p{color:var(--mhd-muted);line-height:1.65}
.mhd-final{
    display:grid;grid-template-columns:150px 1fr auto;gap:30px;align-items:center;
    margin-bottom:28px;padding:36px;border:1px solid #70202a;border-bottom:7px solid var(--mhd-red);
    border-radius:21px;background:linear-gradient(135deg,rgba(62,10,17,.9),rgba(8,11,17,.98))
}
.mhd-final img{width:100%;border:4px solid var(--mhd-blue);border-radius:50%}
.mhd-final span{color:#ff8e97;font-size:.76rem;font-weight:1000;letter-spacing:.13em}
.mhd-final h2{margin:10px 0;font-size:clamp(1.8rem,3vw,3.2rem)}
.mhd-final p{margin:0;color:var(--mhd-muted)}
.mhd-disclaimer{
    margin-bottom:45px;padding:20px;border-left:5px solid var(--mhd-red);
    background:#0a0d13;color:#9ca9ba;font-size:.88rem;line-height:1.65
}
@media(max-width:1050px){
    .mhd-hero,.mhd-next{grid-template-columns:1fr}
    .mhd-info-grid,.mhd-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mhd-final{grid-template-columns:120px 1fr}.mhd-final>a{grid-column:1/-1}
}
@media(max-width:720px){
    .mhd-hero,.mhd-purpose,.mhd-section,.mhd-next,.mhd-final,.mhd-disclaimer{
        width:min(100% - 24px,1420px)
    }
    .mhd-hero{padding-top:32px}
    .mhd-hero-copy,.mhd-hero-panel,.mhd-purpose,.mhd-next,.mhd-final{padding:24px}
    .mhd-hero h1{font-size:clamp(2.6rem,13vw,4.4rem)}
    .mhd-info-grid,.mhd-resource-grid{grid-template-columns:1fr}
    .mhd-final{grid-template-columns:1fr;text-align:center}
    .mhd-final img{width:140px;margin:0 auto}
    .mhd-button{width:100%}
}