/*
 * ============================================================================
 * Home Page Base Styles
 * ============================================================================
 * Container and basic layout styles for the Home page.
 * Uses CSS custom properties from variables.css for consistent theming.
 * ============================================================================
 */

.container {
    padding: 20px;
    font-family: Arial, sans-serif;
    background-color: var(--bg-app);
    min-height: 100vh;
}

/* ============================================================================
 * EDGE CLICK BUFFER - Invisible clickable area around edges
 * ============================================================================ */
.edge-click-buffer {
    /* Default buffer width is set inline (20px for desktop) */
}