/* Otofix precise scroll-alignment styles (workshop + admin shared copy)
   v=20260604s1 */

.anchor-focus {
  box-shadow: 0 0 0 2px var(--yellow, #ffd21f);
  transition: box-shadow 0.25s ease;
  scroll-margin-top: 88px;
}

.route,
[data-scroll-anchor="true"],
.app-section,
.page {
  scroll-margin-top: 88px;
}

@media (max-width: 840px) {
  .route,
  [data-scroll-anchor="true"],
  .app-section,
  .page {
    scroll-margin-top: 84px;
  }
}

html, body { overflow-x: hidden; }