/* Stable CSS breakpoints: identical server/client markup, no hydration branching. */
[data-testid="home-page"], [data-testid="services-page"] {
  width: 100%;
  max-width: 1280px;
  align-self: center;
  min-width: 0;
}
[data-testid="home-service-grid"] {
  display: grid !important;
  direction: rtl;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
[data-testid="home-service-grid"] > [data-testid="home-service-grid-item"] {
  width: auto !important;
  min-width: 0;
}
[data-testid="home-service-grid-item"] > div { height: 100%; }
[data-testid="service-card"] {
  height: 100%;
  min-height: 172px;
  min-width: 0;
  text-align: right;
}
[data-testid="service-card-icon"] { align-self: flex-start; }
[data-testid="home-hero-body"] { direction: rtl; }
[data-testid="home-hero-intro"], [data-testid="home-hero-directory"] { min-width: 0; }
@media (max-width: 420px) {
  [data-testid="home-service-grid"] { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 760px) {
  [data-testid="home-service-grid"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-testid="services-page"] [data-testid="services-grid"] {
    display: grid !important;
    direction: rtl;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  [data-testid="services-card"] { height: 100%; min-width: 0; }
}
@media (min-width: 960px) {
  [data-testid="home-page"] [data-testid="home-hero"] { padding: 28px; }
  [data-testid="home-page"] [data-testid="home-hero-body"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: start;
    gap: 32px;
  }
  [data-testid="home-hero-directory"] { align-self: stretch; justify-content: center; }
  [data-testid="home-hero-intro"] { justify-content: center; }
}
@media (min-width: 1100px) {
  [data-testid="home-service-grid"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  [data-testid="services-page"] [data-testid="services-grid"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}