/* ── m3 17 Private diagnostic brief — maarch-3/sections/17-diagnostic/brief.md ──
   Figma 1:1389 photo @ 18% + 1:1390 white 57% · left: 1:1440 lead 600/42/49 · 1:1439 fees · 1:1441 title 600/80/79 coral ·
   1:1442 note · 1:1519 1px rule 521h @ x829 · right @ x864: 1:1443 heading 700/42/1 · 1:1447 · 1:1448 bullets lh 1.14 ·
   1:1445 note 700/20 #414141 */

.m3-diag {
    overflow: hidden;
    background: var(--skin-canvas);
    padding: calc(160 * var(--u)) 0 calc(54 * var(--u));
    color: var(--m3-text-diag);
}
.m3-diag__bg { position: absolute; inset: 0; }
.m3-diag__bg img { opacity: .18; }
.m3-diag__bg::after { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, .57); }
.m3-diag__inner { z-index: 1; }

.m3-diag__lead { max-width: calc(755 * var(--u)); font-size: var(--fs-sub); font-weight: 600; line-height: calc(49 / 42); color: var(--skin-black); }
.m3-diag__fees { max-width: calc(689 * var(--u)); margin-top: calc(43.6 * var(--u)); font-size: var(--fs-body); line-height: 1.22; }

.m3-diag__grid {
    display: grid;
    grid-template-columns: 687fr 969fr;
    margin-top: calc(50.5 * var(--u));
}
.m3-diag__left { margin-top: calc(25 * var(--u)); }
.m3-diag__title { max-width: calc(474 * var(--u)); font-size: var(--fs-display); font-weight: 600; line-height: calc(79 / 80); color: var(--skin-coral); }
.m3-diag__note { max-width: calc(439 * var(--u)); margin-top: calc(70.5 * var(--u)); font-size: var(--fs-body); line-height: 1.22; }
.m3-diag__right {
    min-height: calc(521 * var(--u));
    padding-left: calc(34 * var(--u));
    border-left: 1px solid var(--skin-black);
}
.m3-diag__heading { font-size: var(--fs-sub); font-weight: 700; line-height: 1; }
.m3-diag__text { max-width: calc(928 * var(--u)); margin-top: calc(58.4 * var(--u)); font-size: var(--fs-body); line-height: 1.22; }
.m3-diag__bullets { max-width: calc(928 * var(--u)); margin-top: calc(37 * var(--u)); font-size: var(--fs-body); line-height: 1.14; }
.m3-diag__bullets li::before { content: "\2022\00a0\00a0"; }
.m3-diag__small { margin-top: calc(37 * var(--u)); font-size: var(--fs-20); font-weight: 700; line-height: 1; color: #414141; }

@media (max-width: 991.98px) {
    .m3-diag { padding: 64px 0 56px; }
    .m3-diag__lead { font-size: 26px; }
    .m3-diag__fees { margin-top: 20px; font-size: 17px; }
    .m3-diag__grid { grid-template-columns: 1fr; margin-top: 40px; }
    .m3-diag__left { margin: 0 0 32px; }
    .m3-diag__title { font-size: 48px; }
    .m3-diag__note { margin-top: 20px; font-size: 17px; }
    .m3-diag__right { min-height: 0; padding: 28px 0 0; border-left: 0; border-top: 1px solid var(--skin-black); }
    .m3-diag__heading { font-size: 26px; line-height: 1.15; }
    .m3-diag__text, .m3-diag__bullets { margin-top: 20px; font-size: 17px; line-height: 1.45; }
    .m3-diag__bullets li + li { margin-top: 8px; }
    .m3-diag__small { margin-top: 24px; }
}