/* Prevent landscape usage on small devices.
   This overlay appears only in landscape when max-width threshold matches.
   Adjust max-width if needed. */
#rotate-device-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.9);color:#fff;
  text-align:center;padding:24px;line-height:1.5;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
#rotate-device-overlay .box{max-width:28rem;margin:0 1rem}
#rotate-device-overlay h2{font-size:1.25rem;margin:0 0 .5rem 0}
#rotate-device-overlay p{margin:.25rem 0 0 0}
@media screen and (orientation: landscape) and (max-width: 991px){
  html,body{height:100vh;overflow:hidden!important}
  #rotate-device-overlay{display:flex}
}