/* Approved sitewide treatment: explanatory visuals within the existing page structure. */
#progress-start #pg-main .pg-explainer{margin:24px 0;padding:24px;background:var(--pg-visual-surface);border:0;border-radius:0;min-width:0}
#progress-start #pg-main .pg-visual-flow{display:flex;align-items:center;gap:12px;min-width:0}
#progress-start #pg-main .pg-visual-node{flex:1 1 0;min-width:0;padding:18px 12px;font-size:16px;line-height:1.55;overflow-wrap:normal}
#progress-start #pg-main .pg-visual-focus{background:var(--pg-action);color:#fff}
#progress-start #pg-main .pg-visual-connector{flex:none;color:var(--pg-action);font-size:23px}
#progress-start #pg-main :is(.proof-map,.pg-projects-review) .story-flow li:nth-child(2){background:var(--pg-action);color:#fff}
#progress-start #pg-main :is(.proof-map,.pg-projects-review) .story-flow li:nth-child(2) strong{color:#fff}
#progress-start #pg-main .company-relationship .relationship-progress{background:var(--pg-action);color:#fff;border:0}
#progress-start #pg-main .company-relationship .relationship-progress span{color:#fff}
#progress-start #pg-main .os-diagram .os-layer{border:0;border-top:2px solid var(--pg-action);border-radius:0}
#progress-start #pg-main .os-steps{border-left:2px solid var(--pg-line);padding-left:24px}
#progress-start #pg-main .os-steps li{padding-bottom:24px}
#progress-start #pg-main .signal-map .signal-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#progress-start #pg-main .signal-map [data-trace-source]{font:inherit;font-size:15px;line-height:1.5;min-height:48px;text-align:left;background:#fff;color:var(--pg-ink);border:0;border-left:3px solid transparent;padding:14px 12px;cursor:pointer}
#progress-start #pg-main .signal-map [data-trace-source][aria-pressed=true]{border-left-color:var(--pg-action);color:var(--pg-action);font-weight:600}
#progress-start #pg-main .signal-common{background:var(--pg-action);color:#fff;border-radius:0}
#progress-start #pg-main .signal-common span{color:#fff}
#progress-start #pg-main .pg-source-return{margin-top:18px;border-left:2px solid var(--pg-action);padding:10px 14px;background:#fff;font-size:14px}
#progress-start #pg-main .pg-source-return span,#progress-start #pg-main .pg-source-return strong{display:block}
#progress-start #pg-main .pg-source-return span{font-size:12px;color:var(--pg-sub);margin-bottom:4px}
#progress-start #pg-main .pg-artifact-open{display:block;color:var(--pg-action);text-decoration:none;cursor:zoom-in}
#progress-start #pg-main .pg-artifact-open img{display:block;max-width:100%;height:auto;object-fit:contain}
#progress-start #pg-main .pg-image-hint{display:block;font-size:13px;line-height:1.6;margin-top:10px;text-decoration:underline;text-underline-offset:3px}
#progress-start #pg-main :is(.design-product-image,.review-product-shot){border-radius:0}
#progress-start #pg-main .design-product-image img{object-fit:contain}
#progress-start #pg-products>.pg-research>div{border-top:2px solid var(--pg-line);padding-top:22px;min-width:0}
#progress-start #pg-products .pg-status{font-size:12px;line-height:1.6;color:var(--pg-sub);margin-bottom:14px}
#progress-start #pg-main :is(.portal-closing,.care-invitation,.commerce-invitation,.signal-invitation,.projects-contact){border-top:2px solid var(--pg-action)}
/* A native dialog enhances ordinary full-size image links; no essential content is hidden. */
.pg-artifact-dialog{width:min(1200px,96vw);max-height:94vh;overflow:auto;border:1px solid #cad3e3;padding:18px;background:#fff;color:#172b36;font:16px/1.6 Arial,Helvetica,sans-serif}
.pg-artifact-dialog::backdrop{background:#172b36b8}
.pg-artifact-dialog img{display:block;width:auto;max-width:100%;height:auto;margin-inline:auto}
.pg-artifact-dialog button{font:inherit;min-height:44px;padding:8px 16px;background:#fff;color:#254edb;border:1px solid #254edb;margin-bottom:14px;cursor:pointer}
.pg-artifact-dialog button:focus-visible{outline:3px solid #0e7490;outline-offset:4px}
@media(max-width:900px){
 #progress-start #pg-main .pg-visual-flow{flex-direction:column;align-items:stretch}
 #progress-start #pg-main .pg-visual-connector{align-self:center;transform:rotate(90deg)}
 #progress-start #pg-main .pg-visual-node{flex:auto;padding:16px}
}
@media(max-width:600px){
 #progress-start #pg-main .pg-explainer{padding:18px;margin-block:22px}
 #progress-start #pg-main .signal-map .signal-inputs{grid-template-columns:1fr}
 #progress-start #pg-main .pg-visual-node{font-size:15px}
 .pg-artifact-dialog{padding:12px}
}

#progress-start #pg-main .pg-visual-group{display:grid;gap:10px}
#progress-start #pg-main .pg-visual-group>span{display:block;padding-block:5px;border-bottom:1px solid var(--pg-line)}

/* Helps editorial composition: real text, one illustrative scene, quiet lower sections. */
#progress-start #pg-main .helps-lead{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);column-gap:32px;padding-top:56px;padding-bottom:40px}
#progress-start #pg-main .helps-lead .pg-hero{grid-column:1;grid-row:1;padding:0 0 28px;display:flex;flex-direction:column;align-items:flex-start}
#progress-start #pg-main .helps-lead .pg-eyebrow{order:-1;margin-bottom:18px}
#progress-start #pg-main .helps-lead h1{max-width:none;margin:0 0 22px}
#progress-start #pg-main .helps-lead .pg-hero>p:last-child{margin-bottom:0}
#progress-start #pg-main .helps-lead>article{grid-column:1;grid-row:2;border-top:1px solid var(--pg-line);padding-top:28px;min-width:0}
#progress-start #pg-main .helps-editorial h2{font-size:clamp(25px,2.7vw,32px);line-height:1.2;letter-spacing:-.025em;max-width:28ch}
#progress-start #pg-main .helps-lead>article h2{max-width:19ch}
#progress-start #pg-main .helps-lead>article p{margin-bottom:0}
#progress-start #pg-main .helps-editorial-art{grid-column:2;grid-row:1 / span 2;margin:0;align-self:center;min-width:0}
#progress-start #pg-main .helps-editorial-art img{display:block;width:100%;height:auto}
#progress-start #pg-main .helps-editorial>.pg-section{padding-block:34px}
#progress-start #pg-main .helps-editorial>.helps-approach{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.5fr);gap:48px;padding-block:42px}
#progress-start #pg-main .helps-approach>h2{max-width:18ch}
#progress-start #pg-main .helps-approach>div{min-width:0}
#progress-start #pg-main .helps-editorial>.helps-closing{padding-block:42px 52px}
#progress-start #pg-main .helps-closing>p{max-width:65ch}
#progress-start #pg-main .helps-closing>.pg-links{margin-top:24px;gap:18px 28px}
#progress-start #pg-main .helps-editorial>.pg-section p{max-width:74ch}
#progress-start #pg-main .helps-editorial>.pg-section>p:last-child{margin-bottom:0}
@media(max-width:760px){
 #progress-start #pg-main .helps-lead{grid-template-columns:1fr;padding-top:34px;padding-bottom:28px;gap:0}
 #progress-start #pg-main .helps-lead .pg-hero{grid-column:1;grid-row:1;padding-bottom:28px}
 #progress-start #pg-main .helps-lead h1{max-width:none}
 #progress-start #pg-main .helps-lead>article{grid-column:1;grid-row:2;padding-top:26px}
 #progress-start #pg-main .helps-lead>article h2{max-width:23ch}
 #progress-start #pg-main .helps-editorial-art{grid-column:1;grid-row:3;width:min(100%,460px);justify-self:center;margin-top:18px}
 #progress-start #pg-main .helps-editorial>.helps-approach{grid-template-columns:1fr;gap:8px}
 #progress-start #pg-main .helps-editorial>.pg-section{padding-block:28px}
}