.period-compare{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:12px;margin:18px 0}.period-compare>div{display:grid;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.period-compare span,.period-compare small,.report-note{color:var(--muted)}.period-compare strong{font-size:1.15rem;color:var(--green)}.report-detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;margin:20px 0}.share-bar{width:110px;height:8px;overflow:hidden;border-radius:99px;background:#e4ebe7}.share-bar i{display:block;height:100%;border-radius:99px;background:var(--green2)}.report-total{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:16px;border-radius:14px;background:var(--mint)}.report-total strong{font-size:1.45rem;color:var(--green)}.ranking-list{display:grid;gap:8px}.ranking-list article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px}.ranking-list article>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff}.ranking-list article>div{display:grid}.ranking-list article>div:last-child{text-align:right}.ranking-list small{color:var(--muted)}@media(max-width:950px){.period-compare,.report-detail-grid{grid-template-columns:1fr 1fr}.period-compare>div:first-child{grid-column:1/-1}}@media(max-width:620px){.period-compare,.report-detail-grid{grid-template-columns:1fr}.ranking-list article{grid-template-columns:38px 1fr}.ranking-list article>div:last-child{grid-column:2;text-align:left}}