.vitals-steps{display:grid;grid-template-columns:1fr;row-gap:2rem;column-gap:2rem;padding-block:1.5rem;width:100%;container-type:inline-size;container-name:vitals-steps;@media (width >= 888px){grid-template-columns:repeat(3,1fr)}li{position:relative;z-index:0;min-height:100px;text-wrap:balance;font-size:1.25rem;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,auto);grid-template-areas:"number" "headline" "caption";row-gap:.25em;counter-increment:list-item;@media (width >= 460px){grid-template-columns:minmax(2vw,4.5rem) 1fr;grid-template-rows:minmax(4.5rem,auto) 1fr;grid-template-areas:"number headline" "number caption";align-items:center}@media (width >= 640px){font-size:1.5rem}h3{font-size:1.5em;line-height:.9;font-weight:600;text-wrap:balance;font-variation-settings:"opsz" 12;max-width:15ch;grid-area:headline}p{color:color-mix(in oklch,currentColor 72%,transparent);line-height:1.3;font-variation-settings:"opsz" 8;grid-area:caption}&:before{grid-area:number;color:var(--color-pink-800);content:counter(list-item);font-size:clamp(30px,4em + 3.5vw,90px);line-height:.7;font-weight:700;width:.75em;height:.8em;display:inline-block;text-align:center;vertical-align:middle;transform:translate(-.1em,-2px);align-self:start;background-image:var(--gradient-1);background-clip:text;color:transparent}&:nth-child(2):before{background-image:var(--gradient-2)}&:nth-child(3):before{background-image:var(--gradient-3)}}}