/* Shared compact layout for phone viewports. Loaded after page-specific styles. */
@media (max-width: 767px) {
  :root {
    --header-height: 4rem;
    --section-y: 3rem;
  }

  body {
    font-size: 0.9375rem;
  }

  .mh-site-header-inner,
  .mh-detail-cta-inner,
  .mh-faq-accordion-layout,
  .mh-site-footer-bottom,
  .mh-site-footer-inner,
  .mh-page-hero-inner,
  .mh-section-container,
  .mh-listing-toolbar,
  .mh-cases-overview-layout,
  .mh-about-cta-inner,
  .mh-about-intro-grid,
  .mh-about-section-stack,
  .mh-section-split-container,
  .mh-home-contact-grid,
  .mh-home-about-grid,
  .mh-home-hero-grid,
  .mh-home-faq-wrap,
  .mh-form-section-inner,
  .mh-detail-hero-inner,
  .mh-detail-two-column,
  .mh-product-overview-layout,
  .mh-related-section-inner,
  .mh-news-layout,
  .mh-news-detail-layout {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }

  .mh-content-section,
  .mh-section-muted,
  .mh-article-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .mh-page-hero-inner {
    min-height: 22rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .mh-page-hero-content {
    padding: 1.125rem;
  }

  .mh-page-hero-title,
  .mh-home-hero-title,
  .mh-detail-title,
  .mh-news-page-title,
  .mh-news-detail-title {
    font-size: 2.25rem;
    line-height: 1.12;
  }

  .mh-section-title,
  .mh-detail-cta-title,
  .mh-product-entry-content h2 {
    font-size: 1.75rem;
    line-height: 1.2;
  }

  .mh-page-hero-description,
  .mh-section-description,
  .mh-detail-cta-description,
  .mh-body-copy,
  .mh-detail-lead,
  .mh-news-detail-summary,
  .mh-article-content p,
  .mh-news-detail-highlight,
  .mh-news-detail-takeaway-body,
  .mh-news-detail-takeaway-body p,
  .mh-news-detail-takeaway-body li,
  .mh-product-entry-content p,
  .mh-product-entry-content li {
    font-size: 0.9375rem;
    line-height: 1.625rem;
  }

  .mh-card-title,
  .mh-site-footer-title,
  .mh-news-card-title,
  .mh-home-case-card .mh-site-footer-title,
  .mh-home-products-feature-title {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  .mh-card-header,
  .mh-card-body,
  .mh-card-summary,
  .mh-form-card-body,
  .mh-info-card-inner,
  .mh-feature-row,
  .mh-site-footer-brand-panel,
  .mh-site-footer-nav,
  .mh-site-footer-contact-panel {
    padding: 1rem;
  }

  .mh-card-body,
  .mh-card-summary {
    padding-top: 0;
  }

  .mh-card-grid,
  .mh-product-category-grid,
  .mh-home-news-track,
  .mh-home-case-track,
  .mh-home-industry-track,
  .mh-home-info-card-grid,
  .mh-home-trust-stats-grid,
  .mh-home-partner-grid,
  .mh-related-grid,
  .mh-filter-group,
  .mh-feature-grid,
  .mh-product-feature-grid,
  .mh-advantage-grid {
    gap: 1rem;
  }

  .mh-card-grid,
  .mh-product-category-grid,
  .mh-home-news-track,
  .mh-home-case-track,
  .mh-home-industry-track,
  .mh-home-info-card-grid,
  .mh-home-trust-stats-grid,
  .mh-home-partner-grid,
  .mh-related-grid,
  .mh-feature-grid {
    margin-top: 1.5rem;
  }

  .mh-detail-media {
    min-height: 15rem;
  }

  .mh-detail-cta,
  .mh-site-footer-inner {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .mh-detail-cta-inner,
  .mh-faq-accordion-layout,
  .mh-site-footer-inner {
    gap: 1.5rem;
  }

  .mh-site-footer-bottom {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .mh-faq-list {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }

  .mh-faq-trigger {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  /* Home */
  .mh-home-hero-grid {
    min-height: calc(100vh - var(--header-height));
    min-height: calc(100svh - var(--header-height));
    gap: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .mh-home-hero-title {
    margin-top: 1rem;
  }

  .mh-home-hero-description {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.625rem;
  }

  .mh-home-hero-actions {
    gap: 0.625rem;
    margin-top: 1.5rem;
  }

  .mh-home-hero-media-card,
  .mh-home-hero-media-caption,
  .mh-home-products-feature-copy,
  .mh-home-trust-stat-body,
  .mh-home-contact-list,
  .mh-home-partner-item,
  .mh-home-news-card .mh-card-link,
  .mh-home-case-card .mh-form-card-body {
    padding: 1rem;
  }

  .mh-home-products-feature-card {
    min-height: 18rem;
  }

  .mh-home-trust-stat-body {
    min-height: 8.25rem;
  }

  .mh-home-partner-item {
    min-height: 5rem;
  }

  .mh-home-news-card .mh-card-link {
    min-height: 6.5rem;
    padding-bottom: 2.75rem;
  }

  .mh-home-news-card-meta {
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .mh-home-product-category-card .mh-card-body,
  .mh-home-industry-card .mh-card-body {
    gap: 1rem;
    padding: 0 1rem 1rem;
  }

  .mh-home-about-grid,
  .mh-home-contact-grid,
  .mh-home-products-showcase {
    gap: 1.5rem;
  }

  .mh-home-about-media {
    width: 100%;
    max-width: none;
    aspect-ratio: 16 / 9;
  }

  .mh-home-trust-stats-grid,
  .mh-home-about-feature-list,
  .mh-home-info-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mh-home-trust-stats-grid,
  .mh-home-info-card-grid {
    gap: 0.625rem;
  }

  .mh-home-trust-stat-body {
    padding: 0.875rem;
  }

  .mh-home-trust-stat-value {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }

  .mh-home-trust-stat-title {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .mh-home-trust-stat-card .mh-muted-copy {
    margin-top: 0.375rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  .mh-home-about-feature-list {
    gap: 0.5rem;
  }

  .mh-home-about-feature-item {
    min-width: 0;
    gap: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }

  .mh-home-about-feature-item .mh-feature-check-icon {
    width: 1rem;
    height: 1rem;
  }

  .mh-home-products-section > .mh-section-container {
    display: flex;
    flex-direction: column;
  }

  .mh-home-products-header {
    display: contents;
  }

  .mh-home-products-header .mh-section-heading {
    order: 1;
  }

  .mh-home-products-showcase {
    order: 2;
    margin-top: 1.25rem;
  }

  .mh-home-products-header .mh-download-link {
    position: relative;
    z-index: 1;
    order: 3;
    width: 100%;
    margin-top: 0.25rem;
  }

  .mh-home-product-category-track {
    padding-bottom: 0.25rem;
  }

  .mh-home-products-background {
    pointer-events: none;
  }

  .mh-home-products-section {
    padding-bottom: 1.5rem;
  }

  .mh-home-industries-section {
    padding-top: 1.5rem;
  }

  .mh-home-info-card-grid .mh-card-header,
  .mh-home-info-card-grid .mh-card-summary {
    padding: 0.875rem;
  }

  .mh-home-info-card-grid .mh-card-summary {
    padding-top: 0;
    font-size: 0.8125rem;
    line-height: 1.375rem;
  }

  .mh-home-info-card-grid .mh-card-title {
    font-size: 1rem;
    line-height: 1.375rem;
  }

  .mh-home-info-icon-box {
    width: 2.125rem;
    height: 2.125rem;
  }

  .mh-home-info-icon-box svg {
    width: 1rem;
    height: 1rem;
  }

  .mh-home-partner-grid {
    gap: 0;
    margin-top: 1.25rem;
  }

  .mh-home-partner-item {
    min-height: 3.75rem;
    padding: 0.625rem;
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }

  .mh-home-news-track {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .mh-home-case-track {
    align-items: stretch;
  }

  .mh-home-case-card {
    display: flex;
    flex-direction: column;
    height: auto;
    align-self: stretch;
  }

  .mh-home-case-card .mh-home-case-comparison-grid {
    flex: 0 0 auto;
  }

  .mh-home-case-card .mh-form-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
  }

  .mh-home-case-card .mh-card-description {
    flex: 1;
  }

  .mh-home-case-card .mh-card-action {
    margin-top: auto;
    padding-top: 0;
  }

  .mh-home-news-more {
    margin-top: 0.75rem;
  }

  .mh-home-news-more-toggle {
    padding: 0.5rem 1rem;
  }

  .mh-home-news-more-grid {
    gap: 0.75rem;
    margin-top: 0.75rem;
    margin-right: 0;
    margin-left: 0;
    padding: 0.75rem 0.5rem 0.5rem;
  }

  .mh-home-about-feature-list,
  .mh-home-contact-info,
  .mh-home-about-grid .mh-primary-action {
    margin-top: 1.5rem;
  }

  /* Standard pages and listings */
  .mh-listing-toolbar,
  .mh-filter-panel,
  .mh-category-summary,
  .mh-contact-layout,
  .mh-about-intro-grid,
  .mh-about-section-stack,
  .mh-section-split-container,
  .mh-quality-layout {
    gap: 1.5rem;
  }

  .mh-product-grid {
    padding: 1rem;
  }

  .mh-product-category-grid,
  .mh-contact-entry-grid,
  .mh-about-timeline-grid,
  .mh-quality-grid,
  .mh-industries-grid,
  .mh-news-grid,
  .mh-news-pagination {
    margin-top: 1.5rem;
  }

  .mh-filter-group,
  .mh-contact-entry-grid,
  .mh-quality-grid,
  .mh-industries-grid,
  .mh-news-grid {
    gap: 1rem;
  }

  .mh-about-image-frame {
    min-height: 16rem;
  }

  .mh-about-copy,
  .mh-about-stats-grid {
    margin-top: 1.25rem;
  }

  .mh-about-stats-grid {
    gap: 1rem;
  }

  .mh-about-timeline-item {
    gap: 0.75rem;
    padding: 1rem;
  }

  .mh-news-layout {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .mh-news-list {
    padding: 0 1rem 1rem;
  }

  /* Product, industry and case detail pages */
  .mh-detail-hero {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .mh-detail-hero-inner,
  .mh-detail-two-column,
  .mh-form-section-inner,
  .mh-section-container,
  .mh-product-overview-layout {
    gap: 1.5rem;
  }

  .mh-detail-breadcrumb {
    margin-bottom: 1.25rem;
  }

  .mh-detail-title {
    margin-top: 1rem;
  }

  .mh-detail-lead {
    margin-top: 1rem;
  }

  .mh-detail-actions,
  .mh-detail-meta {
    margin-top: 1.5rem;
  }

  .mh-product-overview-copy,
  .mh-product-entry-content,
  .mh-industry-detail-panel-b,
  .mh-industry-detail-panel-c,
  .mh-industry-detail-panel-e,
  .mh-industry-detail-panel-h,
  .mh-case-detail-grid,
  .mh-case-detail-section-grid {
    gap: 1rem;
  }

  .mh-product-entry-content h3 {
    font-size: 1.125rem;
  }

  .mh-product-entry-content th,
  .mh-product-entry-content td {
    padding: 0.75rem;
  }

  .mh-application-list,
  .mh-tag-list,
  .mh-card-list-body,
  .mh-industry-case-content {
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
  }

  .mh-application-item,
  .mh-download-row,
  .mh-check-row,
  .mh-metric-row,
  .mh-case-step,
  .mh-case-result-card {
    padding: 1rem;
  }

  .mh-related-grid,
  .mh-industry-detail-panel-b,
  .mh-industry-detail-panel-c,
  .mh-industry-detail-panel-h {
    margin-top: 1.5rem;
  }

  /* News detail and editor content */
  .mh-news-detail-layout {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .mh-news-detail-header {
    margin-bottom: 1.5rem;
  }

  .mh-news-detail-content-grid {
    gap: 1.25rem;
  }

  .mh-news-detail-summary {
    margin-top: 1rem;
  }

  .mh-article-content {
    padding: 1.25rem;
  }

  .mh-article-stack {
    padding: 1rem;
  }

  .mh-article-content > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1.125rem;
  }

  .mh-news-detail-takeaway-body h2 {
    font-size: 1.25rem;
  }

  .mh-news-detail-takeaway-body h3 {
    font-size: 1.0625rem;
  }

  /* Keep form controls usable while compacting their containers. */
  .mh-lead-form {
    gap: 1rem;
  }

  .mh-form-field,
  .mh-form-input,
  .mh-form-message,
  .mh-form-textarea,
  .mh-filter-trigger {
    font-size: 1rem;
  }

  .mh-form-field,
  .mh-form-input,
  .mh-filter-trigger {
    min-height: 2.75rem;
  }
}