.supplement-guide{padding-block:var(--space-3) var(--space-3)}.supplement-guide .intro-block{display:grid;gap:.8rem;max-inline-size:70rem;margin-block-end:var(--space-2)}.supplement-guide .intro-block :is(h2,.intro){margin:0}.supplement-guide .intro-block h2{letter-spacing:-.04em}.supplement-guide .intro-block .intro{line-height:1.6}@media(min-width:990px){.supplement-guide .intro-block{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;column-gap:var(--space-4);max-inline-size:none}.supplement-guide .intro-block h2{--display: var(--display-s);font-size:2.6rem}.supplement-guide .intro-block .intro{max-inline-size:64ch;color:var(--ink-soft);font-size:1.4rem;line-height:1.5}}.supplement-guide .all-link{display:inline-flex;align-items:center;justify-self:start;min-block-size:4.4rem;font-weight:600}.supplement-guide .goals{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));gap:1.2rem}.supplement-guide .goal{display:flex;align-items:center;gap:1.3rem;min-inline-size:0;min-block-size:7.6rem;padding:1.4rem 1.8rem;color:inherit;text-decoration:none}.supplement-guide .goal[aria-current=page]{border-color:var(--ink);background:var(--tint);font-weight:700}.supplement-guide .goal:focus-visible{outline:3px solid currentColor;outline-offset:3px}.purpose-badge{display:inline-flex;margin:.5rem 0 .8rem;padding:.4rem 1rem;border-radius:var(--radius-pill);background:var(--tint);color:var(--ink);font-size:1.2rem;font-weight:600;line-height:1.4}
/*# sourceMappingURL=/cdn/shop/t/36/assets/shop-guides.css.map */