html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.skip-link {
  position: absolute; left: 12px; top: -60px; z-index: 2000;
  padding: 12px 16px; border-radius: 4px;
  background: #FFFFFF; color: #171A20; font: 500 14px 'Hanken Grotesk', system-ui, sans-serif;
  text-decoration: none;
}
.skip-link:focus { top: 12px; }
#content:focus { outline: none; }

a:focus-visible, button:focus-visible { outline: 3px solid #2563EB; outline-offset: 3px; }

dialog.zoom {
  width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh;
  margin: 0; padding: 64px 16px 16px; box-sizing: border-box;
  border: 0; background: rgba(15, 17, 21, 0.94);
  display: none; align-items: center; justify-content: center;
}
dialog.zoom[open] { display: flex; }
dialog.zoom::backdrop { background: rgba(15, 17, 21, 0.6); }
dialog.zoom img {
  display: block; max-width: 100%; max-height: 100%;
  width: auto; height: auto; object-fit: contain; border-radius: 6px;
}
.zoom-close {
  position: absolute; top: 12px; right: 12px; width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid #3A3D44; border-radius: 4px;
  background: #171A20; color: #FFFFFF; cursor: pointer;
}