/* =========================================================
   CSS БЛОКА: СТРАНИЦА РЕЗУЛЬТАТОВ
   ========================================================= */
.results-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px}
.results-achievements-panel,.report-export-box{grid-column:1/-1}
.results-achievements-head{justify-content:center}
.results-achievements-head h3{width:100%;text-align:center}
.monthly-score{display:flex;flex-direction:column;justify-content:center;min-height:280px}
.monthly-score>strong{font:800 64px/.95 "Manrope",sans-serif;margin-top:14px}
.monthly-score p{color:var(--muted);margin:8px 0 30px}
.bars--large .bar-row{grid-template-columns:120px 1fr 52px}
.bars--large .bar-track{height:9px}
.result-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.fact{padding:0;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid var(--line);overflow:hidden}
.fact__summary{width:100%;padding:16px;border:0;background:transparent;color:inherit;text-align:center;cursor:pointer}
.fact strong{display:block;font:700 30px "Manrope",sans-serif}
.fact span{display:block;color:var(--muted);font-size:15px;margin-top:5px}
.fact__details{display:grid;gap:6px;max-height:0;padding:0 16px;overflow:hidden;opacity:0;color:var(--muted);font-size:9px;line-height:1.55;transform:translateY(-4px);transition:max-height .24s ease,padding .24s ease,opacity .18s ease,transform .24s ease}
.fact.open .fact__details{max-height:360px;padding:0 16px 16px;opacity:1;transform:none}
.fact__details p{margin:0;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.025); font-size: 16px;background: none;}

.fact::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    opacity:0;
    transition:opacity .2s ease;
    box-shadow:
        inset 0 0 20px rgba(255,255,255,.05),
        0 0 22px rgba(255,255,255,.16);
}

.fact:hover{
    transform:translateY(-3px);
    border-color:rgba(255,255,255,.3);
    box-shadow:
        0 0 18px rgba(255,255,255,.12),
        0 0 35px rgba(255,255,255,.06);
}

.fact:hover::after{
    opacity:1;
}