.vsq{--ink:#17324d;--soft:#f4f8fb;--line:#dce7ef;--accent:#167b78;max-width:920px;margin:28px auto;font-family:inherit;color:var(--ink)}
.vsq *{box-sizing:border-box}.vsq-head,.vsq-result-head{text-align:center;padding:28px 18px}.vsq-kicker,.vsq-result-head>span{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--accent)}
.vsq h2{font-size:clamp(28px,4vw,42px);line-height:1.08;margin:9px 0 10px}.vsq-head p,.vsq-result-head p{max-width:680px;margin:0 auto;color:#60758a}
.vsq-progress{height:8px;background:#e8eff4;border-radius:20px;margin:25px auto 8px;max-width:560px;overflow:hidden}.vsq-progress span{display:block;height:100%;width:0;background:var(--accent);transition:.3s}
.vsq-progress-text{font-size:13px;color:#718398}.vsq-step{display:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 12px 35px rgba(27,58,80,.07)}
.vsq-step.is-active{display:block}.vsq-step h3{text-align:center;font-size:26px;margin:0 0 8px}.vsq-help{text-align:center;color:#738496;margin:0 0 22px}
.vsq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.vsq-grid.two{grid-template-columns:repeat(2,1fr)}.vsq-grid.three{grid-template-columns:repeat(3,1fr)}.vsq-grid.months{grid-template-columns:repeat(4,1fr)}
.vsq-choice{appearance:none;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:20px 14px;min-height:96px;color:var(--ink);cursor:pointer;transition:.18s;font:inherit}
.vsq-choice:hover{transform:translateY(-2px);border-color:#8bbfbd;box-shadow:0 8px 20px rgba(23,50,77,.08)}.vsq-choice.selected{border-color:var(--accent);background:#eff9f8;box-shadow:0 0 0 2px rgba(22,123,120,.12)}
.vsq-choice span{font-size:30px;display:block;margin-bottom:7px}.vsq-choice b{display:block;font-size:16px}.vsq-choice small{display:block;color:#738496;margin-top:5px}.vsq-choice.compact{min-height:64px;padding:15px 10px}.vsq-choice.wide{grid-column:1/-1}
.vsq-next,.vsq-restart{display:block;margin:24px auto 0;border:0;background:var(--accent);color:white;padding:14px 24px;border-radius:999px;font-weight:800;cursor:pointer}
.vsq-results{margin-top:12px}.vsq-card{display:flex;gap:18px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px;margin:13px 0;box-shadow:0 7px 24px rgba(27,58,80,.055)}
.vsq-card.winner{border:2px solid var(--accent);box-shadow:0 12px 34px rgba(22,123,120,.13)}.vsq-rank{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-weight:900;font-size:18px}
.winner .vsq-rank{background:var(--accent);color:#fff}.vsq-card-main{flex:1}.vsq-title{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center}.vsq-title h3{margin:0;font-size:25px}.vsq-title span{color:#718398}.vsq-title strong{grid-row:1/3;grid-column:2;font-size:25px;color:var(--accent)}
.vsq-why{margin:12px 0;color:#526a7d}.vsq-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vsq-metrics span{background:var(--soft);border-radius:10px;padding:9px}.vsq-metrics small{display:block;color:#718398;font-size:11px}.vsq-metrics b{font-size:13px;letter-spacing:.03em}
.vsq-link{display:inline-block;margin-top:13px;font-weight:800;color:var(--accent);text-decoration:none}
@media(max-width:650px){.vsq-step{padding:20px 14px}.vsq-grid,.vsq-grid.two,.vsq-grid.three{grid-template-columns:1fr 1fr}.vsq-grid.months{grid-template-columns:repeat(2,1fr)}.vsq-card{padding:15px;gap:10px}.vsq-metrics{grid-template-columns:repeat(2,1fr)}.vsq-title h3{font-size:21px}.vsq-title strong{font-size:20px}}.widgets-grid-layout {
width: 100%;
}
.widgets-grid-layout::before,
.widgets-grid-layout::after {
content: " ";
display: table;
}
.widgets-grid-layout::after {
clear: both;
}
.widget-grid-view-image {
float: left;
max-width: 50%;
}
.widget-grid-view-image a {
display: block;
margin: 0 2px 4px 0;
}
.widget-grid-view-image:nth-child(even) {
float: right;
}
.widget-grid-view-image:nth-child(even) a {
margin: 0 0 4px 2px;
}
.widgets-grid-layout .widget-grid-view-image img {
max-width: 100%;
height: auto;
} .widgets-multi-column-grid ul {
overflow: hidden;
padding: 0;
margin: 0;
list-style-type: none;
}
.widgets-multi-column-grid ul li {
background: none;
clear: none;
float: left;
margin: 0 -5px -3px 0;
padding: 0 8px 6px 0;
border: none;
list-style-type: none !important;
}
.widgets-multi-column-grid ul li a {
background: none;
margin: 0;
padding: 0;
border: 0;
}
.widgets-multi-column-grid .avatar {
vertical-align: middle;
} .widgets-list-layout {
padding: 0;
margin: 0;
list-style-type: none;
}
.widgets-list-layout li::before,
.widgets-list-layout li::after {
content: "";
display: table;
}
.widgets-list-layout li::after {
clear: both;
}
.widgets-list-layout li {
zoom: 1;
margin-bottom: 1em;
list-style-type: none !important;
}
.widgets-list-layout .widgets-list-layout-blavatar {
float: left;
width: 21.276596%;
max-width: 40px;
height: auto;
}
.widgets-list-layout-links {
float: right;
width: 73.404255%;
}
.widgets-list-layout span {
opacity: 0.5;
}
.widgets-list-layout span:hover {
opacity: 0.8;
}