/* Presentation variants use the same process and report content. */
html[data-processstyle] .method-overview{padding:110px 0}
html[data-processstyle] .method-overview>.wrap{width:min(1200px,calc(100% - 96px))}
html[data-processstyle] .method-heading{margin-bottom:52px}
html[data-processstyle] .method-heading h2{font-size:clamp(2.8rem,4vw,3.75rem);line-height:1.12;color:var(--navy)}
html[data-processstyle] .method-steps>li>div>strong{font-size:1.65rem;line-height:1.25}
html[data-processstyle] .method-steps .method-phase-label{font-size:.72rem;line-height:1.6}
html[data-processstyle] .method-gathering-list li p,
html[data-processstyle] .method-steps>li>div>p:not(.method-phase-label):not(.method-phase-duration){font-size:1rem;line-height:1.65}
html[data-processstyle] .method-gathering-list li strong{font-size:.95rem}
html[data-processstyle] .method-phase-duration{font-size:.85rem}
html[data-processstyle] .method-result{box-shadow:none}
html[data-processstyle] .method-result-head{padding:28px 30px;font-size:1.6rem}
html[data-processstyle] .method-result-body{padding:32px}
html[data-processstyle] .method-result-body>h3{font-size:2rem;line-height:1.25;margin-bottom:26px}
html[data-processstyle] .deliverable{padding:20px 0}
html[data-processstyle] .deliverable p{font-size:.95rem;line-height:1.6}

