@layer components{.v4 .cs-cats{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.v4 .cs-cat{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--pc,var(--teal));flex-direction:column;padding:clamp(24px,2.6vw,34px);display:flex}.v4 .cs-cat h3{margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.v4 .cs-cat>p{color:var(--ink-2);margin:10px 0 0;line-height:1.6}.v4 .cs-cat>p.cs-cat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--pc-ink,var(--teal-ink));margin-top:auto;padding-top:24px;font-size:.75rem;font-weight:700}.v4 .cs-links{flex-wrap:wrap;gap:10px 20px;margin:12px 0 0;padding:0;list-style:none;display:flex}.v4 .cs-links .tlink{--tlink:var(--pc,var(--teal))}.v4 .cs-note{background:var(--tint);border:1px solid var(--tint-teal);border-left:3px solid var(--teal);max-width:52rem;margin-top:32px;padding:22px 24px}.v4 .cs-note h3{margin:0;font-size:1.125rem;font-weight:700}.v4 .cs-note p{margin:8px 0 0;line-height:1.6}.v4 .cs-template{counter-reset:cs-step;background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.v4 .cs-template li{counter-increment:cs-step;background:var(--surface);padding:clamp(24px,2.6vw,34px)}.v4 .cs-template li:before{content:counter(cs-step, decimal-leading-zero);font:400 1rem/1 var(--font-v4-display), sans-serif;color:var(--teal-ink);margin-bottom:14px;display:block}.v4 .cs-template h3{margin:0;font-size:1.125rem;font-weight:700}.v4 .cs-template p{color:var(--ink-2);margin:8px 0 0;line-height:1.6}@media (max-width:899px){.v4 .cs-template{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.v4 .cs-template{grid-template-columns:minmax(0,1fr)}}}