#how{background:var(--stone-900);color:var(--paper);padding:var(--section-space,112px) var(--page-gutter,24px)}
#how>.toda-page-shell{max-width:1240px;margin:auto}
#how .toda-section-kicker{display:block;margin-bottom:16px;color:var(--action-on-dark)!important}
#how .toda-section-kicker::before{background:currentColor}
#main-content #how h2{color:var(--paper)!important}
#how .how-intro{max-width:820px;margin:16px 0 24px;font-size:var(--section-copy-size,18px);line-height:1.5;color:rgba(250,248,243,.74)}
#how-diagram{display:block;width:100%;max-width:1100px;margin-inline:auto;min-height:1px}
#how-diagram:not([data-loaded]){aspect-ratio:1200/952}
#how .how-scope{max-width:900px;margin:16px 0 0;font-size:12px;line-height:1.6;color:rgba(250,248,243,.6)}
#how .how-voice{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--on-dark-line);font-size:14px;line-height:1.6;color:rgba(250,248,243,.74)}
#how .how-voice strong{color:var(--action-on-dark);margin-right:12px}
.how-fallback{padding:32px;border:1px solid var(--on-dark-line);border-radius:16px;background:transparent}
.how-fallback[hidden]{display:none}.how-fallback h3{font-size:20px;margin:0 0 12px}.how-fallback p{font-size:16px;line-height:1.5;margin:12px 0 0}
@media(max-width:1055px){#how .how-intro,#how .how-scope,#how .how-voice{max-width:600px;margin-inline:auto}#how-diagram:not([data-loaded]){aspect-ratio:auto;min-height:1088px}}
@media(max-width:600px){#how-diagram{width:calc(100% + 20px);margin-inline:-10px}}

@media(min-width:1101px){#how-heading br{display:none}}