/* A compact walkthrough in the shared editorial theme. */
.how-page .page-intro { display:grid; grid-template-columns:1.15fr .85fr; gap:65px; align-items:end; padding:28px 0 30px; }
.how-page .page-intro h1 { font-size:clamp(39px,4vw,55px); }
.how-page .page-intro .lede { max-width:440px; font-size:16px; line-height:1.65; margin:0 0 4px; }
.how-walkthrough { padding-bottom:30px; scroll-margin-top:24px; }
.how-walk-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:12px 30px; padding-top:21px; border-top:1px solid var(--hair); }
.how-walk-heading h2 { font:400 27px/1.2 var(--serif); letter-spacing:-.025em; }
.how-walk-heading .plain-link { font-size:12px; }
.how-page .walkthrough { margin-top:17px; }
.how-page .walk-tabs a { padding:15px 22px; }
.how-page .walk-panel { padding:24px; }
.how-page .walk-grid { gap:32px; grid-template-columns:.95fr 1.05fr; }
.how-page .walk-copy h3 { font-size:30px; margin:10px 0 14px; }
.how-page .walk-copy p { font-size:14px; line-height:1.65; }
.how-page .walk-copy .plain-link { margin-top:14px; font-size:12px; }
.how-page .visual { padding:19px 21px; }
.how-page .visual-total { font-size:37px; margin-top:15px; }
.how-page .visual-row { padding:10px 0; }
.how-page .stack-bar { height:22px; margin:17px 0 12px; }
.how-page .source-button { margin-top:15px; }
.how-page .answer { display:grid; grid-template-columns:155px 1fr; gap:20px; align-items:baseline; padding:15px 18px; margin-top:18px; }
.how-page .answer strong { font-size:10px; line-height:1.6; margin:0; }
.how-page .answer p { font-size:13px; line-height:1.65; }
.how-page .chart { max-height:180px; margin-top:12px; }
.how-page .sample-note { padding:11px 24px; font-size:10px; }
.how-setup, .how-detail { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:65px; padding:30px 0; border-top:1px solid var(--hair); scroll-margin-top:24px; }
.how-page .section-title, .how-detail h2 { font:400 clamp(30px,2.8vw,39px)/1.12 var(--serif); letter-spacing:-.035em; }
.how-setup header .small-note { max-width:380px; margin-top:18px; }
.how-page .step-list { margin-top:0; }
.how-page .setup-step { grid-template-columns:22px 1fr; gap:8px 14px; padding:17px 0; }
.how-page .setup-step:first-child { border-top:0; padding-top:0; }
.how-page .setup-step::before { grid-row:1 / span 2; padding-top:3px; }
.how-page .setup-step h3 { font-size:23px; }
.how-page .setup-step p { grid-column:2; font-size:13px; line-height:1.65; }
.how-detail .eyebrow { margin-bottom:14px; }
.how-detail p:not(.eyebrow) { font-size:14px; line-height:1.7; color:var(--muted); }
.how-detail p + p { margin-top:11px; }
.how-detail .plain-link { display:inline-block; margin-top:15px; font-size:12px; }
.how-projects { display:grid; gap:14px; }
.how-project { display:grid; grid-template-columns:80px 1fr; gap:16px; scroll-margin-top:24px; }
.how-project + .how-project { border-top:1px solid var(--hair); padding-top:14px; }
.how-project h3 { font:400 22px/1.25 var(--serif); letter-spacing:-.025em; }
.how-project p:not(.eyebrow) { font-size:13px; line-height:1.65; }
.how-network { margin-top:14px; font-size:12px; line-height:1.6; color:var(--teal); }
.how-network summary { cursor:pointer; }
.how-network p { margin-top:10px; }
.how-page .final-cta { padding-block:30px; }
@media (max-width:1050px) {
  .how-page .page-intro, .how-setup, .how-detail { column-gap:35px; }
  .how-page .walk-grid { gap:24px; }
}
@media (max-width:760px) {
  .how-page .page-intro, .how-setup, .how-detail, .how-page .walk-grid { grid-template-columns:1fr; gap:20px; }
  .how-page .page-intro { padding:25px 0; }
  .how-page .page-intro h1 { font-size:clamp(37px,7vw,48px); }
  .how-page .page-intro .lede { max-width:none; font-size:15px; }
  .how-walk-heading { gap:7px; }
  .how-walk-heading h2 { font-size:25px; }
  .how-page .walk-tabs a { padding:14px 10px; font-size:11px; }
  .how-page .walk-panel { padding:20px 16px; }
  .how-page .walk-copy h3 { font-size:28px; }
  .how-page .visual { padding:17px 16px; }
  .how-page .answer { grid-template-columns:1fr; gap:6px; padding:13px 15px; }
  .how-page .sample-note { padding:11px 16px; }
  .how-setup, .how-detail { padding:26px 0; }
  .how-page .setup-step h3 { font-size:22px; }
}