.sf-card{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:clamp(20px,4vw,40px)}.sf-progress{gap:8px;margin-bottom:26px;display:flex}.sf-progress span{background:var(--page);height:34px;color:var(--ink-soft);border-radius:999px;flex:1;place-items:center;font-weight:600;transition:all .25s;display:grid}.sf-progress .is-current{background:var(--navy-700);color:var(--paper)}.sf-progress .is-done{background:var(--navy-900);color:var(--paper)}.sf-step,.sf-results{animation:.3s sf-in}.sf-count{background:var(--page);color:var(--ink-soft);border-radius:999px;align-items:baseline;gap:6px;margin-bottom:18px;padding:8px 14px;display:inline-flex}.sf-count strong{color:var(--navy-900);font-size:22px}.sf-question{align-items:center;gap:14px;margin-bottom:22px;display:flex}.sf-question h2{margin:0}.sf-question h2:focus,.sf-results h2:focus{outline:none}.sf-question-icon{background:var(--navy-700);width:52px;height:52px;color:var(--paper);border-radius:50%;flex:none;place-items:center;display:grid}.sf-options{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.sf-option{border:1px solid var(--line);background:var(--page);min-height:78px;color:var(--navy-900);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;gap:5px;padding:16px 18px;font:600 17px/1.35 inherit;transition:transform .18s,border-color .18s,background .18s;display:flex}.sf-option small{color:var(--ink-soft);font-size:14px;font-weight:400}.sf-option:hover{border-color:var(--navy-700);transform:translateY(-2px)}.sf-option.is-selected{background:var(--navy-700);color:var(--paper)}.sf-option.is-selected small{color:var(--paper)}.sf-back{min-height:44px;color:var(--navy-900);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:20px;font-weight:600;display:inline-flex}.sf-summary{flex-wrap:wrap;gap:8px;margin:12px 0 24px;display:flex}.sf-summary button{border:1px solid var(--line);background:var(--page);min-height:44px;color:var(--navy-900);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.sf-summary span{color:var(--ink-soft);font-weight:400}.sf-home-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.sf-home{border:1px solid var(--line);background:var(--page);border-radius:12px;padding:20px;animation:.35s both sf-in}.sf-home h3{margin:8px 0}.sf-borough{color:var(--ink-soft);align-items:center;gap:5px;font-size:14px;display:inline-flex}.sf-home ul{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.sf-home li{background:var(--paper);color:var(--navy-900);border-radius:999px;padding:4px 9px;font-size:13px}.sf-home-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.sf-next{margin-top:24px}@keyframes sf-in{0%{transform:translateY(8px)}to{transform:none}}@media (width<=600px){.sf-options{grid-template-columns:1fr}.sf-question-icon{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.sf-step,.sf-results,.sf-home{animation:none}.sf-option{transition:none}}.sf-card .sf-option{white-space:normal;height:auto;box-shadow:none;align-items:flex-start;font-family:inherit;font-size:17px;font-weight:600}.sf-card .sf-summary button{white-space:normal;height:auto;box-shadow:none}.sf-card .sf-back{height:auto;box-shadow:none}
