/* Keep the closing whitespace inside each white section instead of in child margins. */
.home-plan{padding-bottom:60px;background:#fff}
.home-flow{padding-bottom:76px;background:#fff}
.home-plan>.centered,.home-flow>.centered{margin-bottom:0}

/* Use the same layout and vector arrow on desktop and mobile, independent of font glyphs. */
.plan-page .page-anchor-nav a{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;border-radius:10px}
.plan-page .page-anchor-nav a>span{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.plan-page .page-anchor-nav small{font-size:10px;color:var(--plan-blue);line-height:1.6}
.plan-anchor-arrow{display:block;flex:none;width:16px;height:16px;fill:none;stroke:var(--plan-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:700px){
 .home-plan,.home-flow{padding-bottom:50px}
 /* The plan page already supplies this gutter through its container. */
 .price-widget{max-width:calc(100vw - 40px)}
 .plan-page .page-anchor-nav a{font-size:clamp(11px,3.1vw,13px);gap:6px}
 .plan-page .page-anchor-nav a>span{display:block}
 .plan-page .page-anchor-nav small{display:block;font-size:8px}
 .plan-anchor-arrow{width:12px;height:12px}
}