/* ECWE responsive layer — mobile-only; desktop (>=1024) is untouched. */

@media (max-width: 1024px) {
  /* Certificate & Awards: stack image over text */
  .ecwe-cert-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
  /* Awards: stack, center the text, constrain + center the trophy so the bright
     photo doesn't dominate the obsidian band, and refine the seal placement. */
  .ecwe-awards-grid { grid-template-columns: 1fr !important; gap: 44px !important; text-align: center; }
  .ecwe-awards-grid > :first-child { text-align: center; }
  .ecwe-awards-grid > :last-child > div { max-width: 300px !important; }
  .ecwe-awards-seal { right: -6px !important; bottom: 14px !important; transform: scale(0.82); transform-origin: bottom right; }
  /* Footer: 4 -> 2 columns */
  .ecwe-footer-grid { grid-template-columns: 1fr 1fr !important; gap: 40px !important; }
}

@media (max-width: 680px) {
  /* Pillars: 3 -> 1 column, drop the column dividers + reset per-card padding */
  .ecwe-pillars { grid-template-columns: 1fr !important; }
  .ecwe-pillars > a { border-left: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-top: 1px solid var(--border-hairline); }
  .ecwe-pillars > a:first-child { border-top: 0 !important; }
  /* Editorial: 2 -> 1 column body */
  .ecwe-editorial-body { column-count: 1 !important; }
  /* Footer: -> 1 column */
  .ecwe-footer-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
  /* Hero: reduce min-height + padding so the big type fits */
  .wp-block-ecwe-hero { min-height: auto !important; }
}