:root {
	--workflow-navy: #071827;
	--workflow-navy-soft: #10283a;
	--workflow-ink: #101b2d;
	--workflow-muted: #5d6873;
	--workflow-orange: #ef7d00;
	--workflow-orange-dark: #c85e00;
	--workflow-line: #dfe4e8;
	--workflow-light: #f3f5f5;
	--workflow-white: #fff;
}

.workflow-page { color: var(--workflow-ink); overflow: clip; }
.workflow-container { margin-inline: auto; max-width: 82rem; padding-inline: clamp(1.25rem, 4vw, 2.5rem); }
.workflow-section { padding-block: clamp(4rem, 6vw, 5.75rem); scroll-margin-top: 7rem; }
.workflow-eyebrow { color: var(--workflow-orange-dark); font-size: var(--type-eyebrow); font-weight: 780; letter-spacing: .12em; margin: 0 0 1rem; text-transform: uppercase; }
.workflow-hero { background: linear-gradient(115deg, #f3f5f5 0%, #fff 68%); padding-block: clamp(1.5rem, 2.25vw, 2.25rem); }
.workflow-hero-grid { align-items: start; display: grid; gap: clamp(2rem, 4vw, 4rem); grid-template-columns: minmax(0, .82fr) minmax(37rem, 1.18fr); max-width: 94rem; }
.workflow-hero h1 { font-size: var(--type-inner-h1); letter-spacing: -.032em; line-height: 1.1; margin: 0; max-width: 23ch; }
.workflow-lead { color: var(--workflow-muted); font-size: var(--type-lead); line-height: 1.55; margin: 1.3rem 0 0; max-width: 43rem; }
.workflow-buttons { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.6rem; }
.workflow-button { align-items: center; border: 1px solid transparent; display: inline-flex; font-size: var(--type-button); font-weight: 700; justify-content: center; min-height: 3.25rem; padding: .75rem 1.3rem; text-decoration: none; transition: .18s ease; }
.workflow-button-primary { background: var(--workflow-orange); color: var(--workflow-white); }
.workflow-button-primary:hover { background: var(--workflow-orange-dark); color: var(--workflow-white); }
.workflow-button-secondary { border-color: var(--workflow-ink); color: var(--workflow-ink); }
.workflow-button-secondary:hover { background: var(--workflow-ink); color: var(--workflow-white); }
.workflow-button-light { border-color: rgba(255,255,255,.65); color: var(--workflow-white); }
.workflow-button-light:hover { background: var(--workflow-white); color: var(--workflow-navy); }
.workflow-hero-diagram{aspect-ratio:1/1;justify-self:end;margin-block:-5.5rem -3.5rem;max-width:45rem;min-width:0;position:relative;width:100%}
.workflow-route{color:var(--workflow-navy);height:100%;inset:0;overflow:visible;position:absolute;width:100%}
.workflow-route>path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.6}
.workflow-route .workflow-route-arrow{marker-end:url(#workflow-arrow)}
.workflow-hub{align-items:center;background:#fff;border:1px solid #d7dde1;border-radius:50%;box-shadow:0 .8rem 2.2rem rgba(7,24,39,.09);display:flex;flex-direction:column;height:15.5rem;justify-content:center;left:50%;padding:2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:15.5rem}
.workflow-hub::before{border:1px dotted #9ba7af;border-radius:50%;content:"";inset:.65rem;position:absolute}
.workflow-hub img{height:4.4rem;object-fit:contain;position:relative;width:auto}
.workflow-hub strong{font-size:1.65rem;line-height:1.1;margin-top:.65rem;position:relative}
.workflow-hub span{color:var(--workflow-muted);font-size:.95rem;line-height:1.35;margin-top:.4rem;max-width:10rem;position:relative}
.workflow-orbit-step{align-items:center;display:flex;gap:.75rem;position:absolute;z-index:2}
.workflow-orbit-node{align-items:center;background:#fff;border:1px solid #d7dde1;border-radius:50%;box-shadow:0 .55rem 1.4rem rgba(7,24,39,.12);color:var(--workflow-orange);display:flex;flex:0 0 auto;height:5rem;justify-content:center;position:relative;width:5rem}
.workflow-orbit-node>span{align-items:center;background:linear-gradient(135deg,#f39400,#e95f00);border-radius:50%;color:#fff;display:flex;font-size:.76rem;font-weight:850;height:2.45rem;justify-content:center;position:absolute;right:-.35rem;top:-1.15rem;width:2.45rem}
.workflow-orbit-node svg{height:2.35rem;width:2.35rem}
.workflow-orbit-copy{max-width:10.5rem}
.workflow-orbit-copy strong{display:block;font-size:.92rem;line-height:1.25}
.workflow-orbit-copy p{color:var(--workflow-muted);font-size:.73rem;line-height:1.45;margin:.35rem 0 0}
.workflow-orbit-step-1{flex-direction:row-reverse;right:73%;text-align:right;top:42.5%;transform:translateY(-50%)}.workflow-orbit-step-1 .workflow-orbit-copy{max-width:9.6rem}
.workflow-orbit-step-2{left:50%;top:25.8%;transform:translate(-2.5rem,-50%)}
.workflow-orbit-step-2 .workflow-orbit-copy{left:5.8rem;position:absolute;top:-1.05rem;width:11rem}
.workflow-orbit-step-3{left:73%;top:42.5%;transform:translate(-2.5rem,-50%)}
.workflow-orbit-step-4{left:64.2%;top:69.5%;transform:translate(-2.5rem,-50%)}
.workflow-orbit-step-5{flex-direction:row-reverse;right:64.2%;text-align:right;top:69.5%;transform:translate(2.5rem,-50%)}
.workflow-overview { background: var(--workflow-white); }
.workflow-heading { max-width: 52rem; }
.workflow-heading h2, .workflow-detail h2, .workflow-final h2 { font-size: var(--type-section-h2); letter-spacing: -.032em; line-height: 1.12; margin: 0; }
.workflow-heading > p:last-child, .workflow-step-intro > p:last-child, .workflow-final-inner > p { color: var(--workflow-muted); font-size: 1.08rem; margin: 1.25rem 0 0; max-width: 48rem; }
.workflow-track{display:grid;gap:0;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:2.5rem 0 0;padding:0;position:relative}
.workflow-track::before{background:var(--workflow-line);content:"";height:2px;left:10%;position:absolute;right:10%;top:1.8rem}
.workflow-track li{min-width:0;position:relative}
.workflow-track li:not(:last-child)::after{border-right:2px solid var(--workflow-orange);border-top:2px solid var(--workflow-orange);content:"";height:.42rem;position:absolute;right:-.2rem;top:1.58rem;transform:rotate(45deg);width:.42rem;z-index:2}
.workflow-track a{color:var(--workflow-ink);display:flex;flex-direction:column;height:100%;padding:0 .75rem;text-align:center;text-decoration:none}
.workflow-track a::before{background:var(--workflow-line);content:"";height:2.55rem;left:50%;position:absolute;top:3.55rem;width:1px}
.workflow-track .workflow-track-number{align-items:center;background:linear-gradient(145deg,#10283a,#04111e);border:7px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--workflow-line),0 .35rem .8rem rgba(7,24,39,.08);color:#fff;display:flex;font-size:.88rem;font-weight:850;height:3.65rem;justify-content:center;margin:0 auto;position:relative;width:3.65rem;z-index:1}
.workflow-track-icon{align-items:center;background:#fff2e7;border-radius:50%;color:var(--workflow-orange);display:flex;height:4.15rem;justify-content:center;margin:2.45rem auto 1rem;width:4.15rem}
.workflow-track-icon svg{height:2.45rem;width:2.45rem}
.workflow-track strong{display:block;font-size:.92rem;line-height:1.35;min-height:2.55rem}
.workflow-track p{color:var(--workflow-muted);font-size:.78rem;line-height:1.5;margin:.75rem auto 0;max-width:13rem}
.workflow-track a:hover .workflow-track-number,.workflow-track a:focus-visible .workflow-track-number{background:var(--workflow-orange)}
.workflow-detail { background: var(--workflow-light); }
.workflow-detail-alt { background: var(--workflow-white); }
.workflow-detail-grid { align-items: start; display: grid; gap: clamp(3rem, 8vw, 8rem); grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
.workflow-step-intro { position: relative; }
.workflow-step-number { color: rgba(239,125,0,.13); font-size: clamp(7rem, 15vw, 12rem); font-weight: 900; line-height: .75; margin: 0 0 2rem; }
.workflow-step-content { background: #fff; border-top: 4px solid var(--workflow-orange); box-shadow: 0 1rem 3rem rgba(7,24,39,.08); padding: clamp(1.5rem, 4vw, 2.75rem); }
.workflow-detail-alt .workflow-step-content { background: var(--workflow-light); box-shadow: none; }
.workflow-step-content h3, .workflow-responsibility h3, .workflow-principles h3 { font-size: 1.28rem; margin: 0 0 1.25rem; }
.workflow-step-content ul, .workflow-responsibility ul { list-style: none; margin: 0; padding: 0; }
.workflow-step-content li, .workflow-responsibility li { border-bottom: 1px solid var(--workflow-line); padding: .72rem 0 .72rem 1.45rem; position: relative; }
.workflow-step-content li::before, .workflow-responsibility li::before { color: var(--workflow-orange); content: '→'; font-weight: 900; left: 0; position: absolute; }
.workflow-output { background: var(--workflow-navy); color: #fff; margin-top: 1.8rem; padding: 1.5rem; }
.workflow-output strong { color: #ff9b2f; display: block; font-size: .76rem; letter-spacing: .1em; text-transform: uppercase; }
.workflow-output p { margin: .55rem 0 0; }
.workflow-detail-featured{background:linear-gradient(115deg,#f5f7f7 0%,#fff 72%);padding-block:clamp(3rem,4.5vw,4.5rem)}
.workflow-detail-featured .workflow-detail-grid{align-items:center;gap:clamp(2.5rem,6vw,6rem);grid-template-columns:minmax(0,.76fr) minmax(36rem,1.24fr);max-width:92rem}
.workflow-detail-featured .workflow-step-number{color:rgba(239,125,0,.12);font-size:clamp(8rem,13vw,11rem);line-height:.72;margin:.45rem 0 2.4rem}
.workflow-detail-featured .workflow-step-intro h2{font-size:clamp(2.4rem,4vw,3.65rem);line-height:1.08;max-width:11ch}
.workflow-detail-featured .workflow-step-intro h2::after{background:var(--workflow-orange);content:"";display:block;height:3px;margin-top:1.35rem;width:4.5rem}
.workflow-detail-featured .workflow-step-intro>p:last-child{font-size:1rem;line-height:1.65;margin-top:1.55rem;max-width:32rem}
.workflow-detail-featured .workflow-step-content{background:#fff;border-radius:.25rem;border-top:4px solid var(--workflow-orange);box-shadow:0 1rem 3rem rgba(7,24,39,.09);padding:clamp(1.75rem,3vw,2.65rem)}
.workflow-detail-featured .workflow-step-content h3{font-size:1.35rem;margin-bottom:1.1rem}
.workflow-detail-featured .workflow-step-content li{align-items:center;display:grid;gap:1rem;grid-template-columns:3.25rem 1fr;min-height:4.25rem;padding:.55rem 0}
.workflow-detail-featured .workflow-step-content li::before{display:none}
.workflow-item-icon{align-items:center;background:#fff2e7;border-radius:.5rem;color:var(--workflow-orange);display:flex;height:3.15rem;justify-content:center;width:3.15rem}
.workflow-item-icon svg{height:2rem;width:2rem}
.workflow-detail-featured .workflow-output{align-items:center;border-radius:.2rem;display:grid;gap:1.2rem;grid-template-columns:4.2rem 1fr;margin-top:1.15rem;padding:1.15rem 1.35rem}
.workflow-output-icon{align-items:center;background:#fff2e7;border-radius:50%;color:var(--workflow-orange);display:flex;height:4.2rem;justify-content:center;width:4.2rem}
.workflow-output-icon svg{height:2.4rem;width:2.4rem}
.workflow-detail-featured .workflow-output strong{font-size:.78rem}
.workflow-detail-featured .workflow-output p{font-size:.93rem;font-weight:650;line-height:1.5;margin-top:.4rem}
.workflow-detail-production .workflow-step-number{margin-bottom:1.7rem}
.workflow-detail-production .workflow-step-intro h2{font-size:clamp(2.2rem,3.5vw,3.25rem);max-width:13ch}
.workflow-detail-production .workflow-step-content{padding-block:1.65rem}
.workflow-detail-production .workflow-step-content li{min-height:3.9rem}
.workflow-detail-delivery .workflow-step-number{margin-bottom:1.7rem}
.workflow-detail-delivery .workflow-step-intro h2{font-size:clamp(2.15rem,3.35vw,3.15rem);max-width:14ch}
.workflow-detail-delivery .workflow-step-content{padding-block:1.65rem}
.workflow-detail-delivery .workflow-step-content li{min-height:3.9rem}

/* Decision section — compact single-screen rhythm, isolated from adjacent sections. */
.workflow-decisions{padding-block:clamp(2.25rem,3vw,3rem)}
.workflow-decisions .workflow-heading{max-width:48rem}
.workflow-decisions .workflow-eyebrow{margin-bottom:.55rem}
.workflow-decisions .workflow-heading h2{font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.08}
.workflow-decisions .workflow-responsibility-grid{gap:1rem;margin-top:1.5rem}
.workflow-decisions .workflow-responsibility{padding:1.25rem 1.5rem}
.workflow-decisions .workflow-responsibility>span{font-size:1.7rem;margin-bottom:.55rem}
.workflow-decisions .workflow-responsibility h3{font-size:1.08rem;margin-bottom:.65rem}
.workflow-decisions .workflow-responsibility li{font-size:.88rem;line-height:1.35;padding:.52rem 0 .52rem 1.35rem}
.workflow-decisions .workflow-principles{gap:2rem;margin-top:1.5rem;padding-top:1.5rem}
.workflow-decisions .workflow-principles h3{font-size:1.08rem;margin-bottom:.55rem}
.workflow-decisions .workflow-principles p{font-size:.88rem;line-height:1.5}
@media(max-width:620px){.workflow-decisions{padding-block:2.25rem}.workflow-decisions .workflow-principles{gap:1.25rem}}

/* Final CTA — subtle refinement without affecting the preceding decision section. */
.workflow-final{padding-block:clamp(2.75rem,3.75vw,3.75rem)}
.workflow-final .workflow-eyebrow{margin-bottom:.55rem}
.workflow-final .workflow-final-inner{max-width:72rem}
.workflow-final .workflow-final-inner h2{font-size:clamp(2rem,3.25vw,3.25rem);line-height:1.08;max-width:25ch}
.workflow-final .workflow-final-inner>p{font-size:.98rem;line-height:1.5;margin-top:.9rem;max-width:54rem}
.workflow-final .workflow-buttons{gap:.75rem;margin-top:1.35rem}
.workflow-final .workflow-button{min-height:3rem;padding:.6rem 1.2rem}
@media(max-width:620px){.workflow-final{padding-block:2.5rem}}

/* Page-wide rhythm: use the Workflow Overview gutters as the shared alignment system. */
.workflow-page .workflow-container{max-width:82rem;padding-inline:clamp(1.25rem,4vw,2.5rem)}
.workflow-page .workflow-hero-grid,.workflow-page .workflow-detail-featured .workflow-detail-grid{max-width:82rem}
.workflow-page .workflow-overview{padding-block:clamp(2.75rem,3.5vw,3.5rem)}
.workflow-page .workflow-overview .workflow-track{margin-top:2rem}
.workflow-page .workflow-detail-featured{padding-block:clamp(2.65rem,3.35vw,3.35rem)}
.workflow-page .workflow-decisions{padding-block:clamp(2.15rem,2.75vw,2.75rem)}
.workflow-page .workflow-final{padding-block:clamp(2.5rem,3.25vw,3.25rem)}
@media(max-width:620px){.workflow-page .workflow-overview,.workflow-page .workflow-detail-featured,.workflow-page .workflow-decisions,.workflow-page .workflow-final{padding-block:2.25rem}}
/* Keep Step 02 copy fully outside both the icon and its number badge. */
.workflow-page .workflow-orbit-step-2 .workflow-orbit-copy{left:7rem;max-width:none;top:-.15rem;width:15rem}
/* Ten-pixel wider orbit and more restrained outer nodes. */
.workflow-page .workflow-orbit-node{height:4.5rem;width:4.5rem;box-shadow:0 .4rem 1.1rem rgba(7,24,39,.1)}
.workflow-page .workflow-orbit-node svg{height:2.05rem;width:2.05rem}
.workflow-page .workflow-orbit-node>span{font-size:.7rem;height:2.2rem;right:-.28rem;top:-1rem;width:2.2rem}
.workflow-page .workflow-orbit-step-1{right:74.5%;top:42%;transform:translateY(-50%)}
.workflow-page .workflow-orbit-step-2{left:50%;top:24.2%;transform:translate(-2.25rem,-50%)}
.workflow-page .workflow-orbit-step-3{left:74.5%;top:42%;transform:translate(-2.25rem,-50%)}
.workflow-page .workflow-orbit-step-4{left:65.2%;top:70.8%;transform:translate(-2.25rem,-50%)}
.workflow-page .workflow-orbit-step-5{right:65.2%;top:70.8%;transform:translate(2.25rem,-50%)}
.workflow-page .workflow-orbit-step-2 .workflow-orbit-copy{left:6.6rem}
@media(max-width:720px){.workflow-page .workflow-orbit-node{height:4rem;width:4rem}.workflow-page .workflow-orbit-step-1{left:27%;right:auto;top:42.5%;transform:translate(-50%,-50%)}.workflow-page .workflow-orbit-step-2{left:50%;top:25.8%;transform:translate(-50%,-50%)}.workflow-page .workflow-orbit-step-3{left:73%;top:42.5%;transform:translate(-50%,-50%)}.workflow-page .workflow-orbit-step-4{left:64.2%;top:69.5%;transform:translate(-50%,-50%)}.workflow-page .workflow-orbit-step-5{left:35.8%;right:auto;top:69.5%;transform:translate(-50%,-50%)}}
.workflow-decisions { background: var(--workflow-white); }
/* Approval and coordination section — reference-matched compact layout */
.workflow-page .workflow-decisions{background:#fff;padding-block:clamp(2.75rem,4vw,4rem)}
.workflow-decisions .workflow-container{max-width:88rem}
.workflow-decisions .workflow-heading{max-width:56rem}
.workflow-decisions .workflow-eyebrow{color:#d96700;font-size:.88rem;letter-spacing:.14em;margin:0;text-transform:uppercase}
.workflow-decisions-rule{background:#e97800;display:block;height:3px;margin:.8rem 0 1rem;width:2.35rem}
.workflow-decisions .workflow-heading h2{font-size:clamp(2.6rem,4.2vw,4rem);font-weight:780;letter-spacing:-.04em;line-height:1.05;margin:0;max-width:20ch}
.workflow-decisions-lead{color:#5b6775;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.55;margin:1rem 0 0;max-width:47rem}
.workflow-decisions .workflow-responsibility-grid{display:grid;gap:1.4rem;grid-template-columns:1fr 1fr;margin-top:1.45rem}
.workflow-decisions .workflow-responsibility{background:#fff;border:1px solid #dce2e6;border-radius:.55rem;padding:1.15rem 1.65rem}
.workflow-decisions .workflow-responsibility-dark{background:linear-gradient(145deg,#10283a,#061725);border-color:#10283a;color:#fff}
.workflow-responsibility-title{align-items:center;display:flex;gap:1.15rem;margin-bottom:.55rem}
.workflow-responsibility-title>span{align-items:center;border:2px solid #ef7d00;border-radius:50%;color:#ef7d00;display:flex;flex:0 0 auto;font-size:1.65rem;height:3rem;justify-content:center;line-height:1;margin:0!important;width:3rem}
.workflow-responsibility-dark .workflow-responsibility-title>span{background:linear-gradient(135deg,#ff8b00,#f06f00);border:0;color:#fff}
.workflow-responsibility-title svg{fill:none;height:2.25rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:2.25rem}
.workflow-decisions .workflow-responsibility h3{font-size:1.08rem;margin:0}
.workflow-decisions .workflow-responsibility ul{margin:0;padding:0}
.workflow-decisions .workflow-responsibility li{border-bottom:1px solid #dce2e6;font-size:.88rem;line-height:1.35;list-style:none;padding:.52rem 0 .52rem 1.7rem;position:relative}
.workflow-decisions .workflow-responsibility li:last-child{border-bottom:0}
.workflow-decisions .workflow-responsibility li::before{color:#ef7d00;content:'→';font-size:1.15rem;font-weight:800;left:.15rem;position:absolute;top:.38rem}
.workflow-responsibility-dark li{border-bottom-color:rgba(255,255,255,.22)!important;color:#fff}
.workflow-decisions .workflow-principles{border-top:1px solid #d7dde2;display:grid;gap:0;grid-template-columns:1fr 1fr;margin-top:1.4rem;padding-top:1.35rem}
.workflow-decisions .workflow-principles>div{align-items:flex-start;display:grid;gap:1.2rem;grid-template-columns:4rem 1fr;padding:0 2.25rem 0 0}
.workflow-decisions .workflow-principles>div+div{border-left:1px solid #d7dde2;padding-left:2.25rem}
.workflow-principle-icon{align-items:center;border:1px solid #f0b37a;border-radius:50%;color:#ef7d00;display:flex;height:3.7rem;justify-content:center;width:3.7rem}
.workflow-principle-icon svg{fill:none;height:2.2rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:2.2rem}
.workflow-decisions .workflow-principles h3{font-size:1rem;margin:0 0 .45rem}
.workflow-decisions .workflow-principles p{color:#566575;font-size:.84rem;line-height:1.45;margin:0;max-width:34rem}
.workflow-decisions-summary{align-items:center;background:#fff7ef;border:1px solid #f2d1ae;border-radius:.4rem;display:flex;gap:1.25rem;margin-top:1.5rem;padding:.75rem 1.35rem;text-align:left}
.workflow-decisions-summary span{color:#ef7d00;display:flex}
.workflow-decisions-summary svg{fill:none;height:2rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:2rem}
.workflow-decisions-summary strong{font-size:.9rem}
@media(max-width:760px){.workflow-decisions .workflow-responsibility-grid,.workflow-decisions .workflow-principles{grid-template-columns:1fr}.workflow-decisions .workflow-principles>div{padding:1rem 0}.workflow-decisions .workflow-principles>div+div{border-left:0;border-top:1px solid #d7dde2;padding-left:0}.workflow-decisions .workflow-heading h2{max-width:15ch}}
@media(max-width:480px){.workflow-decisions .workflow-responsibility{padding:1rem}.workflow-decisions .workflow-heading h2{font-size:2.35rem}.workflow-decisions-summary{align-items:flex-start}}
.workflow-responsibility-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 2.75rem; }
.workflow-responsibility { border: 1px solid var(--workflow-line); padding: clamp(1.5rem, 4vw, 2.6rem); }
.workflow-responsibility > span { color: var(--workflow-orange); display: block; font-size: 2rem; font-weight: 900; margin-bottom: 1rem; }
.workflow-responsibility-dark { background: var(--workflow-navy); border-color: var(--workflow-navy); color: #fff; }
.workflow-responsibility-dark li { border-color: rgba(255,255,255,.17); }
.workflow-principles { border-top: 1px solid var(--workflow-line); display: grid; gap: 3rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 2.75rem; padding-top: 2.75rem; }
.workflow-principles p { color: var(--workflow-muted); margin: 0; }
.workflow-final { background: linear-gradient(120deg, var(--workflow-navy), var(--workflow-navy-soft)); color: #fff; padding-block: clamp(4rem, 5.5vw, 5.5rem); text-align: center; }
.workflow-final-inner { align-items: center; display: flex; flex-direction: column; }
.workflow-final .workflow-eyebrow { color: #ff9b2f; }
.workflow-final-inner > p { color: rgba(255,255,255,.75); }

@media (max-width: 900px) {
	.workflow-hero-grid { grid-template-columns: 1fr; }
	.workflow-hero-diagram { margin: 0 auto; max-width: 44rem; }
	.workflow-track { gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.workflow-track::before { display: none; }
	.workflow-track a { border: 1px solid var(--workflow-line); height: 100%; padding: 1.2rem; }
	.workflow-track li::after, .workflow-track a::before { display: none; }
	.workflow-track-icon { margin: 1rem auto; }
	.workflow-detail-grid { gap: 2.5rem; grid-template-columns: 1fr; }
	.workflow-step-number { font-size: 7rem; margin-bottom: 1.5rem; }
}

@media (max-width: 620px) {
	.workflow-section { padding-block: 3.25rem; scroll-margin-top: 5.5rem; }
	.workflow-hero h1 { font-size: var(--type-inner-h1); }
	.workflow-buttons { align-items: stretch; flex-direction: column; }
	.workflow-button { width: 100%; }
	.workflow-hero-diagram { max-width: 25rem; }
	.workflow-orbit-copy { display: none; }
	.workflow-orbit-node { height: 4rem; width: 4rem; }
	.workflow-orbit-node > span { font-size: .66rem; height: 2rem; right: -.2rem; top: -.8rem; width: 2rem; }
	.workflow-orbit-node svg { height: 1.9rem; width: 1.9rem; }
	.workflow-hub { height: 11.5rem; padding: 1.4rem; width: 11.5rem; }
	.workflow-hub img { height: 3.25rem; }
	.workflow-hub strong { font-size: 1.25rem; }
	.workflow-hub span { font-size: .75rem; max-width: 8rem; }
	.workflow-orbit-step-1 { left: 27%; right: auto; top: 42.5%; transform: translate(-50%,-50%); }
	.workflow-orbit-step-2 { left: 50%; top: 25.8%; transform: translate(-50%,-50%); }
	.workflow-orbit-step-3 { left: 73%; right: auto; top: 42.5%; transform: translate(-50%,-50%); }
	.workflow-orbit-step-4 { bottom: auto; left: 64.2%; right: auto; top: 69.5%; transform: translate(-50%,-50%); }
	.workflow-orbit-step-5 { bottom: auto; left: 35.8%; right: auto; top: 69.5%; transform: translate(-50%,-50%); }
	.workflow-track { grid-template-columns: 1fr; padding-left: 0; }
	.workflow-track::before { display: none; }
	.workflow-track a { align-items: center; display: grid; gap: .35rem 1rem; grid-template-columns: 3.2rem 3.2rem 1fr; text-align: left; }
	.workflow-track .workflow-track-number { grid-row: 1 / 3; margin: 0; }
	.workflow-track-icon { grid-row: 1 / 3; height: 3.2rem; margin: 0; width: 3.2rem; }
	.workflow-track-icon svg { height: 1.9rem; width: 1.9rem; }
	.workflow-track strong { min-height: 0; }
	.workflow-track p { margin: .15rem 0 0; max-width: none; }
	.workflow-responsibility-grid, .workflow-principles { grid-template-columns: 1fr; }
}

/*
 * Keep this page on the shared site boundary. Earlier page-specific 82rem and
 * 88rem limits were added for individual compositions and prevented the
 * global horizontal-spacing system from taking effect here.
 */
.workflow-page .workflow-container {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: none;
	padding-inline: 0;
	width: min(calc(100% - (var(--site-gutter) * 2)), var(--site-max-width));
}

.workflow-page .workflow-hero-grid,
.workflow-page .workflow-detail-featured .workflow-detail-grid,
.workflow-page .workflow-decisions .workflow-container {
	max-width: none;
}

/* Preserve the approved narrower final CTA composition. */
.workflow-page .workflow-final-inner {
	width: min(calc(100% - (var(--site-gutter) * 2)), 72rem);
}

/* Approved global typography normalization. */
.workflow-step-content h3,
.workflow-responsibility h3,
.workflow-principles h3,
.workflow-detail-featured .workflow-step-content h3,
.workflow-decisions .workflow-responsibility h3,
.workflow-decisions .workflow-principles h3 {
	font-size: var(--type-subsection-h3);
	line-height: 1.18;
}
.workflow-track strong { font-size: var(--type-feature-title); }
.workflow-final .workflow-final-inner h2 { font-size: var(--type-cta-h2); line-height: 1.1; }
.workflow-detail-featured .workflow-step-intro h2,
.workflow-detail-production .workflow-step-intro h2,
.workflow-detail-delivery .workflow-step-intro h2,
.workflow-decisions .workflow-heading h2 { font-size: var(--type-section-h2); line-height: 1.12; }
.workflow-detail-featured .workflow-detail-grid { grid-template-columns: minmax(0, 1fr) minmax(32rem, 1fr); }
.workflow-hero h1 { max-width: 28ch; }
.workflow-hero-grid { grid-template-columns: minmax(0, 1.05fr) minmax(34rem, .95fr); }
@media (max-width: 900px) {
	.workflow-hero-grid,
	.workflow-detail-featured .workflow-detail-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
	.workflow-hero h1 { max-width: 18ch; }
}
.workflow-hero h1,
.workflow-heading h2,
.workflow-step-intro h2,
.workflow-final h2 { text-wrap: balance; }
.workflow-detail-featured .workflow-step-intro h2,
.workflow-detail-production .workflow-step-intro h2,
.workflow-detail-delivery .workflow-step-intro h2 { max-width: 22ch; }
@media (min-width: 721px) {
	.workflow-page .workflow-route { transform: scale(1.08); transform-origin: 50% 50%; }
	.workflow-page .workflow-orbit-step-1 { right: 76.5%; }
	.workflow-page .workflow-orbit-step-2 { top: 22.1%; }
	.workflow-page .workflow-orbit-step-3 { left: 76.5%; }
	.workflow-page .workflow-orbit-step-4 { left: 66.4%; top: 72.5%; }
	.workflow-page .workflow-orbit-step-5 { right: 66.4%; top: 72.5%; }
}

/* Keep step 05 clear of the inner hub by placing its badge below the truck. */
.workflow-page .workflow-orbit-step-5 .workflow-orbit-node > span {
	bottom: -1.15rem;
	left: 50%;
	right: auto;
	top: auto;
	transform: translateX(-50%);
}
@media (max-width: 720px) {
	.workflow-page .workflow-orbit-step-5 .workflow-orbit-node > span { bottom: -.8rem; }
}

/* Add clearance between the step 02 copy and the orbit line. */
@media (min-width: 721px) {
	.workflow-page .workflow-orbit-step-2 .workflow-orbit-copy { left: 7.75rem; }
}

/* Compact all five detail panels and alternate steps 02 and 04 on desktop. */
@media (min-width: 901px) {
	.workflow-page .workflow-detail-featured { padding-block: clamp(2.15rem, 2.75vw, 2.75rem); }
	.workflow-page .workflow-detail-featured .workflow-detail-grid { align-items: center; gap: clamp(2.5rem, 4vw, 4rem); }
	.workflow-detail-featured .workflow-step-number { font-size: clamp(6.5rem, 9vw, 8.5rem); margin: .25rem 0 1.25rem; }
	.workflow-detail-featured .workflow-step-intro h2 { line-height: 1.08; }
	.workflow-detail-featured .workflow-step-intro h2::after { margin-top: .85rem; width: 3.5rem; }
	.workflow-detail-featured .workflow-step-intro > p:last-child { font-size: .92rem; line-height: 1.5; margin-top: .9rem; }
	.workflow-detail-featured .workflow-step-content,
	.workflow-detail-production .workflow-step-content,
	.workflow-detail-delivery .workflow-step-content { padding: 1.2rem 1.4rem; }
	.workflow-detail-featured .workflow-step-content h3 { font-size: 1.2rem; margin-bottom: .65rem; }
	.workflow-detail-featured .workflow-step-content li,
	.workflow-detail-production .workflow-step-content li,
	.workflow-detail-delivery .workflow-step-content li { gap: .8rem; grid-template-columns: 2.65rem 1fr; min-height: 3.25rem; padding: .35rem 0; }
	.workflow-item-icon { height: 2.65rem; width: 2.65rem; }
	.workflow-item-icon svg { height: 1.65rem; width: 1.65rem; }
	.workflow-detail-featured .workflow-step-content li > span:last-child { font-size: .86rem; line-height: 1.35; }
	.workflow-detail-featured .workflow-output { gap: .9rem; grid-template-columns: 3.25rem 1fr; margin-top: .75rem; padding: .8rem 1rem; }
	.workflow-output-icon { height: 3.25rem; width: 3.25rem; }
	.workflow-output-icon svg { height: 1.9rem; width: 1.9rem; }
	.workflow-detail-featured .workflow-output strong { font-size: .7rem; }
	.workflow-detail-featured .workflow-output p { font-size: .82rem; line-height: 1.4; margin-top: .25rem; }
	.workflow-detail-alt .workflow-step-content { grid-column: 1; grid-row: 1; }
	.workflow-detail-alt .workflow-step-intro { grid-column: 2; grid-row: 1; }
}