.survey{max-width:820px;padding-top:56px;padding-bottom:64px}.survey .intro{margin-bottom:34px}
.survey form{padding:32px}.q{border:0;margin:0 0 30px;padding:0}.q legend,.q.field>label{font-size:17px;font-weight:500;margin-bottom:12px;padding:0;display:block}.q legend span:not(.n),.q.field>label span:not(.n){font-weight:400;color:var(--muted);font-size:14px;margin-left:6px}
.n{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:8px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:500;vertical-align:1px}
.chip{display:inline-flex;align-items:center;gap:8px;margin:0 8px 10px 0;padding:10px 14px;border:1px solid #b7ac9b;border-radius:2px;background:#fff;font-size:15px;font-weight:400;cursor:pointer;min-height:44px}
.chip:hover{border-color:var(--wood)}.chip:has(input:checked){background:var(--ink);border-color:var(--ink);color:#fff}.chip:has(input:disabled){opacity:.45;cursor:not-allowed}
.chip input{width:auto;margin:0;accent-color:var(--wood)}.chip:has(input:focus-visible){outline:3px solid var(--wood);outline-offset:2px}
.q.missing legend,.q.missing.field>label{color:#982a22}.survey .button{width:100%}
@media(max-width:800px){.survey{padding-top:30px}.survey form{padding:20px}.chip{width:100%;margin-right:0}}