/* public/css/panel-layouts.css */

/*
 * This file defines the internal layout structures for the Home and Comparison panels.
 */

/* Home panel layout */
#home-panel.active {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* Comparison panel layout */
#comparison-panel.active {
    display: flex;
    flex-direction: column;
    /* MODIFIED: Drastically reduced vertical padding to maximize content area */
    padding: 10px 25px;
    width: 100%;
}