/* CDAM introduction built from the same case, accordion and editorial components. */
.subpage .cdam-page-case>.case-id{position:relative}
.cdam-art-caption{max-width:480px;margin:50.4px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
.cdam-example-section,.cdam-output-section{margin:0 calc(-1 * var(--case-inset)) 0 calc(-1 * (var(--case-inset) + 24px) - (100% + 24px) * var(--case-rail) / var(--case-rest));border-bottom:var(--mj-border-width) dashed var(--line)}
.cdam-example-copy{padding:48px var(--mj-proof-inset)}
.cdam-example-copy>.micro{color:var(--accent);margin-bottom:24px}
.cdam-example-copy h2{font-family:var(--mj-font-display);font-size:clamp(28px,3.2vw,44px);font-weight:400;letter-spacing:-.035em;line-height:1.15;margin-bottom:24px}
.cdam-example-copy h2 em{font-family:var(--mj-font-editorial);font-weight:400}
.cdam-example-copy>p{font-size:16px;line-height:1.6;color:var(--muted);max-width:66ch}
.cdam-example-copy>p+p{margin-top:18px}
.cdam-example-copy .decision-example{margin:28px 0}
.cdam-depth .curcum-decision-title{white-space:normal}
@media(max-width:620px){.cdam-art-caption{margin-top:39.2px;font-size:12px}.cdam-example-section,.cdam-output-section{margin:0 -16px}.cdam-example-copy{padding:28px 24px}.cdam-example-copy>p{font-size:15px}}

/* CDAM-specific editorial opening; preserve the shared case typography owners. */
.a #projects .cdam-page-case .case-head>h1 em{font-family:var(--mj-font-editorial);font-weight:400;letter-spacing:-.035em}
.a #projects .cdam-page-case:first-of-type{padding-bottom:240px}
.cdam-page-case::after{content:'';position:absolute;left:16px;right:16px;bottom:12px;height:12px;background:repeating-linear-gradient(90deg,var(--action-orange) 0 1px,transparent 1px 100px) left bottom/100% 12px no-repeat,repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 10px) left bottom/100% 6px no-repeat;pointer-events:none}
.cdam-invitation .project-destination a{width:auto;max-width:100%;white-space:normal}
.cdam-example-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:stretch}
.cdam-example-layout>.cdam-example-copy{padding-right:32px}
.cdam-example-notes{display:flex;min-width:0;border-left:var(--mj-border-width) dashed var(--line)}
.cdam-example-takeaway{border-top:var(--mj-border-width) dashed var(--line)}
@media(max-width:1000px){.cdam-example-layout{grid-template-columns:1fr}.cdam-example-notes{border-left:0;border-top:var(--mj-border-width) dashed var(--line)}}
@media(max-width:620px){
 .a #projects .cdam-page-case:first-of-type{padding-bottom:190px}
}
/* Match the empty left rail of the method disclosures. */
.cdam-output-section{--curcum-rail-start:calc((100% - 2 * var(--case-inset)) * var(--case-rail) / 100 + var(--case-inset) + 24px)}
.cdam-output-section>.cdam-example-copy{margin-left:var(--curcum-rail-start);border-left:var(--mj-border-width) dashed var(--line);padding-left:28px;padding-right:28px}
@media(max-width:620px){.cdam-output-section>.cdam-example-copy{margin-left:16px;padding-left:16px;padding-right:16px}}

/* Homepage CDAM's fading graph paper, within the existing ending clearance. */
.a .cdam-page-case{isolation:isolate}
.a .cdam-page-case::before{content:'';position:absolute;z-index:-1;left:10px;right:10px;bottom:12px;height:220px;background-image:linear-gradient(90deg,var(--mj-color-grid-12) 1px,transparent 1px),linear-gradient(var(--mj-color-grid-12) 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(transparent,var(--mj-color-mask-black));pointer-events:none}
@media(max-width:620px){.a .cdam-page-case::before{height:165px}}

/* Align the example takeaway with the main invitation column. */
.cdam-example-takeaway{padding-left:calc((100% - 2 * var(--case-inset)) * var(--case-rail) / 100 + var(--case-inset) + 24px);padding-right:var(--case-inset)}
@media(max-width:620px){.cdam-example-takeaway{padding-left:16px;padding-right:16px}}

/* The decision record and starting exercise use the existing disclosure component. */
.cdam-record-accordion{margin:32px -28px;border-top:var(--mj-border-width) dashed var(--line);border-bottom:var(--mj-border-width) dashed var(--line)}
.cdam-record-accordion .curcum-decision-body{grid-template-columns:minmax(0,1fr)}
.cdam-support{border-bottom:var(--mj-border-width) dashed var(--line)}
.cdam-support .curcum-decision-spacer{border-top:0}
@media(max-width:620px){.cdam-record-accordion{margin:28px -16px}}

/* New disclosure titles stay readable on the narrowest phone layout. */
@media(max-width:620px){.cdam-record-accordion .curcum-decision-title{font-size:clamp(22px,calc(10.8vw - 18px),32px)}}

/* Keep the established desktop title; give the mobile model title its own first line. */
.cdam-mobile-break{display:none}
@media(max-width:620px){.cdam-mobile-break{display:initial}}