/* Only the two new support graphics vary; the rest of the page stays in context. */
.two-process-section .two-process-step{min-width:0}
.two-process-section .two-process-illustration{min-width:0}
.two-process-section p{color:var(--body)}
.two-process-section .support-section-heading{max-width:900px;margin:0 auto 48px;text-align:center}
.two-process-section .support-section-heading h2{margin:0;color:var(--navy);font:400 clamp(2.75rem,4.1vw,3.875rem)/1.12 var(--serif);letter-spacing:-.035em}
.two-process-section .pinpoint-support-intro h3{margin:0;color:var(--navy);font:400 clamp(2rem,2.8vw,2.5rem)/1.2 var(--serif);letter-spacing:-.03em;text-wrap:balance}
.two-process-section .support-process-controls button[data-example-action]{display:inline-flex;align-items:center;justify-content:center;gap:12px}
.pinpoint-control-arrow{font-size:1.25rem;line-height:1}
.support-process-diagram .pinpoint-message{display:block;margin:0;padding:16px;border:1px solid #ddd7c9;border-radius:6px;background:#f7f5ef;color:#605d55;font:400 1rem/1.55 var(--sans);text-align:left;text-wrap:pretty;transition:background-color .35s ease,border-color .35s ease,color .35s ease}
.support-process-diagram .pinpoint-messages{display:block}
.support-process-diagram .pinpoint-message[hidden]{display:none}
.support-process-diagram[data-process-state="pinpointed"] .pinpoint-message{background:#f2f5ef;border-color:#d5dfd3;color:#344c3d}
.two-process-section .support-process-diagram .result{display:flex;flex-direction:column;align-self:stretch;gap:20px}
.two-process-section .support-process-diagram .result>.card{flex:none;max-width:340px;width:100%;align-self:center}
.two-process-section .support-process-diagram .result>.pinpoint-messages{margin-top:auto;max-width:340px;width:100%;align-self:flex-end}
.two-process-section .support-process-controls{margin-top:0}
.two-process-section .precision-note{margin-top:36px}
.two-process-section .pinpoint-support-close{margin-top:38px;max-width:900px}
.two-process-section .pinpoint-support-close h3{font-size:clamp(2rem,3vw,2.875rem);line-height:1.2}

/* A: Open editorial, with two generous full-width figures. */
html[data-support-option="a"] .two-process-section{padding-top:96px;padding-bottom:88px}
html[data-support-option="a"] .two-process-step+.two-process-step{margin-top:88px}
html[data-support-option="a"] .two-process-section .pinpoint-support-intro{max-width:830px;margin:0 auto 32px}
html[data-support-option="a"] .two-process-section .pinpoint-support-intro h3{font-size:clamp(2rem,2.8vw,2.5rem)}
html[data-support-option="a"] .two-process-section .support-process-controls{justify-content:center;margin-bottom:26px}
html[data-support-option="a"] .two-process-section .pipeline{border-color:#e2e5e8;border-radius:6px;padding:28px 24px}

/* B: Two composed paper panels, with the explanation and figure kept together. */
html[data-support-option="b"] .two-process-section{background:#fff!important;padding-top:64px}
html[data-support-option="b"] .two-process-step{padding:44px 36px 36px;border:1px solid #e3ded3;border-radius:12px;background:#f7f5ef}
html[data-support-option="b"] .two-process-step+.two-process-step{margin-top:32px;background:#f2f5f1;border-color:#dce3d9}
html[data-support-option="b"] .two-process-section .pinpoint-support-intro{max-width:none;display:grid;grid-template-columns:1fr .9fr;column-gap:54px;text-align:left;align-items:center;margin-bottom:28px}
html[data-support-option="b"] .two-process-section .pinpoint-support-leadin{grid-column:1/-1;margin-bottom:18px}
html[data-support-option="b"] .two-process-section .pinpoint-support-intro h3{font-size:clamp(2rem,2.6vw,2.375rem)}
html[data-support-option="b"] .two-process-section .pinpoint-support-intro>p:last-child{margin:0;font-size:1.0625rem}
html[data-support-option="b"] .two-process-section .support-process-controls{margin-bottom:22px}
html[data-support-option="b"] .two-process-section .pipeline{border-color:#e1e4df;border-radius:6px}

/* C: A quieter, explanatory column beside each figure on a wide screen. */
html[data-support-option="c"] .two-process-section{padding-top:80px}
html[data-support-option="c"] .two-process-step{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,2fr);gap:48px;align-items:start}
html[data-support-option="c"] .two-process-step+.two-process-step{margin-top:64px;padding-top:64px;border-top:1px solid #e2e5df}
html[data-support-option="c"] .two-process-section .pinpoint-support-intro{text-align:left;margin:0;padding-top:4px}
html[data-support-option="c"] .two-process-section .pinpoint-support-intro h3{font-size:clamp(1.875rem,2.5vw,2.25rem)}
html[data-support-option="c"] .two-process-section .pinpoint-support-intro>p:last-child{font-size:1.0625rem;margin:22px 0 0}
html[data-support-option="c"] .two-process-section .pipeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:22px 18px}
html[data-support-option="c"] .support-process-diagram{--gap:22px}
html[data-support-option="c"] .support-process-diagram .perform .stage-connector{display:none}
html[data-support-option="c"] .support-process-diagram .result{grid-column:1/-1;width:100%;max-width:none;margin-inline:auto}
html[data-support-option="c"] .support-process-diagram .result .card{height:80px;flex-direction:row;gap:18px}
html[data-support-option="c"] .support-process-diagram .chip{padding:7px 5px;gap:5px}

@media(max-width:1100px){
 html[data-support-option="c"] .two-process-step{display:block}
 html[data-support-option="c"] .two-process-section .pinpoint-support-intro{max-width:850px;margin-bottom:28px}
 html[data-support-option="b"] .two-process-step{padding:32px 24px}
 html[data-support-option="b"] .two-process-section .pinpoint-support-intro{column-gap:32px}
}
@media(max-width:1050px) and (min-width:701px){.two-process-section .support-process-diagram .result{max-width:none}}
@media(max-width:700px){
 .two-process-section .support-process-diagram .result>.card{max-width:none}
 html[data-support-option] .two-process-section{padding-top:52px;padding-bottom:56px}
 html[data-support-option] .two-process-section .pinpoint-support-intro{text-align:left;margin-bottom:24px}
 html[data-support-option] .two-process-section .pinpoint-support-intro h3{font-size:clamp(1.875rem,7vw,2.25rem)}
 html[data-support-option] .two-process-section .pinpoint-support-intro>p:last-child{font-size:1.0625rem;line-height:1.7}
 html[data-support-option="a"] .two-process-step+.two-process-step{margin-top:56px}
 html[data-support-option="a"] .two-process-section .support-process-controls{justify-content:flex-start}
 html[data-support-option="a"] .two-process-section .pipeline{padding:22px 18px}
 html[data-support-option="b"] .two-process-step{padding:26px 16px 18px;border-radius:8px}
 html[data-support-option="b"] .two-process-section .pinpoint-support-intro{display:block}
 html[data-support-option="b"] .two-process-section .pinpoint-support-intro>p:last-child{margin-top:18px}
 html[data-support-option="b"] .two-process-section .pipeline{padding:18px 12px}
 html[data-support-option="c"] .two-process-step+.two-process-step{margin-top:48px;padding-top:48px}
 html[data-support-option="c"] .two-process-section .pipeline{grid-template-columns:1fr;gap:28px}
 html[data-support-option="c"] .support-process-diagram .result{max-width:none}
 html[data-support-option] .two-process-section .chip{font-size:1rem;min-height:48px}
 .two-process-section .precision-note{text-align:left;margin-top:26px}
 .two-process-section .pinpoint-support-close{margin-top:32px}
 .two-process-section .pinpoint-support-close h3{font-size:2.125rem}
 .two-process-section .support-section-heading{margin-bottom:32px;text-align:left}
 .two-process-section .support-section-heading h2{font-size:clamp(2.5rem,9vw,3rem)}
}
@media(prefers-reduced-motion:reduce){.support-process-diagram .pinpoint-message{transition:none}}