/* One process visual, immediately labelled, with optional details. */
.process-explainer{border:1px solid var(--line);background:white;padding:32px;border-radius:2px}
.process-spiral{margin:0;min-height:430px;display:flex;align-items:center;justify-content:center;position:relative}
.segmented-process-spiral{width:100%;max-width:920px}
.segmented-process-spiral>svg{display:block;width:100%;height:auto;max-height:420px;overflow:visible}
.spiral-arc-band{stroke:white;stroke-width:2;stroke-linejoin:miter}
.spiral-segment-unit circle{fill:white;stroke:var(--navy);stroke-width:1}
.spiral-segment-unit line{stroke:#81949d;stroke-width:1;vector-effect:non-scaling-stroke}
.segment-number{font-family:Arial,Helvetica,sans-serif;fill:var(--navy)}
.segment-label{font-family:Arial,Helvetica,sans-serif;font-size:17px;fill:var(--navy)}
.segmented-process-spiral>.spiral-compact,.segmented-legend{display:none}
.process-labels-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pe-progress[hidden],.pe-controls[hidden]{display:none}
.pe-progress{height:2px;background:var(--line);margin-top:16px}.pe-progress span{display:block;width:100%;height:100%;background:var(--teal);transform-origin:left;transform:scaleX(0)}
.pe-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}
.pe-controls button{font:inherit;font-size:15px;min-height:44px;padding:10px 20px;border-radius:24px;border:1px solid var(--navy);background:white;color:var(--navy);cursor:pointer}
.pe-controls button:hover{background:var(--soft)}.pe-controls button:disabled{opacity:.6;cursor:default}
.pe-controls button:focus-visible,.process-details summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.pe-status{font-size:14px;color:var(--muted)}
.process-details{margin-top:24px}.process-details summary{font-size:17px;line-height:1.6;color:var(--teal);cursor:pointer;min-height:32px}
.process-details ol{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px}
.process-details li{border-top:1px solid var(--line);padding-top:16px}.process-details h3{font-size:20px;line-height:1.4;letter-spacing:-.025em;margin-bottom:10px}.process-details h3 span{color:var(--teal)}.process-details p{font-size:17px;line-height:1.65;margin:0}
@media(max-width:1100px){.segmented-process-spiral{display:flex;flex-direction:column;align-items:center;gap:20px}.segmented-process-spiral>.spiral-desktop{display:none}.segmented-process-spiral>.spiral-compact{display:block;width:280px;max-width:100%;height:auto;flex-shrink:0}.segmented-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;list-style:none;padding:0;margin:0;width:100%;max-width:440px}.segmented-legend li{display:flex;align-items:center;gap:8px;font-size:17px;line-height:1.4}.segmented-legend li span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border:1px solid var(--navy);border-radius:50%;background:white;font-size:16px}.process-spiral{min-height:440px}}
@media(max-width:760px){.process-explainer{padding:20px}.process-details ol{grid-template-columns:1fr}.pe-status{width:100%}}
@media(max-width:480px){.process-spiral{min-height:550px}.segmented-legend{grid-template-columns:1fr;gap:10px}.segmented-process-spiral>.spiral-compact{width:260px}}