@media (max-width: 640px) {
    .planet-catalog .planets-grid,
    .planet-connected .quick-links {
        grid-template-columns: 1fr;
    }

    .planet-hero-card,
    .planet-canvas-card,
    .planet-scheme-wrap,
    .planet-card,
    .quick-link-box {
        border-radius: 20px;
    }

    .today-table thead th,
    .today-table tbody td {
        padding: 12px;
    }

    .canvas-wrap {
        min-height: 320px;
    }

    .canvas-wrap canvas {
        height: 320px;
    }

    .planet-hero-card-top,
    .planet-hero-summary-top,
    .planet-focus-top {
        flex-direction: column;
        align-items: start;
    }

    .hero-panel-foot {
        flex-direction: column;
        align-items: start;
    }
}