/* ==================================================
   Phoenix Layout — Global Content Container
   Source: legacy style.css + fixed-header architecture
   ================================================== */

/*
  #content is the primary editorial container.
  It is intentionally offset to account for a fixed header.
*/

#content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;

    /* Base inner spacing */
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;

    /* Fixed header offset */
    padding-top: 104px;
}

/* Default: header is in flow, no offset */
#content {
    padding-top: 0;
}

/* Offset ONLY when header becomes fixed */
body.has-fixed-header #content {
    padding-top: 76px; /* compact header height */
}


/* ==================================================
   PHOENIX — MOBILE LAYOUT RESET
   ================================================== */
@media (max-width: 768px) {

    #content {
        padding-top: 0 !important;
        padding-left: 16px;
        padding-right: 16px;
    }

    body.has-fixed-header #content {
        padding-top: 0 !important;
    }
}