/* My growth: weekly bars. Plain, readable, no colour carries meaning on its own. */
.gr-weeks { list-style: none; margin: 12px 0; padding: 0; display: grid; gap: 10px; }
.gr-weeks li { display: grid; grid-template-columns: 8.5em minmax(0, 1fr) 5.5em; gap: 10px; align-items: center; }
.gr-label { font-weight: 600; }
.gr-bar { display: block; height: 16px; background: #e3ebe3; border-radius: 999px; overflow: hidden; }
.gr-bar i { display: block; height: 100%; background: #24543d; border-radius: 999px; }
.gr-n { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.gr-weeks li.now .gr-label::after { content: " (so far)"; font-weight: 400; }
.gr-big { font-size: 1.2em; font-weight: 700; }
.gr-apps { margin: 8px 0 0; padding-left: 1.2em; }
@media (max-width: 480px) { .gr-weeks li { grid-template-columns: 1fr 4.5em; } .gr-weeks .gr-bar { grid-column: 1 / -1; grid-row: 2; } }