/* v182: fluid screen layouts. Do not modify A4 document geometry or print output. */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;min-width:0}
body{width:100%;max-width:100%;min-width:0;margin-left:0;margin-right:0}
body > :not(script):not(style){max-width:100%}
img,video,canvas,svg{max-width:100%}
img,video{height:auto}
iframe{max-width:100%}
main,header,footer,section,article,nav,
.page,.shell,.container,.wrap,.layout,.form,.formbox,.inputs,.controls,
.panel,.preview-box,.preview-wrap,.paper-shell,.preview-pages,
.eof-latest,.eof-latest-list,.eof-request-card,.service-list,.all-services,
.eof-filter-panel,.eof-card-actions,.eof-card-bottom{
 min-width:0;
}
.page,.shell,.container,.wrap,.layout,.form,.formbox,.inputs,.controls,
.panel,.preview-box,.preview-wrap,.paper-shell,.preview-pages{
 max-width:100%;
}
input,select,textarea{max-width:100%;min-width:0}
button,a{overflow-wrap:break-word}
table{max-width:100%}
@media screen and (max-width:990px){
 .layout{grid-template-columns:minmax(0,1fr)!important}
 .layout>*,.page>*,.shell>*,.panel>*{min-width:0}
 .preview-box,.preview-wrap,.paper-shell,.preview-pages{
  max-width:100%!important;min-width:0!important;
 }
 /* Keep fixed-size A4 document readable and intact; scroll only inside preview. */
 .preview-box,.preview-wrap,.paper-shell{
  overflow-x:hidden!important;overscroll-behavior-x:none;
  -webkit-overflow-scrolling:touch;
 }
 .paper{max-width:none!important;flex-shrink:0}
 .eof-latest-list{max-width:100%;min-width:0}
 .eof-request-card{min-width:0}
}
@media screen and (max-width:480px){
 .page,.shell,.layout{max-width:100%;min-width:0}
 .top{max-width:100%;min-width:0;flex-wrap:wrap}
 .form input,.form select,.form textarea,
 .inputs input,.inputs select,.inputs textarea,
 .formbox input,.formbox select,.formbox textarea{max-width:100%}
 .eof-card-bottom>*{min-width:0}
}
@media print{
 /* Screen fixes must not alter printable page size. */
 .paper{max-width:none!important}
 .preview-box,.preview-wrap,.paper-shell{overflow:visible!important;max-width:none!important}
}