/* A decision folio: the earlier direction remains physically present. */
.bp-page.cm-page{overflow:clip}
.ms-archive{display:none}
.cm-page[data-ms-ready=true] .cm-record-stack{perspective:1500px;transform-style:preserve-3d;margin-top:105px;padding-inline:10px 22px}
.cm-page[data-ms-ready=true] .cm-paper-echo{display:none}
.cm-page[data-ms-ready=true] .ms-archive{display:block;position:absolute;inset:0 30px 30px 14px;padding:21px 30px;background:#ececec;border-radius:5px;color:#595959;box-shadow:0 16px 35px #0000000a;transform-origin:50% 85%;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,20px,-170px) rotateX(12deg) scale(.97);transition:transform 950ms cubic-bezier(.2,.7,.2,1),opacity 550ms,visibility 550ms;overflow:hidden}
.ms-archive-label{display:flex;justify-content:space-between;gap:14px;font-size:14px;line-height:1.5;color:#666}
.cm-page[data-ms-ready=true] .cm-record{transform:translateY(calc(var(--ms-drift,0) * -18px));transform-origin:50% 85%;box-shadow:0 32px 90px #00000012,0 4px 10px #00000003;backface-visibility:hidden}
.cm-page[data-ms-phase="1"] [data-ms-archive="0"]{opacity:1;visibility:visible;transform:translate3d(-24px,-135px,-85px) rotateZ(4deg) rotateX(6deg)}
.cm-page[data-ms-phase="2"] [data-ms-archive="0"]{opacity:1;visibility:visible;transform:translate3d(-37px,-195px,-170px) rotateZ(4deg) rotateX(7deg)}
.cm-page[data-ms-phase="2"] [data-ms-archive="1"]{opacity:1;visibility:visible;background:#f0f0f0;transform:translate3d(24px,-115px,-65px) rotateZ(2deg) rotateX(4deg)}
.cm-page[data-ms-ready=true] .cm-timeline-wire{background:#dedede}
.cm-page[data-ms-ready=true] .cm-timeline-wire::after{animation:none;transform:none;background:#6c6c6c;transform-origin:top;scale:1 var(--ms-line,0);transition:scale .65s cubic-bezier(.2,.7,.2,1)}
@media(min-width:1100px){
 .cm-page[data-ms-mode=scroll] .ms-scroll-track{position:relative;height:calc(var(--ms-pin-height,760px) + 140vh)}
 .cm-page[data-ms-mode=scroll] .ms-scroll-pin{position:sticky;top:106px;padding-top:150px;padding-bottom:30px}
 .cm-page[data-ms-mode=scroll] .cm-record-stack{margin-top:0;padding-inline:10px 28px}
 .cm-page[data-ms-mode=scroll] .cm-workspace{gap:65px;grid-template-columns:minmax(210px,.68fr) minmax(0,1.65fr)}
 .cm-page[data-ms-mode=scroll] .cm-record{min-height:max(570px,var(--ms-desktop-record-height,0px));padding:28px 36px 25px}
 .cm-page[data-ms-mode=scroll] .cm-record-label{padding-bottom:25px}
 .cm-page[data-ms-mode=scroll] .cm-record h3{font-size:clamp(42px,4.05vw,57px);min-height:0;margin-top:19px}
 .cm-page[data-ms-mode=scroll] .cm-change{min-height:95px;padding-block:21px 23px}
 .cm-page[data-ms-mode=scroll] .cm-decision-facts{gap:18px;font-size:14px}
 body[data-page] .cm-page[data-ms-mode=scroll] .cm-decision-facts>div{grid-template-columns:90px minmax(0,1fr)}
 .cm-page[data-ms-mode=scroll] .cm-carry{margin-top:29px}
 .cm-page[data-ms-mode=scroll] .cm-timeline{padding-top:0}
 .cm-page[data-ms-mode=scroll] .cm-timeline button{min-height:132px;padding-block:19px}
 .cm-page[data-ms-mode=scroll] .cm-history-aside{margin-top:24px!important}
 .cm-page[data-ms-mode=scroll] .cm-note{margin-top:35px!important}
}
/* Ordinary laptops keep the same current folio and timeline. Reserve the
   completed record's height, and use a shallower stack below the fixed header. */
@media(min-width:1100px) and (max-height:899px){
 .cm-page[data-ms-mode=scroll] .ms-scroll-pin{padding-top:72px;padding-bottom:16px}
 .cm-page[data-ms-mode=scroll] .cm-record{min-height:var(--ms-desktop-record-height,0px);padding:24px 30px}
 .cm-page[data-ms-mode=scroll] .cm-record-label{padding-bottom:14px}
 .cm-page[data-ms-mode=scroll] .cm-record h3{font-size:38px;line-height:1.08;margin-top:12px}
 .cm-page[data-ms-mode=scroll] .cm-change{min-height:0;padding:12px 0}
 .cm-page[data-ms-mode=scroll] .cm-change p{font-size:16px;line-height:1.5;margin-top:6px}
 .cm-page[data-ms-mode=scroll] .cm-decision-facts{gap:12px}
 .cm-page[data-ms-mode=scroll] .cm-carry{display:none}
 .cm-page[data-ms-mode=scroll] .cm-timeline button{min-height:112px;padding-block:14px}
 .cm-page[data-ms-mode=scroll] .cm-history-aside{font-size:14px;line-height:1.5;max-width:none;margin-top:12px!important}
 .cm-page[data-ms-mode=scroll] .ms-archive{padding:14px 24px}
 .cm-page[data-ms-mode=scroll] .ms-archive h4{font-size:18px;line-height:1.2;margin-top:5px}
 .cm-page[data-ms-mode=scroll] .ms-archive p{display:none}
 .cm-page[data-ms-mode=scroll][data-ms-phase="1"] [data-ms-archive="0"]{transform:translate3d(-16px,-43px,-50px) rotateZ(2deg)}
 .cm-page[data-ms-mode=scroll][data-ms-phase="2"] [data-ms-archive="0"]{transform:translate3d(-22px,-69px,-90px) rotateZ(2deg)}
 .cm-page[data-ms-mode=scroll][data-ms-phase="2"] [data-ms-archive="1"]{transform:translate3d(16px,-36px,-40px) rotateZ(1deg)}
}
@media(max-width:760px){
 .cm-page[data-ms-ready=true] .cm-record-stack{margin-top:105px;padding-inline:4px}
 .cm-page[data-ms-ready=true] .ms-archive{inset:0 8px 25px;padding:14px 18px;border-radius:5px}
 .ms-archive-label{font-size:9px;gap:8px}.ms-archive h4{font-size:16px;line-height:1.2;margin-top:7px}.ms-archive p{font-size:10px}
 .cm-page[data-ms-ready=true] .cm-record{transform:none}
 .cm-page[data-ms-phase="1"] [data-ms-archive="0"]{transform:translate3d(-8px,-86px,-70px) rotateZ(-3deg)}
 .cm-page[data-ms-phase="2"] [data-ms-archive="0"]{transform:translate3d(-12px,-135px,-130px) rotateZ(-5deg)}
 .cm-page[data-ms-phase="2"] [data-ms-archive="1"]{transform:translate3d(8px,-71px,-45px) rotateZ(2deg)}
 .cm-page[data-ms-ready=true] .cm-timeline-wire::after{scale:var(--ms-line,0) 1;transform-origin:left}
}
@media(prefers-reduced-motion:reduce){
 .cm-page[data-ms-ready=true] .cm-record{transform:none!important}
 .cm-page[data-ms-ready=true] .ms-archive,.cm-page[data-ms-ready=true] .cm-timeline-wire::after{transition:none!important}
}

/* Read the complete decision, reason and source at every revision on phones.
   One continuous folio replaces the desktop stack; the timeline only jumps. */
.cm-page[data-ms-mode=linear] .cm-record-stack{margin-top:12px;padding-inline:0;perspective:none}
.cm-page[data-ms-mode=linear] .ms-archive,.cm-page[data-ms-mode=linear] .cm-paper-echo{display:none}
.cm-page[data-ms-mode=linear] .cm-record{transform:none!important;will-change:auto;min-height:0;box-shadow:0 22px 70px #00000008}
.cm-page[data-ms-mode=linear] [data-bp-panel]{scroll-margin-top:112px;animation:none!important}
.cm-page[data-ms-mode=linear] [data-bp-panel]+[data-bp-panel]{padding-top:60px;margin-top:58px}
.cm-page[data-ms-mode=linear] .cm-record h3{min-height:0}
.cm-page[data-ms-mode=linear] .cm-change{min-height:0}
.cm-page[data-ms-mode=linear] .cm-heading .bp-pause{display:none}
.cm-page[data-ms-mode=linear] .cm-revision{color:#606060}
.cm-page[data-ms-mode=linear] .cm-timeline-wire::after{transition:none}
@media(max-width:760px){
 .cm-page[data-ms-mode=linear] .cm-workspace{gap:26px}
 .cm-page[data-ms-mode=linear] .cm-record{padding:27px 22px 32px}
 .cm-page[data-ms-mode=linear] [data-bp-panel]+[data-bp-panel]{padding-top:35px;margin-top:45px}
 .cm-page[data-ms-mode=linear] .cm-record h3{font-size:clamp(34px,8.9vw,42px);line-height:1.09;letter-spacing:-.045em}
 .cm-page[data-ms-mode=linear] .cm-record-label{font-size:9px;gap:16px;align-items:flex-start}
 .cm-page[data-ms-mode=linear] .cm-record-label>span:first-child{max-width:160px}
 .cm-page[data-ms-mode=linear] .cm-record-label>span:last-child{flex-shrink:0}
 .cm-page[data-ms-mode=linear] .cm-decision-facts{font-size:13px}
 .cm-page[data-ms-mode=linear] .cm-timeline small{color:#707070}
}

/* Phone keeps one current record. Dates navigate; the record supplies the story. */
@media(max-width:760px){
 .cm-page[data-ms-ready=true] .cm-timeline{gap:8px;padding:0}
 .cm-page[data-ms-ready=true] .cm-timeline button{display:flex;align-items:center;min-height:44px;padding:8px 0;gap:0}
 .cm-page[data-ms-ready=true] .cm-timeline small{margin:0;color:inherit}
 .cm-page[data-ms-ready=true] .cm-timeline :is(strong,em){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .cm-page[data-ms-ready=true] :is(.cm-version-dot,.cm-timeline-wire,.cm-history-aside){display:none}
 .cm-page.cm-mobile-flow .cm-timeline{position:sticky;top:82px;z-index:3;background:#fff;padding:5px 0}
 .cm-page.cm-mobile-flow [data-bp-panel]>:not(.cm-revision){opacity:var(--ms-reveal,1);transform:translateY(calc((1 - var(--ms-reveal,1))*12px))}
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .cm-page.ms-mobile-scroll[data-ms-mode=scroll] .ms-scroll-track{height:calc(var(--ms-pin-height,550px) + 140svh)}
 .cm-page.ms-mobile-scroll[data-ms-mode=scroll] .ms-scroll-pin{position:sticky;top:86px;padding:0 0 12px}
 .cm-page.ms-mobile-scroll .cm-workspace{display:block}
 .cm-page.ms-mobile-scroll .cm-record-stack{margin:24px 0 0;padding:0}
 .cm-page.ms-mobile-scroll .cm-record{min-height:var(--ms-mobile-record-height,0px);padding:20px;border-radius:20px}
 body[data-page] .cm-page.ms-mobile-scroll .cm-record-label{padding-bottom:14px;gap:0;font-size:14px}
 .cm-page.ms-mobile-scroll :is(.cm-change>span,.cm-carry){display:none}
 .cm-page.ms-mobile-scroll .cm-revision{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;margin:0;padding:0}
 .cm-page.ms-mobile-scroll .cm-record h3{font-size:28px;line-height:1.1;letter-spacing:-.045em;min-height:0;margin:0}
 .cm-page.ms-mobile-scroll .cm-change{min-height:0;padding:12px 0}
 body[data-page] .cm-page.ms-mobile-scroll .cm-change p{margin:0;font-size:16px;line-height:1.5;gap:5px}
 body[data-page] .cm-page.ms-mobile-scroll .cm-decision-facts{gap:12px}
 body[data-page] .cm-page.ms-mobile-scroll .cm-decision-facts>div{grid-template-columns:max-content minmax(0,1fr);gap:10px}
 body[data-page] .cm-page.ms-mobile-scroll .cm-decision-facts dd{font-size:16px;line-height:1.5;gap:7px}
 .cm-page.ms-mobile-scroll .cm-decision-facts i{display:none}
 .cm-page.ms-mobile-scroll .ms-archive{inset:0 8px 18px;padding:0;border-radius:18px}
 .cm-page.ms-mobile-scroll .ms-archive>*{display:none}
 .cm-page.ms-mobile-scroll[data-ms-phase="1"] [data-ms-archive="0"]{transform:translate3d(-3px,-9px,-30px) rotateZ(-1deg)}
 .cm-page.ms-mobile-scroll[data-ms-phase="2"] [data-ms-archive="0"]{transform:translate3d(-4px,-17px,-60px) rotateZ(-1.5deg)}
 .cm-page.ms-mobile-scroll[data-ms-phase="2"] [data-ms-archive="1"]{transform:translate3d(4px,-9px,-30px) rotateZ(1deg)}
}