/**
 * Flash-prevention styles for card-based navigation pages (apps, tools).
 *
 * Extends flash-prevention.css with real-mode card sizing to prevent
 * layout shift when the card grid first renders.
 */

html.real-mode-html .jai-card {
    min-height: 340px;
    width: 100%;
}

html.real-mode-html .jai-image {
    height: 160px;
    width: 100%;
    background-color: #f0f0f0;
}