.survey-switch{display:flex;align-items:center;gap:8px}
.survey-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid #e0e9e2;border-radius:8px;color:#63806d;font-size:12px;font-weight:700}
.survey-switch a.active{background:#eaf4ec;border-color:#b9d5c0;color:#286a4f}
.c-intro{max-width:590px!important;margin-top:19px!important;color:#738c79!important;font-size:13px!important;line-height:1.85!important}
.c-intro:before{content:"";display:block;width:35px;height:2px;background:#a7c4a5;margin-bottom:12px}
.done-meta{font-size:12px;color:#72917b;margin-top:-18px!important}
@media(max-width:740px){
 .topbar{align-items:center;flex-wrap:wrap}
 .survey-switch{flex:1;min-width:0;justify-content:flex-end;gap:5px}
 .survey-switch a{min-height:42px;padding:0 9px;font-size:11px;white-space:nowrap}
 .brand{flex:0 0 auto}
 .c-intro{max-width:100%!important;margin-top:14px!important;font-size:12px!important;padding-right:8px}
 .hero{min-height:300px}
 .done-meta{margin-top:-12px!important}
}
@media(max-width:390px){
 .topbar{padding-left:11px;padding-right:11px;gap:6px}
 .brand{gap:6px}
 .brand-symbol{width:33px;height:33px}
 .brand strong{font-size:15px}
 .brand small{font-size:9px}
 .survey-switch a{padding:0 7px;font-size:10px;min-height:40px}
}