.hiw-page{min-height:100svh;padding-block:calc(var(--nav-h) + var(--gutter) * 2) var(--gutter);background:var(--pearl);color:var(--ink)}.hiw-page__shell{max-width:48rem}.hiw-page__header{text-align:center;margin-block-end:clamp(2.5rem,5vh,4rem)}.hiw-page__title{font-family:var(--font-display);font-size:var(--t-h1);font-weight:var(--w-heavy);line-height:var(--lh-h1);letter-spacing:var(--track-h1);color:var(--figure)}.hiw-page__lede{max-width:36rem;color:var(--muted);margin-block-start:var(--stack-body);margin-inline:auto}.hiw-steps{flex-direction:column;gap:0;display:flex}.hiw-step{gap:1.25rem;padding-block:.75rem;display:flex;position:relative}.hiw-step__number{background:var(--sol);width:2.5rem;height:2.5rem;color:var(--pearl);font-family:var(--font-display);font-size:var(--t-small);font-weight:var(--w-heavy);letter-spacing:.05em;border-radius:50%;flex:none;place-items:center;display:grid}.hiw-step__content{flex:1;padding-block-start:.375rem}.hiw-step__text{font-size:var(--t-body);line-height:var(--lh-body);color:var(--figure)}.hiw-step__connector{background:var(--rule);width:2px;position:absolute;top:3.25rem;bottom:-.75rem;left:1.25rem;transform:translate(-50%)}.hiw-page__footer{border-top:1px solid var(--rule);margin-block-start:clamp(2.5rem,5vh,4rem);padding-block-start:clamp(2rem,4vh,3rem)}.hiw-page__notes{flex-direction:column;gap:.75rem;margin-block-end:1.5rem;display:flex}.hiw-page__note{font-size:var(--t-small);color:var(--muted)}.hiw-page__note strong{font-weight:var(--w-demi);color:var(--figure)}.hiw-page__note a{color:var(--sol);text-underline-offset:.15em;text-decoration:underline}.hiw-page__note a:hover{text-decoration:none}.hiw-page__links{font-size:var(--t-small);color:var(--muted)}.hiw-page__links .link{color:var(--figure);font-weight:var(--w-medium);align-items:center;min-height:44px;margin:-.5rem;padding:.5rem;display:inline-flex}.hiw-step__text .link{color:var(--sol);text-underline-offset:.2em;align-items:center;min-height:44px;margin:-.25rem;padding:.25rem;text-decoration:underline;display:inline-flex}@media (min-width:40rem){.hiw-step{gap:1.5rem}.hiw-step__number{width:3rem;height:3rem;font-size:var(--t-body)}.hiw-step__connector{left:1.5rem}.hiw-page__notes{flex-direction:row;gap:2rem}}
