/* Quiet metric surfaces with actual ratios; no decorative charts or implied mastery. */
body .kpi-grid{gap:16px;align-items:stretch}
body .kpi-grid>article.kpi:nth-child(n){--metric-accent:#5b83d6;--metric-tint:#eef3fc;position:relative;display:flex;flex-direction:column;min-width:0;min-height:174px;padding:22px 23px 23px;background:#fff;border:1px solid #e5eaf2;border-radius:15px;box-shadow:0 2px 8px #233b6203;overflow:hidden}
body .kpi-grid>article.kpi:nth-child(4n+2){--metric-accent:#58a790;--metric-tint:#edf7f3}
body .kpi-grid>article.kpi:nth-child(4n+3){--metric-accent:#bd945c;--metric-tint:#fbf5eb}
body .kpi-grid>article.kpi:nth-child(4n+4){--metric-accent:#9980c6;--metric-tint:#f4effa}
body .kpi-grid .kpi>small{display:block;color:#77869c;font-size:12px;font-weight:550;line-height:1.6;min-height:27px;padding:0 33px 0 0;margin:0;letter-spacing:0}
body .kpi-grid .kpi .kpi-icon{position:absolute;top:18px;right:18px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;background:var(--metric-tint);color:var(--metric-accent);border-radius:9px;box-shadow:none}
body .kpi-grid .kpi .kpi-icon svg{width:17px;height:17px}
body .kpi-grid .kpi>strong{display:flex;align-items:baseline;gap:3px;font-size:34px;font-weight:650;line-height:1.25;letter-spacing:-1.3px;font-variant-numeric:tabular-nums;color:#263d5c;margin:19px 0 10px}
body .kpi-grid .kpi .kpi-denom{font-size:19px;font-weight:450;color:#8c99ac;letter-spacing:-.4px}
body .kpi-grid .kpi>.trend{display:block;color:#6f7d92;font-size:11px;line-height:1.65;font-weight:400;margin-top:auto;padding:0;letter-spacing:0}
body .kpi-grid .kpi>.trend.warn{color:#aa8550}
body .kpi-grid .kpi-meter{height:3px;background:#f0f3f8;border-radius:3px;margin-top:15px;overflow:hidden}
body .kpi-grid .kpi-meter>span{display:block;height:100%;background:var(--metric-accent);border-radius:3px;opacity:.7}
@media(max-width:720px){body .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body .kpi-grid>article.kpi:nth-child(n){padding:18px;min-height:160px}body .kpi-grid .kpi>strong{font-size:30px}body .kpi-grid .kpi>small{font-size:11px}body .kpi-grid .kpi .kpi-icon{width:26px;height:26px;top:14px;right:13px}body .kpi-grid .kpi>.trend{font-size:10px}}
@media(max-width:390px){body .kpi-grid{grid-template-columns:1fr}body .kpi-grid>article.kpi:nth-child(n){min-height:150px}}
body .live-contest-demo{display:flex;align-items:center;gap:14px;padding:20px 23px;margin:0 0 22px;border:1px solid #dce8f8;border-radius:14px;background:#f3f7fd}
.live-contest-demo>div{flex:1}.live-contest-demo b{font-size:14px;color:#42618e}.live-contest-demo p{font-size:12px;color:#899bb3;line-height:1.8;margin:5px 0 0}.live-demo-dot{width:9px;height:9px;border-radius:50%;background:#5bab93;box-shadow:0 0 0 5px #e0f0e9;flex-shrink:0}
@media(max-width:650px){body .live-contest-demo{flex-wrap:wrap;padding:18px}.live-contest-demo>div{min-width:200px}.live-contest-demo .btn{margin-left:23px}}