/* Only the survey section: compact the six metrics without hiding any result. */
.b-refined-preview #context{padding:28px 0}
.b-refined-preview #context .section-head{margin-bottom:14px}
.b-refined-preview #context .survey-charts{gap:0}
.b-refined-preview #context .survey-stat{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;padding:14px 18px;text-align:left}
.b-refined-preview #context .donut{width:132px;height:132px;margin:0}
.b-refined-preview #context .donut circle{stroke-width:7}
.b-refined-preview #context .donut>span{flex-direction:column;gap:4px;line-height:1}
.b-refined-preview #context .survey-percentage{display:flex;align-items:baseline;font-size:38px;font-weight:900;line-height:1;letter-spacing:-.045em}
.b-refined-preview #context .survey-percentage small{font-size:18px;margin:0 0 0 2px}
.b-refined-preview #context .donut>span .survey-sample{font-size:10px;font-weight:500;line-height:1.2;letter-spacing:0;color:#bfd0df;margin:0}
.b-refined-preview #context .survey-stat h3,.b-refined-preview #context .survey-stat h3 em{font-size:16px;line-height:1.55;min-height:0}
.b-refined-preview #context .survey-stat:first-child h3 .survey-phrase{display:inline;white-space:normal}
.b-refined-preview #context .survey-note{font-size:11px;line-height:1.7;margin:14px auto 0}
@media(min-width:960px) and (max-width:1199px){
  .b-refined-preview #context .survey-stat{grid-template-columns:104px minmax(0,1fr);gap:10px;padding:12px}
  .b-refined-preview #context .donut{width:104px;height:104px}
  .b-refined-preview #context .survey-percentage{font-size:30px}
  .b-refined-preview #context .survey-percentage small{font-size:15px}
  .b-refined-preview #context .survey-stat h3,.b-refined-preview #context .survey-stat h3 em{font-size:14px}
}
@media(min-width:744px) and (max-width:959px){
  .b-refined-preview #context .survey-charts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b-refined-preview #context .survey-stat{grid-template-columns:96px minmax(0,1fr);padding:10px 18px;border-right:1px solid #c3e4ff33;border-top:0}
  .b-refined-preview #context .survey-stat:nth-child(2n){border-right:0}
  .b-refined-preview #context .survey-stat:nth-child(n+3){border-top:1px solid #c3e4ff33}
  .b-refined-preview #context .donut{width:96px;height:96px}
  .b-refined-preview #context .survey-percentage{font-size:28px}
  .b-refined-preview #context .survey-percentage small{font-size:14px}
  .b-refined-preview #context .donut>span .survey-sample{font-size:9px}
  .b-refined-preview #context .survey-stat h3,.b-refined-preview #context .survey-stat h3 em{font-size:14px}
}
@media(max-width:743px){
  .b-refined-preview #context{padding:22px 0}
  .b-refined-preview #context .section-head{margin-bottom:14px}
  .b-refined-preview #context .survey-stat{display:flex;flex-direction:column;gap:8px;padding:8px 5px;text-align:center}
  .b-refined-preview #context .donut{width:84px;height:84px}
  .b-refined-preview #context .donut>span{gap:3px}
  .b-refined-preview #context .survey-percentage{font-size:26px}
  .b-refined-preview #context .survey-percentage small{font-size:13px}
  .b-refined-preview #context .donut>span .survey-sample{font-size:8.5px}
  .b-refined-preview #context .survey-stat h3,.b-refined-preview #context .survey-stat h3 em{font-size:12px;line-height:1.45;min-height:0}
  .b-refined-preview #context .survey-note{font-size:10px;line-height:1.6;margin-top:12px}
}