/* ============================================================
   OPI ROBOTICS — Page-specific tweaks
   ============================================================ */

/* Home tool teaser collapses on small screens */
@media (max-width:899px){
  .tool-teaser{ grid-template-columns:1fr !important; }
}

/* Use-cases panels stack + unreverse order on mobile */
@media (max-width:899px){
  section.section > div[style*="grid-template-columns:5fr"],
  section.section > div[style*="grid-template-columns:7fr"]{
    grid-template-columns:1fr !important;
  }
  section.section > div[style*="order"] > div{ order:initial !important; }
}

/* Auth pages: keep card comfortably narrow, center vertically within sheet */
.auth-grid{ padding-top:var(--sp-2); padding-bottom:var(--sp-2); }

/* Legal pages: sticky TOC already handled inline; ensure prose doesn't overflow on mobile */
@media (max-width:899px){
  .prose{ max-width:100%; }
}

/* Blog article prose images (if any) */
.prose img{ border-radius:var(--r-md); margin:var(--sp-3) 0; }

/* Pricing matrix sticky first column on small screens */
@media (max-width:639px){
  .matrix th[scope="row"]{ position:sticky; left:0; background:var(--bg); }
}

/* 404 */
.notfound{ min-height:20vh; display:flex; flex-direction:column; justify-content:center; }

/* Loading page: hide nav overlay trigger clutter, keep minimal */
body:has(.pulse-dot) .site-nav{ background:transparent; }