/* The Mad Intelligence principles follow scroll position. Base HTML stays visible. */
#purpose-capability-evidence[data-principle-story] [data-principle-sequence]{position:relative}
#purpose-capability-evidence.principles-scroll-ready [data-principle-panel]{position:relative}
#purpose-capability-evidence.principles-scroll-ready[data-principle-layout="pinned"]{box-sizing:border-box;min-height:var(--principle-section-height,0px)}
#purpose-capability-evidence.principles-scroll-ready[data-principle-layout="pinned"] [data-principle-panel]{position:sticky;top:var(--principle-pin-top,104px)}
#purpose-capability-evidence.principles-scroll-ready [data-principle-step]{opacity:var(--principle-opacity,1);transform:translate3d(var(--principle-x,0px),var(--principle-y,0px),0) scale(var(--principle-scale,1));transform-origin:left top;transition:none}

/* Narrow and short viewports use three distinct positions in normal reading order. */
@media(max-width:899px),(max-height:699px){
 #purpose-capability-evidence[data-principle-story] .principle-sequence{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:32px}
 #purpose-capability-evidence[data-principle-story] .principle-step{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:18px;padding-top:22px}
 #purpose-capability-evidence[data-principle-story] .principle-number{padding-top:7px;margin-bottom:0}
 #purpose-capability-evidence[data-principle-story] .principle-step h3{font-size:36px;margin-bottom:18px}
 #purpose-capability-evidence[data-principle-story] [data-sequence-copy]{grid-column:2}
 #purpose-capability-evidence[data-principle-story] .principle-step p{max-width:42ch}
 #purpose-capability-evidence[data-principle-story] .principle-lead{font-size:20px;max-width:32ch}
}
@media(prefers-reduced-motion:reduce){
 #purpose-capability-evidence.principles-scroll-ready{min-height:0!important}
 #purpose-capability-evidence.principles-scroll-ready [data-principle-panel]{position:static!important}
 #purpose-capability-evidence [data-principle-step]{opacity:1!important;transform:none!important;transition:none!important}
}
@media print{
 #purpose-capability-evidence.principles-scroll-ready{min-height:0!important}
 #purpose-capability-evidence.principles-scroll-ready [data-principle-panel]{position:static!important}
 #purpose-capability-evidence [data-principle-step]{opacity:1!important;transform:none!important;transition:none!important}
}