/* 本地外壳样式 —— 只做三件事：
   1) 收窄主列宽度贴近线上视觉；2) 我新增的本地顶栏；3) 结束页/网格表/其他填空框等本地渲染兜底。
   题目、选项、单选/多选控件、导航按钮的外观全部交给线上 confirmit.css（space-salmon 主题），
   与 https://survey.euro.confirmit.com/wix/p314652648722.aspx 保持一致，避免任何覆盖。 */

body.cf-page{
  color: rgba(0,0,0,.87);
  font-family: 'Source Sans Pro', -apple-system, 'Segoe UI', sans-serif;
}
/* 宽度完全交给线上主题 confirmit.css：.cf-page__main{max-width:1272px;margin:0 auto}，
   与 https://survey.euro.confirmit.com/wix/p314652648722.aspx 一致，这里不再收窄。 */

/* 本地新增顶栏（线上没有，做成低调一条，不进入白卡）——宽度与主列 1272px 对齐 */
.local-bar{
  max-width: 1272px; margin: 0 auto; padding: 10px 16px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  color: rgba(0,0,0,.55); font-size: 13px;
}
.local-bar__title{ font-weight: 600; }
.local-bar__actions{ display: flex; align-items: center; gap: 8px; }
.local-bar select{ padding: 3px 6px; border: 1px solid rgba(0,0,0,.2); border-radius: 4px; font: inherit; }
.local-bar button{ padding: 3px 10px; border: 1px solid rgba(0,0,0,.2); background: #fff; border-radius: 4px; cursor: pointer; font: inherit; color: inherit; }
.local-bar button:hover{ background: #f2f2f2; }

.cf-loading{ color: rgba(0,0,0,.54); margin: 0; }

/* 导航按钮：confirmit 只给了背景/圆角/颜色，这里补上文字箭头的垂直居中 */
.cf-navigation__button{ display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-weight: bold; letter-spacing: 1px; }
.cf-navigation-next:hover{ filter: brightness(.96); }
.cf-navigation-back:hover{ background: rgba(66,189,209,.08); }

/* “其他，请注明”填空框：与线上一致——下划线输入框（.cf-text-box 来自 confirmit.css），
   放在 .cf-*-answer__content 内，此处不做任何盒式覆盖，仅保证不被撑破。 */
.cf-radio-answer__other, .cf-checkbox-answer__other{ margin: 0; }

/* 网格题（本地用 table 呈现） */
.cf-grid{ width: 100%; border-collapse: collapse; margin-top: 6px; }
.cf-grid th, .cf-grid td{ border-bottom: 1px solid rgba(0,0,0,.1); padding: 10px 8px; text-align: center; vertical-align: middle; }
.cf-grid th.cf-grid__scale{ font-weight: 600; color: rgba(0,0,0,.6); font-size: 14px; }
.cf-grid__row-title{ text-align: left; }
.cf-grid__cell .cf-radio-answer{ display: inline-flex; justify-content: center; }

/* 错误提示 */
.cf-question__error{ color: #ff0000; font-size: 14px; margin-top: 8px; display: none; }
.cf-question__error.cf-error--show{ display: block; }

/* 结束 / 甄别终止页 */
.cf-stop{ background: #fff; padding: 40px 24px; text-align: center; }
.cf-stop h2{ color: rgba(0,0,0,.8); font-weight: bold; }
.cf-stop button{ margin: 14px 6px 0; background: #42bdd1; color: #fff; border: none; padding: 10px 22px; border-radius: 3px; cursor: pointer; font: inherit; }
.cf-stop button:hover{ filter: brightness(.96); }
.cf-stop button.cf-btn--ghost{ background: #fff; color: #42bdd1; border: 1px solid #42bdd1; }

img{ max-width: 100%; }