/* Local methods only: one calm composition for the introduction and sequence. */
.method-flow .topic-steps li{position:relative;isolation:isolate;transition:transform 240ms ease}
.method-flow .topic-steps li::before{content:'';position:absolute;inset:8px -16px;border-radius:16px;background:#ffffff80;opacity:0;z-index:-1;transition:opacity 240ms ease}
.method-flow .topic-steps li>span{display:flex;justify-content:center;align-items:center;align-self:start;width:36px;height:36px;border-radius:50%;background:#e1e7d9;transition:background 240ms ease,color 240ms ease,transform 240ms ease}
@media(hover:hover) and (pointer:fine){.method-flow .topic-steps li:hover{transform:translateX(5px)}.method-flow .topic-steps li:hover::before{opacity:1}.method-flow .topic-steps li:hover>span{background:#657756;color:white;transform:scale(1.06)}}
.method-flow .topic-steps li.flow-touched::before{opacity:1}
.method-flow .topic-steps li.flow-touched>span{background:#657756;color:white}
.topic-page .method-flow{margin-block:24px 56px;padding:48px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);column-gap:64px;background:#f0f3eb;border-radius:28px}
.method-flow .topic-section-heading{margin:0;max-width:340px;padding-top:8px}
.method-flow .topic-section-heading .topic-kicker{display:none}
.topic-page .method-flow h2{font-size:clamp(29px,3vw,38px);line-height:1.3;margin-bottom:20px;text-wrap:balance}
.topic-page .method-flow .topic-section-heading>p:last-child{font-family:Ubuntu,sans-serif;font-size:16px;line-height:1.7;color:#565c50;max-width:32ch}
.method-flow .topic-steps{display:block;margin:0;padding:0;list-style:none;border:0}
.method-flow .topic-steps li{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:18px;row-gap:8px;margin:0;padding:24px 0;border-top:1px solid #ced5c5}
.method-flow .topic-steps li:first-child{border-top:0;padding-top:8px}
.method-flow .topic-steps li:last-child{padding-bottom:0}
.method-flow .topic-steps li>span{grid-column:1;grid-row:1 / span 2;font-size:20px;line-height:1.5;color:#785e3e;margin:0;padding-top:1px}
.topic-page .method-flow .topic-steps h3{grid-column:2;margin:0;font-size:23px;line-height:1.4;text-wrap:balance}
.topic-page .method-flow .topic-steps p{grid-column:2;margin:0;font-family:Ubuntu,sans-serif;font-size:16px;line-height:1.75;color:#565c50;max-width:49ch}
.topic-page .method-flow .topic-boundary{grid-column:1 / -1;border-left:0;border-top:1px solid #ced5c5;margin:34px 0 0;padding:22px 0 0;font-family:Ubuntu,sans-serif;font-size:13px;line-height:1.75;color:#62665c;max-width:none}
@media(max-width:900px){.topic-page .method-flow{grid-template-columns:1fr;gap:26px;padding:34px}.method-flow .topic-section-heading{max-width:580px}.topic-page .method-flow .topic-section-heading>p:last-child{max-width:52ch}.method-flow .topic-steps li:first-child{border-top:1px solid #ced5c5;padding-top:24px}.topic-page .method-flow .topic-boundary{margin-top:0}}
@media(max-width:520px){.topic-page .method-flow{width:calc(100% - 32px);padding:28px 22px;margin-block:12px 40px;border-radius:20px;gap:24px}.topic-page .method-flow h2{font-size:29px;max-width:14ch}.method-flow .topic-steps li{grid-template-columns:26px minmax(0,1fr);column-gap:12px;padding-block:22px}.topic-page .method-flow .topic-steps h3{font-size:21px}.topic-page .method-flow .topic-steps p{font-size:15px;line-height:1.75}.method-flow .topic-steps li>span{font-size:17px}.topic-page .method-flow .topic-boundary{font-size:12px}}
@media(max-width:520px){.method-flow .topic-steps li>span{width:28px;height:28px;font-size:14px}.method-flow .topic-steps li::before{inset:8px -10px}}
@media(prefers-reduced-motion:reduce){.method-flow .topic-steps li,.method-flow .topic-steps li>span,.method-flow .topic-steps li::before{transition:none!important;transform:none!important}}