/* GovGreed — Top Nav Layout System * Replaces layout-3col.css when using topnav.js * Include AFTER theme.css in */ /* ── Base body padding (topnav.js also sets these via !important) ── */ body { padding-top: 56px; padding-left: 0; padding-right: 0; } body.gg-has-ribbon { padding-top: 88px; } /* ── Remove old sidebar/info-panel classes ── */ body.has-info-panel { padding-right: 0 !important; } body.sidebar-collapsed { padding-left: 0 !important; } /* ── Main content ── */ .main-content { max-width: 1400px; margin: 0 auto; padding: 24px; padding-bottom: 80px; /* room for chat bar */ min-height: calc(100vh - 88px); } /* ── Responsive content padding ── */ @media (max-width: 1440px) { .main-content { padding: 20px; padding-bottom: 80px; } } @media (max-width: 900px) { .main-content { padding: 16px; padding-bottom: 80px; } body.gg-has-ribbon { padding-top: 56px; } /* ribbon hidden on mobile */ } @media (max-width: 600px) { .main-content { padding: 12px; padding-bottom: 80px; } }