@layer components{.cf{padding-bottom:var(--section-y);scroll-margin-top:calc(var(--header-h) + 1rem)}.cf-grid{grid-template-columns:minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem);display:grid}.cf-h2{max-width:16ch}.cf-intro .lead{margin-top:1.25rem}.cf-card{border-radius:var(--r-card);background:var(--bg-raised);border:1px solid var(--line);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 40px 80px -48px #0c3b4873,0 2px 6px #0c3b480d}.cf-card .form{margin-top:0}.cf-card .form-done{padding:.5rem 0}@media (min-width:900px){.cf-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.cf-intro{top:calc(var(--header-h) + 1.5rem);position:sticky}}}@media (prefers-color-scheme:dark){[data-auto-scheme] .cf-card{box-shadow:inset 0 1px #ffffff0a}}