/* W-H04 only. Product tokens and existing guide typography are retained. */
.guide-flow-summary{font-weight:600;color:var(--color-brand,#41563c);line-height:1.9}
.guide-image-note{font-size:14px;line-height:1.7}
.guide-onboarding-steps{display:grid;gap:36px}
.guide-onboarding-steps>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:20px 28px;align-items:start;counter-increment:guide-onboarding}
.guide-onboarding-steps{counter-reset:guide-onboarding}
.guide-onboarding-steps:not(.has-illustrations)>li{grid-template-columns:minmax(0,1fr)}
.guide-onboarding-steps>li::before{content:none!important}
.guide-onboarding-steps h3{font-family:inherit;font-size:20px;line-height:1.6;margin:0 0 12px}
.guide-onboarding-steps h3::before{content:counter(guide-onboarding) ". ";color:var(--color-brand,#41563c)}
.guide-onboarding-steps p{margin:0 0 12px}
.guide-onboarding-steps .guide-list-choice{grid-template-columns:minmax(0,1fr)}
.guide-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.guide-choice-grid h4{font-family:inherit;font-size:18px;font-weight:600;line-height:1.6;margin:0 0 10px}
.guide-choice-grid section{min-width:0}
.guide-ui-figure{margin:0;min-width:0;max-width:390px;width:100%;justify-self:center}
.guide-zoom{display:block;border-radius:12px;cursor:zoom-in}
.guide-zoom:focus-visible{outline:2px solid var(--brand-700,#41563c);outline-offset:4px}
.guide-ui-figure img{display:block;width:100%;height:auto;border:1px solid var(--line,#ddd3c0);border-radius:12px;background:var(--surface,#faf6ef)}
.guide-ui-figure figcaption{font:14px/1.7 -apple-system,"PingFang SC",sans-serif;color:var(--text-muted,#756a59);margin-top:8px;overflow-wrap:anywhere}
@media(max-width:760px){.guide-onboarding-steps>li{grid-template-columns:minmax(0,1fr);gap:14px}.guide-choice-grid{grid-template-columns:minmax(0,1fr);gap:24px}.guide-onboarding-steps h3{font-size:18px}.guide-onboarding-steps{gap:30px}}