/* Survey styles stay scoped to the invitation and the survey page. */
body.detail-polish .main-ai-notice .survey-invite {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(157, 205, 181, .24);
  font-size: 15px;
  line-height: 1.8;
}
.survey-invite a {
  color: #c7e7d7;
  text-underline-offset: 4px;
}
.survey-invite-label {
  display: block;
  margin-bottom: 9px;
  color: #d4eddc;
  font-size: 16px;
  font-weight: 700;
}
body.detail-polish .survey-invite a.button.primary {
  min-height: 44px;
  max-width: 100%;
  padding: 10px 22px;
  color: #07222a;
  font-size: 16px;
  line-height: 1.6;
  white-space: normal;
  text-decoration: none;
}
.survey-invite-deadline {
  display: block;
  margin-top: 3px;
  color: #c9d6dc;
  font-size: 13px;
}
body [data-survey-open][hidden],
body [data-survey-closed][hidden] { display: none !important; }
.survey-page .survey-container { max-width: 980px; }
.survey-page .page-title {
  font-size: clamp(25px, 3vw, 38px);
  line-height: 1.6;
}
.survey-page .survey-intro {
  max-width: 820px;
  margin: 0 auto 28px;
  padding: 24px 28px;
}
.survey-page .survey-intro p { font-size: 16px; line-height: 1.9; }
.survey-page .survey-intro p:first-child { margin-top: 0; }
.survey-page .survey-intro .survey-deadline { color: #d4eddc; font-weight: 900; }
.survey-page .survey-intro .survey-note { color: #d1dbe2; font-size: 14px; }
.survey-page .survey-back { margin-bottom: 0; }
.survey-page .survey-back a,
.survey-page .survey-external a { text-underline-offset: 4px; }
.survey-page .survey-external { margin: 0 0 16px; text-align: center; font-size: 15px; }
.survey-page .survey-form {
  display: block;
  width: 100%;
  height: 2800px;
  border: 0;
  border-radius: 10px;
  background: #f4f5f1;
}
.survey-page .survey-finished { max-width: 820px; margin-inline: auto; text-align: center; }
.survey-page .survey-finished h2 { font-size: 25px; }
.survey-page .survey-noscript { text-align: center; }
.survey-page :is(.survey-back, .survey-external, .survey-finished) a:focus-visible,
.survey-invite a:focus-visible { outline: 2px solid #a4fff0; outline-offset: 4px; }
@media (max-width: 640px) {
  .survey-page .survey-intro { padding: 20px; }
  .survey-page .survey-form { height: 3500px; }
}