main#main .improvement-method{background:#f4f7fa;border-block:1px solid #dbe4ed;padding-block:25px}
.method-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:5px}
main#main .method-heading h2{font-size:25px;margin:0}
main#main .method-heading .lead{font-size:14px;margin:0;max-width:360px}
.method-cycle-diagram{display:block;width:100%;height:auto;overflow:visible}
.cycle-track{fill:none;stroke:#d4e0eb;stroke-width:2}
.cycle-arrow-segment{fill:none;stroke:#e67a15;stroke-width:1.7;marker-end:url(#cycle-arrow)}
.cycle-node circle{fill:#153d68;stroke:#f4f7fa;stroke-width:6}.cycle-node circle.cycle-start{fill:#ff8309}
.cycle-digit{fill:white;font:700 12px Arial,sans-serif;text-anchor:middle}.cycle-start+.cycle-digit{fill:#102e50}
.cycle-label{fill:#15375a;font:700 12px Arial,sans-serif;text-anchor:middle}
.cycle-detail{fill:#5b7086;font:10px Arial,sans-serif;text-anchor:middle}
.cycle-centre{fill:#637c94;font:600 12px Arial,sans-serif;text-anchor:middle;letter-spacing:3px}
.method-cycle-mobile,.method-mobile-return{display:none}
#method-title{scroll-margin-top:130px}
@media screen and (max-width:700px){.method-heading{display:block;margin-bottom:18px}.method-heading .lead{margin-top:8px;max-width:none}main#main .method-heading h2{font-size:23px}.method-cycle-desktop{display:none}.method-cycle-mobile{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;list-style:none;margin:0;padding:0}.method-cycle-mobile li{display:flex;gap:8px;margin:0!important;align-items:flex-start}.method-cycle-mobile li>span{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#153d68;color:#fff;font-size:10px}.method-cycle-mobile li:first-child>span{background:#ff8309;color:#102e50}.method-cycle-mobile strong{font-size:12px;color:#15375a}main#main .method-cycle-mobile p{font-size:11px;line-height:1.4;margin:3px 0 0;color:#5b7086}main#main .method-mobile-return{display:block;font-size:12px;color:#15375a;border-top:1px solid #d4e0eb;margin:15px 0 0;padding-top:10px}}
/* Consistent compact boxes for every step, including the starting step. */
.cycle-box{fill:#153d68;stroke:#e0e8f0;stroke-width:1}
.cycle-digit{fill:#c5d8e9;font-size:10px;letter-spacing:1px}
.cycle-label{fill:#fff;font-size:11px}
.method-cycle-mobile li>span,.method-cycle-mobile li:first-child>span{border-radius:5px;background:#153d68;color:#fff}
@media screen and (max-width:700px){.method-cycle-mobile li{padding:10px!important;border:1px solid #cfdeeb;border-radius:7px;background:linear-gradient(145deg,#fff,#eff4f9)}.method-cycle-mobile{gap:10px}}
@media screen and (max-width:700px){
 .method-cycle-mobile{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,auto);grid-auto-flow:column;align-items:stretch}
 .method-cycle-mobile li{min-width:0}
}
@media screen and (max-width:700px){
 .method-cycle-mobile{row-gap:27px;column-gap:18px}
 .method-cycle-mobile li{position:relative}
 .method-cycle-mobile li::after{content:'↓';position:absolute;left:50%;bottom:-23px;transform:translateX(-50%);color:#e67a15;font-size:20px;line-height:20px}
 .method-cycle-mobile li:nth-child(6)::after{content:'Continue at 7 ↗';left:auto;right:0;transform:none;font-size:10px;white-space:nowrap}
 .method-cycle-mobile li:last-child::after{display:none}
 main#main .method-mobile-return{margin-top:18px}
}
.method-cycle-desktop{max-width:900px;margin:0 auto}
@media screen and (min-width:701px){.method-cycle-diagram{max-height:440px}}
.cycle-circle{fill:none;stroke:#e67a15;stroke-width:2}
.cycle-detail{paint-order:stroke;stroke:#f4f7fa;stroke-width:5;stroke-linejoin:round}
.method-cycle-desktop{max-width:820px}
@media screen and (min-width:701px){.method-cycle-diagram{max-height:570px}}
/* A single branded wheel replaces the separate boxes and connectors. */
.method-cycle-desktop{max-width:900px;margin:8px auto 0}
.wheel-number{fill:#ffac54;font:700 12px Arial,sans-serif;text-anchor:middle;letter-spacing:1px}
.wheel-label{fill:#fff;font:600 13px Arial,sans-serif;text-anchor:middle}
.wheel-centre{fill:#15375a;font:700 13px Arial,sans-serif;text-anchor:middle;letter-spacing:1.4px}
.wheel-direction{fill:#647a90;font:11px Arial,sans-serif;text-anchor:middle}
@media screen and (min-width:701px){.method-cycle-diagram{max-height:445px}}
.wheel-divider{fill:none;stroke:#ff8a19;stroke-width:4;stroke-linejoin:round;stroke-linecap:butt}
.wheel-chevron{stroke:#f4f7fa;stroke-width:1.8;stroke-linejoin:round}
.wheel-label{font-size:14px;font-weight:600;letter-spacing:.05px}
.wheel-number{font-size:11px;letter-spacing:1.1px;fill:#ffb165}
.wheel-method-title{fill:#ed7208;font:700 21px Arial,sans-serif;text-anchor:middle;letter-spacing:.7px}
.wheel-inner-arrow{fill:none;stroke:#e97a16;stroke-width:2.2;stroke-linecap:round;marker-end:url(#wheel-return-arrow)}
.wheel-method-title{font-size:20px;letter-spacing:1px}
.wheel-inner-arrow{stroke:url(#wheel-arrow-orange);stroke-width:5;stroke-linecap:round}
.wheel-label{font-size:16px;font-weight:600;letter-spacing:0}
.wheel-number{font-size:13px;font-weight:700;letter-spacing:1px}