/* =========================================================
   TABLET — max-width: 900px / 860px
   Loaded after styles.css, before mobile.css.
========================================================= */

@media (max-width:900px){
  .service-grid{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width:860px){
  .about-grid{ grid-template-columns:1fr; }
  .contact-grid{ grid-template-columns:1fr; }
}
