.home-page__card {
    width: 100%;
    align-self: flex-start;
}

.home-page__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem 0;
}

.home-page__head h1 {
    margin: 0;
}

.home-page__currency-badge {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-muted);
}

.home-metrics-grid {
    margin-bottom: 1rem;
}

.home-activity-shell {
    display: grid;
}

@media (max-width: 640px) {
    .home-page__card {
        overflow: visible;
        margin: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .home-page__head {
        padding: 1rem 1rem 0.8rem;
    }

    .home-page__card > .ui-card__body {
        padding: 0 1rem 1.5rem;
    }

    .home-metrics-grid.info-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
    }

    .home-metrics-grid .info-card {
        min-height: 7.5rem;
        gap: 0.45rem;
        padding: 0.75rem;
    }

    .home-metrics-grid .info-card-label {
        font-size: 0.68rem;
        line-height: 1.25;
    }

    .home-metrics-grid .info-card-icon {
        width: 1.55rem;
        height: 1.55rem;
    }

    .home-metrics-grid .info-card--metric .info-card-value {
        font-size: 1.25rem;
    }

    .home-metrics-grid .info-card-meta {
        font-size: 0.7rem;
    }

    .home-activity-shell .ui-dashboard-panel-head,
    .home-activity-shell .ui-update-row {
        padding-right: 0.9rem;
        padding-left: 0.9rem;
    }

    .home-activity-shell .ui-update-filters {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-right: 0.9rem;
        padding-left: 0.9rem;
        scrollbar-width: none;
    }

    .home-activity-shell .ui-update-filters::-webkit-scrollbar {
        display: none;
    }

    .home-activity-shell .ui-update-list {
        max-height: none;
        overflow: visible;
    }
}