/* ============================================================
   Funnyeye — Contact subpage styles
   ============================================================
   Page-specific overrides layered AFTER the three shared
   stylesheets (chrome + chrome-extras + chrome-extras-blocks).

   Most of the contact page reuses shared blocks:
     - chrome-extras-blocks.css  fe-contact-grid, fe-form, channels
   This file only tweaks the main frame size + responsive padding
   so the contact-grid uses the wide container (not the default
   medium used by other subpages).

   Load order in subpage/contact/index.html:
     <link rel="stylesheet" href="../_chrome/chrome.css">
     <link rel="stylesheet" href="../_chrome/chrome-extras.css">
     <link rel="stylesheet" href="../_chrome/chrome-extras-blocks.css">
     <link rel="stylesheet" href="./contact.css">   <!-- this file -->
   ============================================================ */

.fe-subpage-main {
  padding-top: 7rem;
  padding-bottom: 5rem;
  padding-left: var(--spacing--section-left-and-right);
  padding-right: var(--spacing--section-left-and-right);
  /* Use the wide container so the form (right column) has room
     to breathe alongside the contact info block (left column).
     Other subpages use --containers--medium. */
  max-width: var(--containers--large);
  margin: 0 auto;
}

@media (max-width: 767px) {
  .fe-subpage-main { padding-top: 5.5rem; }
}

@media (max-width: 479px) {
  .fe-subpage-main { padding-top: 5rem; }
}