/*! Have Your Say */
.dwx-app .dwx-hys-sec { margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--dwx-line); }
.dwx-app .dwx-hys-sec .dwx-sub { margin-top: 0; }
.dwx-app .dwx-hys-sec > .dwx-lead { margin-bottom: 16px; }
.dwx-app .dwx-hys-form { display: grid; gap: 14px; max-width: 640px; }
.dwx-app .dwx-hys-field { display: grid; gap: 6px; font-size: 14.5px; color: var(--dwx-muted); }
.dwx-app .dwx-hys-field input, .dwx-app .dwx-hys-field textarea { width: 100%; min-height: 44px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--dwx-line-strong); background: var(--dwx-surface); color: var(--dwx-ink); font: inherit; font-size: 16px; }
.dwx-app .dwx-hys-field textarea { resize: vertical; min-height: 110px; }
.dwx-app .dwx-hys-field input:focus, .dwx-app .dwx-hys-field textarea:focus { outline: 2px solid var(--dwx-gold); outline-offset: 1px; }
.dwx-app .dwx-hys-two { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.dwx-app .dwx-hys-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.dwx-app .dwx-hys-msg { padding: 12px 16px; border-radius: 10px; border: 1px solid var(--dwx-gold); color: var(--dwx-cream); max-width: 640px; }
.dwx-app .dwx-hys-msg.is-error { border-color: var(--dwx-lav); }
.dwx-app .dwx-hys-choices { max-width: 560px; margin-top: 0; }
.dwx-app .dwx-hys-thanks { color: var(--dwx-cream); margin-bottom: 12px; }
.dwx-app .dwx-hys-thanks:focus { outline: none; }
.dwx-app .dwx-hys-bars { display: grid; gap: 10px; max-width: 620px; margin-bottom: 8px; }
.dwx-app .dwx-hys-bar { display: grid; grid-template-columns: minmax(140px, 220px) 1fr 46px; gap: 10px; align-items: center; font-size: 14.5px; color: var(--dwx-muted); }
.dwx-app .dwx-hys-track { height: 12px; border-radius: 6px; background: var(--dwx-surface); border: 1px solid var(--dwx-line); overflow: hidden; }
.dwx-app .dwx-hys-track span { display: block; height: 100%; background: var(--dwx-lav); border-radius: 6px; transition: width 1s ease; }
.dwx-app .dwx-hys-bar.is-mine { color: var(--dwx-cream); font-weight: 600; }
.dwx-app .dwx-hys-bar.is-mine .dwx-hys-track span { background: var(--dwx-gold); }
.dwx-app .dwx-hys-pc { text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 600px) {
  .dwx-app .dwx-hys-two { grid-template-columns: 1fr; }
  .dwx-app .dwx-hys-bar { grid-template-columns: 1fr 46px; }
  .dwx-app .dwx-hys-bl { grid-column: 1 / -1; }
}