@media (max-width: 960px) {
  .v33-shell { display: block; }
  .v33-sidebar { position: fixed; inset: 0 auto 0 0; width: min(var(--v33-sidebar-width), calc(100vw - 54px)); transform: translateX(-102%); transition: transform .2s ease; box-shadow: 18px 0 40px rgba(0,0,0,.24); }
  .v33-sidebar-open .v33-sidebar { transform: translateX(0); }
  .v33-sidebar-backdrop { position: fixed; inset: 0; z-index: 35; display: block; border: 0; background: rgba(7, 18, 31, .46); opacity: 0; pointer-events: none; transition: opacity .2s ease; }
  .v33-sidebar-open .v33-sidebar-backdrop { opacity: 1; pointer-events: auto; }
  .v33-sidebar-open body { overflow: hidden; }
  .v33-header__menu { display: inline-grid; place-items: center; }
  .v33-content { padding: 20px; }
  .v33-header { padding: 10px 20px; }
}

@media (max-width: 560px) {
  .v33-header { flex-wrap: wrap; }
  .v33-header__identity { flex: 1 1 calc(100% - 60px); }
  .v33-header__actions { width: 100%; }
  .v33-header__actions .v33-button { flex: 1; }
  .v33-content { padding: 14px; }
  .v33-hero { padding: 20px; }
  .v33-modal-backdrop { padding: 10px; align-items: end; }
  .v33-modal { max-height: calc(100vh - 20px); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}