.qpm-app{--g:#237a43;--lg:#edf8ef;--ink:#173322;max-width:940px;margin:28px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}.qpm-hero{background:linear-gradient(135deg,#174f2e,#2e8a4e);color:#fff;padding:34px;border-radius:22px 22px 0 0}.qpm-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;opacity:.85}.qpm-hero h2{font-size:clamp(28px,5vw,46px);line-height:1.05;margin:9px 0}.qpm-hero p{font-size:17px;margin:0;max-width:700px}.qpm-form{padding:28px;background:#fff;border:1px solid #dce9df;border-top:0;border-radius:0 0 22px 22px;box-shadow:0 12px 35px rgba(23,79,46,.09)}.qpm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.qpm-grid label span{display:block;font-weight:750;margin-bottom:7px}.qpm-grid select{width:100%;padding:13px 14px;border:1px solid #cad9ce;border-radius:11px;background:#fff;font-size:15px;color:#193526}.qpm-button{display:block;width:100%;margin-top:22px;padding:16px;border:0;border-radius:12px;background:var(--g);color:#fff;font-size:17px;font-weight:800;cursor:pointer}.qpm-button:hover{filter:brightness(.94)}.qpm-note,.qpm-disclaimer{font-size:13px;color:#637368}.qpm-note{text-align:center;margin:12px 0 0}.qpm-results{display:none;scroll-margin-top:24px;margin-top:30px}.qpm-results.is-visible{display:block}.qpm-results-head{text-align:center;margin-bottom:18px}.qpm-results-head span{font-size:12px;font-weight:800;color:var(--g);letter-spacing:.1em}.qpm-results-head h3{font-size:30px;margin:5px 0}.qpm-results-head p{margin:0;color:#637368}.qpm-cards{display:grid;gap:12px}.qpm-card{position:relative;display:flex;gap:17px;align-items:flex-start;background:#fff;border:1px solid #dce9df;border-radius:17px;padding:19px;box-shadow:0 6px 20px rgba(30,70,42,.06)}.qpm-rank{position:absolute;right:14px;top:12px;color:#8a998e;font-size:12px;font-weight:800}.qpm-emoji{width:56px;height:56px;border-radius:15px;background:var(--lg);display:grid;place-items:center;font-size:30px;flex:0 0 auto}.qpm-card-main{flex:1}.qpm-titleline{display:flex;align-items:center;justify-content:space-between;gap:50px}.qpm-titleline h4{font-size:21px;margin:0}.qpm-titleline strong{color:var(--g);font-size:20px}.qpm-bar{height:6px;background:#e8eee9;border-radius:99px;margin:8px 0 10px;overflow:hidden}.qpm-bar i{display:block;height:100%;background:var(--g);border-radius:99px}.qpm-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;font-weight:650;color:#53675a}.qpm-card p{margin:9px 0;font-size:14px}.qpm-card a{font-size:14px;font-weight:800;color:var(--g);text-decoration:none}.qpm-disclaimer{background:#f6f8f6;padding:14px 16px;border-radius:12px;margin-top:16px}@media(max-width:650px){.qpm-grid{grid-template-columns:1fr}.qpm-hero,.qpm-form{padding:22px}.qpm-card{gap:12px;padding:15px}.qpm-emoji{width:46px;height:46px;font-size:25px}.qpm-titleline h4{font-size:18px}.qpm-titleline strong{font-size:17px}.qpm-meta{gap:7px;display:grid}.qpm-results-head h3{font-size:25px}}.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;
}