.how{counter-reset:none;gap:24px;display:grid}@media (min-width:48em){.how{gap:var(--gutter);grid-template-columns:repeat(3,1fr)}}.how li{background:var(--surface);padding:28px 24px;font-size:17px;line-height:1.5}.how li strong{font-family:var(--font-display);margin-bottom:12px;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:700;line-height:1.1;display:block}.how li:nth-child(2){background:var(--lime);color:var(--night)}fieldset{border:0;min-width:0;margin:0;padding:0}legend{padding:0}.kind{cursor:pointer;display:block}.kind input{opacity:0;pointer-events:none;position:absolute}.kind-box{background:var(--surface);transition:background-color var(--t-hover) ease, color var(--t-hover) ease, transform var(--t-press) var(--ease-out);gap:4px;padding:18px 20px;display:grid}.kind-title{font-family:var(--font-display);font-size:18px;font-weight:700}.kind-desc{color:var(--ink-soft);font-size:15px}.kind input:checked+.kind-box{background:var(--lime);color:var(--night)}.kind input:checked+.kind-box .kind-desc{color:var(--moss)}.kind input:focus-visible+.kind-box{outline:2px solid var(--lime);outline-offset:3px}.kind:active .kind-box{transform:scale(.99)}.dropzone{text-align:center;background:var(--surface);cursor:pointer;transition:background-color var(--t-hover) ease;place-items:center;gap:6px;padding:44px 24px;display:grid}.dropzone:hover,.dropzone:focus-within{background:var(--surface-2)}