.survey-results *{box-sizing:border-box}.survey-results{margin:0;background:#f0ebf8;color:#202124;font:14px Arial,sans-serif}.survey-results{max-width:820px;padding:24px;margin:auto}.survey-results .surveytitle{background:white;border:1px solid #dadce0;border-radius:8px;border-top:10px solid #673ab7;padding:24px;margin-bottom:12px}.survey-results h1{font-size:30px;line-height:1.25;font-weight:400;margin:0 0 20px}.survey-results .total{font-size:28px;margin:0}.survey-results .tabs{display:flex;gap:8px;margin:0 0 20px}.survey-results .tabs button{background:white;border:1px solid #dadce0;padding:12px 18px;border-radius:5px;color:#5f6368;cursor:pointer;font:14px Arial}.survey-results .tabs button[aria-selected=true]{color:#673ab7;border-bottom:3px solid #673ab7}.survey-results .card{background:#fff;border:1px solid #dadce0;border-radius:8px;margin:12px 0;padding:24px}.survey-results .card h2{font-size:16px;font-weight:400;line-height:1.5;margin:0 0 8px;white-space:pre-line}.survey-results .qnum{font-weight:500}.survey-results .count{font-size:12px;line-height:1.6;margin:0 0 18px}.survey-results .piechart{display:flex;align-items:center;gap:24px}.survey-results .pie{width:320px;max-width:46%;flex-shrink:0}.survey-results .legend{list-style:none;padding:0;margin:0;flex:1}.survey-results .legend li{display:flex;gap:9px;font-size:12px;line-height:1.5;margin:8px 0;overflow-wrap:anywhere}.survey-results .legend i,.survey-results .branch i{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:3px}.survey-results .legend b{font-weight:400;white-space:nowrap;color:#5f6368;margin-left:5px}.survey-results .bars{margin:26px 0 10px}.survey-results .barrow{display:grid;grid-template-columns:46% 54%;margin:14px 0;gap:0;align-items:center}.survey-results .barlabel{font-size:12px;line-height:1.5;padding-right:15px;text-align:right}.survey-results .bararea{height:25px;position:relative;background:linear-gradient(to right,#dadce0 1px,transparent 1px);background-size:50% 100%;margin-right:92px}.survey-results .bar{height:100%}.survey-results .bararea span{position:absolute;left:calc(100% + 9px);top:5px;white-space:nowrap;font-size:12px}.survey-results .axis{margin-left:46%;margin-right:92px;display:flex;justify-content:space-between;font-size:11px;color:#5f6368}.survey-results .small{font-size:11px;color:#5f6368;line-height:1.5;margin-top:20px}.survey-results .branch{font-size:12px;line-height:1.6;display:flex;gap:8px;padding-top:12px;border-top:1px solid #eee}.survey-results .footer{color:#70757a;font-size:11px;line-height:1.6;margin-top:22px}.survey-results [hidden]{display:none!important}.survey-results button:focus-visible{outline:3px solid #a78bd1;outline-offset:3px}@media(max-width:650px){main{padding:12px}.survey-results .card{padding:20px}.survey-results .surveytitle{padding:22px}.survey-results h1{font-size:25px}.survey-results .piechart{flex-direction:column;gap:5px;align-items:stretch}.survey-results .pie{max-width:100%;width:270px;align-self:center}.survey-results .barrow{display:block;margin:20px 0}.survey-results .barlabel{text-align:left;margin-bottom:7px}.survey-results .bararea{margin-right:85px}.survey-results .axis{margin-left:0;margin-right:85px}.survey-results .tabs button{padding:11px 13px}}@media print{body{background:white}.survey-results{max-width:none;padding:0}.survey-results .tabs{display:none}.survey-results .survey[hidden]{display:block!important}.survey-results .survey{break-before:page}.survey-results .card{break-inside:avoid}.survey-results .piechart{flex-direction:row}.survey-results .pie{max-width:42%}}.survey-results .contactlist{list-style:none;padding:0;margin:0}.survey-results .contactlist li{background:#f8f9fa;border-radius:4px;padding:12px;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.survey-results .card h2 b{font-weight:700}.survey-results .contacts{break-inside:auto}.survey-results .section-title{background:#5941e8;color:white;font-weight:700;font-size:14px;line-height:1.5;padding:12px 24px;margin:-24px -24px 20px;border-radius:7px 7px 0 0}@media(max-width:650px){.section-title{margin:-20px -20px 20px;padding:12px 20px}}@media print{.section-title{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.survey-results{background:#fcfcfb;font-size:16px;color:#242a2d}.survey-results{padding:0 0 24px;max-width:820px}.survey-results .surveytitle{background:transparent;border:0;border-top:2px solid #315c6b;border-radius:0;padding:24px 0;margin:24px 0 12px}.survey-results .surveytitle h1{font-family:Georgia,serif;font-size:28px}.survey-results .total{font-size:22px;color:#315c6b}.survey-results .tabs{flex-wrap:wrap;gap:8px}.survey-results .tabs button{font-size:16px;color:#626b70;border-radius:0;padding:12px 15px}.survey-results .tabs button[aria-selected=true]{color:#315c6b;border-bottom-color:#315c6b}.survey-results .card{background:transparent;border:0;border-bottom:1px solid #dce1e2;border-radius:0;padding:24px 0;margin:0}.survey-results .card h2{font-size:17px}.survey-results .section-title{background:#f1f5f5;color:#315c6b;border-radius:0;margin:0 0 22px;padding:13px 16px;font-size:15px}.survey-results .count,.survey-results .legend li,.survey-results .barlabel,.survey-results .bararea span{font-size:14px}.survey-results .small,.survey-results .branch,.survey-results .footer{font-size:13px}.survey-results .legend b{white-space:normal}.survey-results .pie{max-width:44%}.survey-results .bararea{margin-right:100px}.survey-results .axis{margin-right:100px}.survey-results .footer{padding:20px 0;line-height:1.6}.survey-results button:focus-visible{outline-color:#315c6b}.survey-results .tabs button:hover{background:#f1f5f5}.survey-results .survey{scroll-margin-top:1rem}@media(max-width:650px){main{padding:0 8px 20px}.survey-results .card{padding:24px 0}.survey-results .section-title{margin:0 0 20px;padding:12px}.survey-results .surveytitle{padding:20px 0}.survey-results .pie{max-width:100%;width:270px}.survey-results .tabs button{font-size:14px;padding:12px}.survey-results .legend li{font-size:14px}.survey-results .bararea{margin-right:100px}.survey-results .axis{margin-right:100px}}.survey-results .survey[hidden]{display:block!important}.survey-results .tabs{display:none}
.survey-results{padding:0;background:transparent;max-width:none}.survey-results .tabs{display:flex;width:fit-content;max-width:100%;gap:4px;padding:5px;border-radius:999px;background:#edf2f3;margin:0 0 28px}.survey-results .tabs button{border:0;border-radius:999px;background:transparent;padding:11px 22px;font-size:16px;color:#526269;transition:background .15s,color .15s,box-shadow .15s}.survey-results .tabs button[aria-selected=true]{background:#315c6b;color:white;box-shadow:0 2px 6px #193c4920}.survey-results .tabs button:hover:not([aria-selected=true]){background:#dfe9ec}.survey-results .surveytitle{margin-top:0}.survey-results .surveytitle h2{font:400 1.7rem/1.3 Georgia,serif;margin:0 0 16px}@media(max-width:400px){.survey-results .tabs button{padding:10px 14px;font-size:14px}}