/* Fill the hero column consistently; preserve the compact mobile layout. */
@media (min-width:701px) {
 body[data-page="service"] .service-hero .actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  min-width:0;
 }
 body[data-page="service"] .service-hero .actions .button {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  min-height:52px;
  padding:14px 16px;
  white-space:normal;
  text-align:center;
 }
}
@media (min-width:701px) and (max-width:1000px) {
 body[data-page="service"] .service-hero .actions {grid-template-columns:1fr;gap:10px}
}