/* All seven phases. Original artwork and current copy are retained. */
.dt-flywheel .dt-stage-flow{display:flow-root;padding:clamp(20px,2.2vw,36px)}
.dt-flywheel .dt-stage-flow>.dt-title{margin-bottom:22px;text-align:left}
.dt-flywheel .dt-phase-visual{float:right;display:grid;grid-template-columns:1fr .10fr 1fr;align-items:center;gap:clamp(12px,1.2vw,19.2px);width:62.4%;max-width:912px;margin:4px 0 18px clamp(24px,2.5vw,40px)}
.dt-flywheel .dt-stage-flow:nth-of-type(even) .dt-phase-visual{float:left;margin:4px clamp(24px,2.5vw,40px) 18px 0}
.dt-flywheel .dt-phase-visual>img{width:100%;height:auto;object-fit:contain}
/* Equals PNG has transparent side gutters: compensate without editing pixels. */
.dt-flywheel .dt-phase-visual>.dt-phase-equals{width:300%;max-width:none;justify-self:center}
.dt-flywheel .dt-phase-cycle{position:relative;min-width:0;aspect-ratio:1}
.dt-flywheel .dt-phase-cycle>img{width:100%;height:100%;object-fit:fill}
.dt-flywheel .dt-arrow-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
/* A clockwise travelling highlight on the artwork's existing cyan dash/arrow
   pixels, not a spinning image. Icons, numbers, and labels remain stationary. */
.dt-flywheel .dt-flow-pulse{fill:none;stroke:#d3f7ff;stroke-width:5;stroke-dasharray:22 78;stroke-linecap:round;opacity:.95;animation:dt-arrow-circulation 8s linear infinite}
@keyframes dt-arrow-circulation{to{stroke-dashoffset:-300}}
.dt-flywheel .dt-stage-flow>.dt-stage-prose{line-height:1.55;margin-bottom:16px}
.dt-flywheel .dt-stage-flow>.dt-stage-prose:last-child{margin-bottom:0}
@media(max-width:1100px){
 .dt-flywheel .dt-stage-flow .dt-phase-visual{float:none;width:100%;max-width:888px;margin:0 auto 24px}
}
@media(max-width:600px){
 .dt-flywheel .dt-stage-flow>.dt-title{font-size:26px;line-height:1.25}
 .dt-flywheel .dt-stage-flow .dt-phase-visual{grid-template-columns:1fr 67.2px 26.4px 1fr;gap:12px;max-width:528px;align-items:center}
 .dt-flywheel .dt-phase-cycle{grid-column:1/-1;grid-row:2;width:100%;max-width:432px;justify-self:center}
 .dt-flywheel .dt-phase-flywheel{grid-column:2;grid-row:1}
 .dt-flywheel .dt-phase-equals{grid-column:3;grid-row:1}
 .dt-flywheel .dt-stage-flow>.dt-stage-prose{font-size:17px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){
 .dt-flywheel .dt-arrow-flow{display:none}
 .dt-flywheel .dt-flow-pulse{animation:none}
}

/* MSD components read left to right across three rows. */
.dt-flywheel .dt-msd-components{clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px;padding-top:16px}
.dt-flywheel .dt-msd-components>.dt-stage-prose{margin:0;line-height:1.55;min-width:0}
@media(max-width:700px){.dt-flywheel .dt-msd-components{grid-template-columns:1fr;gap:24px}}

/* Phase 2 retains its original static artwork in the shared diagram frame. */
.dt-flywheel .dt-phase-cycle-static>img{object-fit:contain}