/* Phone and small-tablet adjustments for the preview site */
@media (max-width: 760px) {
  /* Header: hide email in top bar, compact logo row, scrollable link row */
  header > div:first-child span { display: none; }
  header img[alt="Pave it Green"] { height: 46px !important; width: 46px !important; }
  header nav[aria-label="Main"] {
    order: 3; width: 100%; flex-wrap: nowrap !important; overflow-x: auto;
    gap: 20px !important; padding-bottom: 2px; scrollbar-width: none;
  }
  header nav[aria-label="Main"]::-webkit-scrollbar { display: none; }
  header nav[aria-label="Main"] a { white-space: nowrap; font-size: 15px !important; }

  /* Display headings */
  h1[style*="Big Shoulders"], h2[style*="Big Shoulders"] {
    font-size: clamp(34px, 10.5vw, 48px) !important; line-height: 1 !important;
  }
  span[style*="Big Shoulders"][style*="font-size: 6"] { font-size: 46px !important; }

  /* Slideshow */
  section[aria-roledescription="carousel"] { height: 620px !important; }
  section[aria-roledescription="carousel"] div[aria-hidden="true"] { background: rgba(8,32,26,0.66) !important; }
  section[aria-roledescription="carousel"] > div:last-child { bottom: 4px !important; }
  section[aria-roledescription="carousel"] [role="group"] > div:last-child { justify-content: flex-start !important; padding-top: 48px !important; }
  section[aria-roledescription="carousel"] p { font-size: 16px !important; }
  button[aria-label="Previous slide"], button[aria-label="Next slide"] { display: none !important; }
  section[aria-roledescription="carousel"] img { object-position: 70% center !important; }

  /* Spacing */
  section[style*="padding: 96px"], section[style*="padding: 88px"], section[style*="padding: 80px"] {
    padding-top: 56px !important; padding-bottom: 56px !important;
  }
  section[style*="padding: 72px"] { padding-top: 48px !important; padding-bottom: 48px !important; }
  [style*="padding: 56px 48px"], [style*="padding: 48px;"] { padding: 32px 22px !important; }
  [style*="padding: 36px"], [style*="padding: 40px"] { padding: 24px !important; }
  [style*="height: 480px"], [style*="height: 420px"], [style*="height: 400px"] { height: 260px !important; }

  /* Featured blog card text padding */
  article [style*="padding: 32px 40px 32px 0"] { padding: 0 22px 24px !important; }
  /* Gallery: avoid two-column spans on one-column grid */
  figure[style*="grid-column: span 2"] { grid-column: auto !important; }
}