@layer base { html, body { margin: 0; padding: 0; }  main > :first-child { margin-top: 0 !important; } main > :last-child { margin-bottom: 0 !important; } }


/* Mobile cards and architecture comparison table. */
@media (max-width: 767px) {
  body.page-template-page-enterprise-application-development main .p-space-lg.rounded-xl.bg-white.shadow-md .flex.items-center.justify-between {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: .5rem .75rem !important;
  }
  body.page-template-page-enterprise-application-development main .p-space-lg.rounded-xl.bg-white.shadow-md .rounded-full {
    max-width: 100% !important;
    white-space: normal !important;
    line-height: 1.25 !important;
  }
  body.page-template-page-enterprise-application-development main .p-space-lg.rounded-xl.bg-white.shadow-md .mt-space-md.pt-space-md {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: .5rem !important;
  }
  body.page-template-page-enterprise-application-development main .overflow-x-auto > table {
    min-width: 760px !important;
  }
  body.page-template-page-enterprise-application-development main .overflow-x-auto th,
  body.page-template-page-enterprise-application-development main .overflow-x-auto td {
    min-width: 210px !important;
    padding: 1rem !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  body.page-template-page-enterprise-application-development main .overflow-x-auto th:first-child,
  body.page-template-page-enterprise-application-development main .overflow-x-auto td:first-child {
    min-width: 180px !important;
  }
}

@media (max-width: 767px) {
  body.page-template-page-enterprise-application-development main .overflow-x-auto td.flex {
    display: table-cell !important;
  }
  body.page-template-page-enterprise-application-development main .overflow-x-auto td .material-symbols-outlined {
    display: inline-block !important;
    vertical-align: -4px !important;
    margin-right: .35rem !important;
  }
}


/* Additional mobile fixes */
@media (max-width: 767px) {

  body.page-template-page-enterprise-application-development {
    overflow-x: hidden !important;
  }

  body.page-template-page-enterprise-application-development h1,
  body.page-template-page-enterprise-application-development h2,
  body.page-template-page-enterprise-application-development h3 {
    font-size: clamp(22px, 7vw, 32px) !important;
    line-height: 1.12 !important;
    word-break: normal !important;
  }

  /* KPI/stat cards */
  body.page-template-page-enterprise-application-development .grid {
    min-width: 0 !important;
  }

  body.page-template-page-enterprise-application-development .grid > * {
    min-width: 0 !important;
  }

  body.page-template-page-enterprise-application-development .text-5xl,
  body.page-template-page-enterprise-application-development .text-6xl,
  body.page-template-page-enterprise-application-development .text-7xl {
    font-size: 2rem !important;
    line-height: 1.1 !important;
  }

  /* Prevent vertical character wrapping */
  body.page-template-page-enterprise-application-development * {
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body.page-template-page-enterprise-application-development .flex.items-center {
    min-width: 0 !important;
  }

}