/* REMONTARY responsive page corrections — mobile cards and consistent outer rhythm. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body.remontary-system { overflow-x: clip; }
body.remontary-system img, body.remontary-system svg, body.remontary-system video { max-width: 100%; }

/* Article catalogue cards use the same editorial pattern as the homepage: image on top, copy below. */
@media (max-width: 760px) {
  body.remontary-system.blog-list-page .blog-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }
  body.remontary-system.blog-list-page .blog-grid > .blog-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    grid-template-columns: none !important;
    overflow: hidden !important;
    border-radius: 20px !important;
  }
  body.remontary-system.blog-list-page .blog-card > .blog-card-image {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
  }
  body.remontary-system.blog-list-page .blog-card > .blog-card-image img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  body.remontary-system.blog-list-page .blog-card > .blog-card-body {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 17px 17px 15px !important;
  }
  body.remontary-system.blog-list-page .blog-card-category { font-size: 10px !important; line-height: 1.4 !important; }
  body.remontary-system.blog-list-page .blog-card h3 { font-size: 18px !important; line-height: 1.34 !important; margin: 9px 0 11px !important; }
  body.remontary-system.blog-list-page .blog-card p { font-size: 14px !important; line-height: 1.62 !important; margin: 0 0 15px !important; }
  body.remontary-system.blog-list-page .blog-card-meta { font-size: 11px !important; align-items: center !important; flex-wrap: wrap !important; }
  body.remontary-system.blog-list-page .blog-card-meta a { font-size: 12px !important; white-space: normal !important; }
}

/* Do not let generated long titles, mail addresses or legal identifiers force horizontal overflow. */
body.remontary-system :where(.contact-card, .contact-detail-card, .contact-legal-card, .unified-footer-col) { min-width: 0; }
body.remontary-system :where(.contact-card a, .contact-detail-card a, .contact-legal-card a, .unified-footer-col a) { overflow-wrap: anywhere; }