.libi{--g:#2f7d32;--gd:#1f5d24;--bg:#f5faf3;--line:#dbe8d7;max-width:850px;margin:25px auto;font-family:inherit;color:#233128;background:#fff;border:1px solid #e1e8df;border-radius:18px;box-shadow:0 8px 30px rgba(30,60,35,.08);overflow:hidden}
.libi *{box-sizing:border-box}.libi-head{display:flex;gap:16px;align-items:center;padding:25px 28px;background:linear-gradient(135deg,#f4faf1,#eaf5e5)}.libi-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:27px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.07)}.libi h2{margin:0 0 4px;font-size:27px;color:#1d4922}.libi-head p{margin:0;color:#58655b}.libi-progress{height:6px;background:#edf1ec}.libi-progress span{display:block;height:100%;background:var(--g);transition:.3s}.libi-stage{padding:28px}.libi-count{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--g);margin-bottom:7px}.libi h3{font-size:23px;margin:0 0 20px;color:#243329}.libi-options{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.libi-option{font:inherit;text-align:left;padding:15px 17px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;color:#27382b;transition:.15s}.libi-option:hover{border-color:#8cb58b;background:#f8fcf6}.libi-option.sel{border:2px solid var(--g);background:#eef8eb;padding:14px 16px;font-weight:700}.libi-nav{display:flex;justify-content:space-between;padding:0 28px 25px}.libi-nav button,.libi-restart{font:inherit;border:0;border-radius:10px;padding:12px 18px;cursor:pointer;font-weight:700}.libi-next{background:var(--g);color:#fff}.libi-next:disabled{opacity:.4;cursor:not-allowed}.libi-back{background:#eef2ed;color:#35443a}.libi-note{font-size:12px;color:#738077;text-align:center;padding:0 20px 20px;margin:0}.libi-resulthead{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.libi-resulthead>span{font-size:30px}.libi-resulthead h3{margin-bottom:3px}.libi-resulthead p{margin:0;color:#68746b}.libi-card{border:1px solid var(--line);border-radius:14px;padding:19px;margin:0 0 14px;background:#fff}.libi-card.first{border:2px solid #65a967;background:#fbfef9}.libi-cardtop{display:flex;justify-content:space-between;gap:15px}.libi-rank{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--g);font-weight:800}.libi-card h4{font-size:21px;margin:3px 0 0;color:#1d3d22}.libi-card em{font-size:13px;color:#748078}.libi-score{text-align:right}.libi-score b{display:block;font-size:27px;color:var(--g)}.libi-score small{color:#778079}.libi-meter{height:7px;background:#e9eee7;border-radius:8px;margin:13px 0 16px;overflow:hidden}.libi-meter span{display:block;height:100%;background:var(--g);border-radius:8px}.libi-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;font-size:13px}.libi-facts span{padding:9px;background:var(--bg);border-radius:8px}.libi-article{margin-top:14px;font-size:14px}.libi-article a{display:inline-block;color:#fff!important;background:var(--g);text-decoration:none!important;padding:9px 13px;border-radius:8px;font-weight:700}.libi-article span{color:#89938c;font-size:12px}.libi-restart{display:block;margin:20px auto 0;background:#eef5eb;color:var(--gd)}
@media(max-width:650px){.libi{border-radius:12px}.libi-head,.libi-stage{padding:20px}.libi-options{grid-template-columns:1fr}.libi-nav{padding:0 20px 20px}.libi-facts{grid-template-columns:repeat(2,1fr)}.libi-cardtop{align-items:flex-start}.libi h2{font-size:23px}}.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;
}