/* A: a quiet timeline beside a report that stays within view. */
html[data-processstyle="a"] .method-overview{background:#fff}
html[data-processstyle="a"] .method-grid{grid-template-columns:1.05fr 1fr;gap:64px;align-items:start}
html[data-processstyle="a"] .method-process{padding:0}
html[data-processstyle="a"] .method-kicker{border:0;padding:0;margin-bottom:24px}
html[data-processstyle="a"] .method-steps{position:relative}
html[data-processstyle="a"] .method-steps:before{content:'';position:absolute;top:24px;bottom:70px;left:23px;width:1px;background:#d9e3ef}
html[data-processstyle="a"] .method-steps>li{position:relative;grid-template-columns:48px minmax(0,1fr);gap:24px;padding:0 0 36px;border:0}
html[data-processstyle="a"] .method-steps>li:last-child{padding-bottom:0}
html[data-processstyle="a"] .method-steps>li>span{position:relative;display:grid;place-items:center;width:48px;height:48px;background:#edf3fb;border:1px solid #d9e3ef;border-radius:50%;color:#456b9e;font-size:1.4rem}
html[data-processstyle="a"] .method-gathering-list{gap:17px;margin-top:21px}
html[data-processstyle="a"] .method-phase-duration{margin-top:22px}
html[data-processstyle="a"] .method-result{position:sticky;top:108px;border-radius:12px;border-color:#d9e3ef;box-shadow:0 18px 48px #102b5009}

/* B: three equal phase cards, followed by a wide report summary. */
html[data-processstyle="b"] .method-overview{background:#f6f8fc}
html[data-processstyle="b"] .method-grid{display:block}
html[data-processstyle="b"] .method-process{padding:0}
html[data-processstyle="b"] .method-kicker{border:0;padding:0;margin-bottom:24px}
html[data-processstyle="b"] .method-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
html[data-processstyle="b"] .method-steps>li{display:flex;flex-direction:column;gap:22px;padding:30px;border:1px solid #dbe4ef;border-radius:10px;background:#fff}
html[data-processstyle="b"] .method-steps>li:last-child{padding-bottom:30px}
html[data-processstyle="b"] .method-steps>li>span{color:#9bb0ce;font-size:2.4rem}
html[data-processstyle="b"] .method-steps>li>div{display:flex;flex-direction:column;flex:1}
html[data-processstyle="b"] .method-phase-label{min-height:34px;margin-bottom:9px}
html[data-processstyle="b"] .method-steps>li>div>strong{min-height:96px;font-size:1.7rem}
html[data-processstyle="b"] .method-gathering-list{margin-top:17px;gap:19px}
html[data-processstyle="b"] .method-phase-duration{margin-top:auto;padding-top:26px}
html[data-processstyle="b"] .method-result{display:grid;grid-template-columns:270px minmax(0,1fr);margin-top:36px;border-radius:10px;border-color:#dbe4ef}
html[data-processstyle="b"] .method-result-head{align-items:flex-start;padding:36px 28px}
html[data-processstyle="b"] .method-result-head .brand-mark{flex-shrink:0}
html[data-processstyle="b"] .method-result-head small{margin-top:12px;font-size:.67rem;line-height:1.65;letter-spacing:.07em}
html[data-processstyle="b"] .method-result-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:34px}
html[data-processstyle="b"] .method-result-body>h3{grid-column:1 / -1;margin:0;font-size:1.85rem}
html[data-processstyle="b"] .deliverable{grid-template-columns:24px minmax(0,1fr);gap:10px;padding:19px 0 0}
html[data-processstyle="b"] .deliverable strong{font-size:.93rem;line-height:1.5}
html[data-processstyle="b"] .deliverable p{font-size:.88rem}
html[data-processstyle="b"] .method-note{grid-column:1 / -1;margin:0}

/* C: spacious editorial rows and a navy report at the end. */
html[data-processstyle="c"] .method-overview{background:#fff}
html[data-processstyle="c"] .method-grid{display:block}
html[data-processstyle="c"] .method-process{padding:0}
html[data-processstyle="c"] .method-kicker{padding:0;border:0;margin-bottom:30px}
html[data-processstyle="c"] .method-steps{display:grid;gap:20px}
html[data-processstyle="c"] .method-steps>li{grid-template-columns:60px minmax(0,1fr);gap:30px;padding:38px;border:1px solid #e0e7ef;border-radius:9px;background:#fbfcfe}
html[data-processstyle="c"] .method-steps>li:nth-child(2){background:#eef4fb;border-color:#eef4fb}
html[data-processstyle="c"] .method-steps>li:last-child{padding-bottom:38px}
html[data-processstyle="c"] .method-steps>li>span{color:#9cb3d3;font-size:2.6rem}
html[data-processstyle="c"] .method-steps>li>div{display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px 40px;align-content:start}
html[data-processstyle="c"] .method-phase-label{grid-column:1;grid-row:1;margin:0}
html[data-processstyle="c"] .method-steps>li>div>strong{grid-column:1;grid-row:2;font-size:1.85rem}
html[data-processstyle="c"] .method-phase-duration{grid-column:1;grid-row:3;margin:8px 0 0;align-self:start}
html[data-processstyle="c"] .method-gathering-list{grid-column:2;grid-row:1 / 4;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;align-content:start}
html[data-processstyle="c"] .method-gathering-list li{padding:0}
html[data-processstyle="c"] .method-gathering-list li:before{display:none}
html[data-processstyle="c"] .method-gathering-list li p{margin-top:9px}
html[data-processstyle="c"] .method-session-duration{margin-top:12px}
html[data-processstyle="c"] .method-steps>li:last-child .method-gathering-list{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-processstyle="c"] .method-steps>li>div>p:not(.method-phase-label):not(.method-phase-duration){grid-column:2;grid-row:1 / 4;margin:0;font-size:1.125rem;line-height:1.7}
html[data-processstyle="c"] .method-result{margin-top:40px;background:var(--navy);border:0;border-radius:10px}
html[data-processstyle="c"] .method-result-head{background:transparent;border-bottom:1px solid #ffffff24;padding:30px 38px}
html[data-processstyle="c"] .method-result-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:36px 38px 38px}
html[data-processstyle="c"] .method-result-body>h3{grid-column:1 / -1;max-width:840px;margin:0;color:#fff;font-size:2.25rem}
html[data-processstyle="c"] .deliverable{border:0;padding:0}
html[data-processstyle="c"] .deliverable strong{color:#fff;font-size:1rem}
html[data-processstyle="c"] .deliverable p{color:#c9d8eb}
html[data-processstyle="c"] .deliverable>span{border-color:#7897c4;color:#a6c3ff}
html[data-processstyle="c"] .method-note{grid-column:1 / -1;margin:0;background:#ffffff0b;border-left-color:#94b6ff;color:#e0eafb}

@media(max-width:1100px){
 html[data-processstyle="a"] .method-grid{gap:34px}
 html[data-processstyle="b"] .method-steps>li{padding:24px}
 html[data-processstyle="b"] .method-steps>li:last-child{padding-bottom:24px}
 html[data-processstyle="b"] .method-result{grid-template-columns:230px minmax(0,1fr)}
 html[data-processstyle="b"] .method-result-body{padding:28px;gap:18px}
 html[data-processstyle="c"] .method-steps>li{padding:30px;grid-template-columns:48px minmax(0,1fr);gap:20px}
 html[data-processstyle="c"] .method-steps>li:last-child{padding-bottom:30px}
 html[data-processstyle="c"] .method-steps>li>div{grid-template-columns:240px minmax(0,1fr);column-gap:30px}
 html[data-processstyle="c"] .method-gathering-list{grid-template-columns:1fr;gap:20px}
}
@media(max-width:900px){
 html[data-processstyle] .method-overview{padding:76px 0}
 html[data-processstyle] .method-overview>.wrap{width:calc(100% - 48px)}
 html[data-processstyle] .method-heading{margin-bottom:36px}
 html[data-processstyle="a"] .method-grid{grid-template-columns:1fr;gap:40px}
 html[data-processstyle="a"] .method-result{position:static;margin-right:0}
 html[data-processstyle="b"] .method-steps{grid-template-columns:1fr;gap:20px}
 html[data-processstyle="b"] .method-steps>li{padding:30px}
 html[data-processstyle="b"] .method-steps>li:last-child{padding-bottom:30px}
 html[data-processstyle="b"] .method-phase-label,html[data-processstyle="b"] .method-steps>li>div>strong{min-height:0}
 html[data-processstyle="b"] .method-phase-duration{margin-top:22px;padding-top:0}
 html[data-processstyle="b"] .method-result{display:block;margin-right:0}
 html[data-processstyle="c"] .method-steps>li>div{display:block}
 html[data-processstyle="c"] .method-phase-label{margin-bottom:10px}
 html[data-processstyle="c"] .method-gathering-list{grid-template-columns:1fr;margin-top:24px}
 html[data-processstyle="c"] .method-steps>li:last-child .method-gathering-list{grid-template-columns:1fr}
 html[data-processstyle="c"] .method-steps>li>div>p:not(.method-phase-label):not(.method-phase-duration){margin-top:18px}
 html[data-processstyle="c"] .method-phase-duration{margin-top:22px}
 html[data-processstyle="c"] .method-result{margin-right:0}
}
@media(max-width:600px){
 html[data-processstyle] .method-steps>li>div>strong{font-size:1.6rem}
 html[data-processstyle] .method-result-body>h3{font-size:1.8rem}
 html[data-processstyle] .method-result-head,html[data-processstyle] .method-result-body{padding:28px 24px}
 html[data-processstyle="a"] .method-steps>li{grid-template-columns:40px minmax(0,1fr);gap:18px}
 html[data-processstyle="a"] .method-steps>li>span{width:40px;height:40px;font-size:1.2rem}
 html[data-processstyle="a"] .method-steps:before{left:19px}
 html[data-processstyle="b"] .method-result-body,html[data-processstyle="c"] .method-result-body{display:block}
 html[data-processstyle="b"] .deliverable,html[data-processstyle="c"] .deliverable{padding:20px 0}
 html[data-processstyle="b"] .method-note,html[data-processstyle="c"] .method-note{margin-top:18px}
 html[data-processstyle="c"] .method-steps>li{grid-template-columns:32px minmax(0,1fr);gap:15px;padding:24px}
 html[data-processstyle="c"] .method-steps>li:last-child{padding-bottom:24px}
 html[data-processstyle="c"] .method-steps>li>span{font-size:2rem}
}
