/* アンケート。3つの画面で共有する見た目。
   結果の下に置くので、主役を食わないよう静かにする。 */
.survey{border:1px solid var(--line);background:var(--bg-raised);
  padding:22px;display:flex;flex-direction:column;gap:14px}
.survey .sv-k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fg-quiet)}
.survey .sv-lede{margin:0;font-size:13.5px;color:var(--fg-quiet);font-style:italic}
.survey .sv-q{font-size:14px;margin-top:6px}
.survey .sv-opts{display:flex;flex-wrap:wrap;gap:8px}
.survey .sv-mail input{font-family:var(--gothic);font-size:15px;color:var(--fg);
  background:var(--bg);border:1px solid var(--line);padding:10px 12px;width:100%;max-width:340px}
.survey .sv-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;
  color:var(--fg-quiet);cursor:pointer;line-height:1.6}
.survey .sv-consent input{margin-top:3px;flex:none;width:16px;height:16px;accent-color:var(--accent)}
.survey .btn{align-self:flex-start}
.survey .sv-msg{font-size:13px;color:var(--fg-quiet);min-height:1em}
.survey .sv-msg.warn{color:var(--hi)}