/*
 * Medical Malpractice practice-area page only.
 * Loaded exclusively by single-practice_area-medical-malpractice.php, so
 * nothing here can reach any other page. Everything is scoped under .mm-page.
 */

/* On-page jump nav, sticks under the site header (height set by JS) */
.mm-subnav{background:var(--cream);border-bottom:1px solid var(--cream-border);position:sticky;top:var(--mm-head,94px);z-index:40}
.mm-subnav__inner{display:flex;gap:4px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.mm-subnav a{font-size:14px;font-weight:600;color:var(--navy-700);padding:7px 15px;border-radius:999px;transition:background .15s}
.mm-subnav a:hover{background:var(--cream-border);color:var(--red-700)}
@media(max-width:700px){.mm-subnav{position:static}.mm-subnav a{font-size:13px;padding:6px 12px}}

/* Wider reading column, fixed-width sidebar (desktop only; the theme's own
   1000px breakpoint still stacks them on tablet/mobile) */
@media(min-width:1001px){
  .mm-page .pas-layout{grid-template-columns:minmax(0,1fr) 360px;gap:64px}
  .mm-page .pas-side{top:calc(var(--mm-head,94px) + 72px)}
}

.mm-page .pas-main [id]{scroll-margin-top:calc(var(--mm-head,94px) + 70px)}
.mm-page .breadcrumb{flex-wrap:wrap;row-gap:6px}

/* Lead paragraph and section rhythm */
.mm-page .mm-lead{font-size:18.5px;color:var(--ink-900)}
.mm-page .mm-block{margin-top:52px}
.mm-page .mm-topic{margin-top:64px;padding-top:56px;border-top:1px solid var(--cream-border-2)}
.mm-page .mm-topic>h2,.mm-page .mm-block>h2{margin-top:0}
.mm-page .mm-intro p:first-child{font-size:18.5px;color:var(--ink-900)}
.mm-page .pas-main h3{font-size:clamp(21px,2.1vw,26px);margin:40px 0 14px}
.mm-page .pas-main a:not(.btn){color:var(--red-700);text-decoration:underline;text-underline-offset:3px}

/* "Cases we investigate" list: two columns as in the design */
.mm-page .pas-cols{grid-template-columns:1fr 1fr}
@media(max-width:560px){.mm-page .pas-cols{grid-template-columns:1fr}}

/* Chevron list (single column, divided) */
.mm-check{list-style:none;padding:0;margin:12px 0 22px}
.mm-check li{display:grid;grid-template-columns:16px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--cream-border-2);font-size:16.5px;line-height:1.65;color:var(--ink-600)}
.mm-check li::before{content:'›';color:var(--red-600);font-weight:800}

/* Callout note */
.mm-note{background:var(--cream);border-left:3px solid var(--red-600);padding:18px 22px;margin:24px 0;border-radius:0 12px 12px 0}
.mm-page .mm-note p{margin:0;font-size:16.5px}

/* Source citations */
.mm-cite{font-size:11px;margin-left:2px;line-height:0}
.mm-page .pas-main .mm-cite a{text-decoration:none;font-weight:700;color:var(--ink-400)}
.mm-cite a::before{content:'['}.mm-cite a::after{content:']'}

/* FAQ accordion */
.mm-faq{border-top:1px solid var(--cream-border-2);margin-top:8px}
.mm-faq details{border-bottom:1px solid var(--cream-border-2)}
.mm-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0}
.mm-faq summary::-webkit-details-marker{display:none}
.mm-faq summary h4{margin:0;font-family:inherit;font-size:16.5px;font-weight:700;color:var(--ink-700);line-height:1.45}
.mm-faq summary:hover h4{color:var(--red-700)}
.mm-faq__plus{flex:0 0 20px;height:20px;position:relative}
.mm-faq__plus::before,.mm-faq__plus::after{content:'';position:absolute;background:var(--red-600);left:50%;top:50%;transform:translate(-50%,-50%)}
.mm-faq__plus::before{width:14px;height:2px}
.mm-faq__plus::after{width:2px;height:14px;transition:transform .2s}
.mm-faq details[open] .mm-faq__plus::after{transform:translate(-50%,-50%) scaleY(0)}
.mm-faq__ans{padding:0 0 18px}
.mm-page .mm-faq__ans p{margin:0;font-size:16.5px}

/* Navy call-to-action box closing each topic */
.mm-cta{background:linear-gradient(160deg,var(--navy-700),var(--navy-900));color:var(--white);border-radius:var(--radius-xl);padding:32px 34px;margin-top:40px}
.mm-page .pas-main .mm-cta h3{color:var(--white);margin:0 0 12px}
.mm-page .pas-main .mm-cta p{color:var(--sky-200);font-size:16.5px;margin:0}
.mm-page .pas-main .mm-cta a:not(.btn){color:var(--white)}
.mm-cta__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}

/* Sources + disclaimer */
.mm-sources{margin-top:52px;font-size:14px;color:var(--ink-400)}
.mm-sources ol{list-style:none;padding:0;margin:0}
.mm-sources li{margin:5px 0;line-height:1.55}
.mm-sources li span{font-weight:700;margin-right:6px}
.mm-page .pas-main .mm-sources a{color:var(--ink-500);text-decoration:none}
.mm-page .pas-main .mm-sources a:hover{color:var(--red-700);text-decoration:underline}
.mm-page .pas-main .mm-disclaimer{margin-top:26px;font-size:14px;line-height:1.7;color:var(--ink-400);border-top:1px solid var(--cream-border-2);padding-top:18px}

@media(max-width:560px){
  .mm-cta{padding:24px 22px}
  .mm-cta__actions .btn{width:100%}
  .mm-page .mm-lead,.mm-page .mm-intro p:first-child{font-size:17px}
}