/*
 * Marupopo stylesheet entry point.
 *
 * Cascade order is intentional:
 * 1. Foundation/layout
 * 2. Editorial presentation refinements
 * 3. CMS block components
 * 4. Brand/experience direction
 * 5. Visual-editor presets
 * 6. Small device-specific UX corrections
 *
 * cms-generated.css is intentionally kept as a separate final <link> in
 * index.html. It contains generated editor tokens and must remain the last
 * stylesheet so editor-selected color variables have final authority.
 */
@import url("./style.css");
@import url("./editorial-base.css");
@import url("./editorial.css");
@import url("./cms-blocks.css");
@import url("./experience.css");
@import url("./cms-theme.css");

/*
 * Mobile contact cards.
 * QR codes are useful on desktop, where they can be scanned with a phone.
 * On a phone they are redundant, so keep the direct link and reclaim space.
 */
@media (max-width: 640px) {
  .social-card:not(.social-mail) .qr-wrap {
    display: none;
  }

  .social-card:not(.social-mail) {
    grid-template-columns: minmax(0, 1fr);
    min-height: 96px;
    padding: 18px 48px 18px 18px;
  }
}