/* Desktop/ultrawide proportion correction. The full-viewport backdrop and
   approved mobile r5 remain untouched; only the desktop content is bounded. */
@media(min-width:900px){
 #olt-optical[data-layout]{display:grid;width:100%;max-width:none;min-height:100svh;aspect-ratio:auto;margin:0;border-radius:0;grid-template-rows:64px minmax(min-content,1fr) 64px}
 #olt-optical[data-layout] .olt-main{display:grid;width:100%;max-width:1140px;margin-inline:auto;align-self:center;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:60px;padding:32px 30px}
 #olt-optical[data-layout] .olt-login{width:100%;max-width:340px;justify-self:start}
 #olt-optical[data-layout] h1{font-size:32px}
 #olt-optical[data-layout] .olt-subtitle{font-size:14px}
 #olt-optical[data-layout] .olt-field{font-size:13px}
 #olt-optical[data-layout] .olt-field input{height:48px;font-size:16px}
 #olt-optical[data-layout] .olt-eye{width:44px;height:44px;top:2px}
 #olt-optical[data-layout] .olt-enter{height:48px}
 #olt-optical[data-layout] .olt-scene{width:100%;height:540px;padding:12px 0;max-height:none;justify-self:stretch;align-self:center}
 #olt-optical[data-layout] .olt-header>.olt-overline{display:inline}
 @media(max-width:1099px){
  #olt-optical[data-layout] .olt-main{grid-template-columns:280px minmax(0,1fr);gap:36px;padding-inline:24px}
  #olt-optical[data-layout] h1{font-size:28px}
 }
}
