/* Inspector landing v11: page-only presentation of the *shared* v10 demo.
   The actual finding actions, camera, TinyMCE and recommendations remain in
   public.software.real-demo.inspectors; no forked JS, no server-side actions. */
#ipix .ipix-workspace-section {padding-top:clamp(26px,3vw,46px);padding-bottom:clamp(35px,4vw,64px);scroll-margin-top:118px}
#ipix .ipix-workspace-section>.ipix-container{box-sizing:border-box;width:100%;max-width:1480px;margin-inline:auto;padding-inline:clamp(14px,2vw,32px)}
#ipix .ipix-workspace-section .ip-real-demo[data-ip-real-role="inspectors"]{min-width:0;max-width:100%;box-sizing:border-box}
#ipix .ipix-workspace-section .ip-real-section-intro{max-width:980px;margin-bottom:24px}
#ipix .ipix-workspace-section .ip-real-section-intro h2{font-size:clamp(28px,3vw,46px);line-height:1.12}
#ipix .ipix-workspace-section .ip-real-section-intro>p:last-child{font-size:clamp(15px,1.3vw,18px);line-height:1.65}
#ipix .ipix-workspace-section .ip-real-writer-shell,
#ipix .ipix-workspace-section .ip-real-writer-body,
#ipix .ipix-workspace-section .ip-real-writer-panel,
#ipix .ipix-workspace-section .ip-demo-tinymce-shell{min-width:0;max-width:100%;box-sizing:border-box}
#ipix .ipix-workspace-section .ip-real-writer-body{grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr)}
#ipix .ipix-workspace-section .ip-demo-gallery{max-width:100%}
@media(max-width:800px){
  #ipix .ipix-workspace-section>.ipix-container{padding-inline:10px}
  #ipix .ipix-workspace-section .ip-real-writer-body{display:flex;flex-direction:column;grid-template-columns:none}
  #ipix .ipix-workspace-section .ip-real-section-intro{padding-inline:10px;margin-bottom:15px}
  #ipix .ipix-workspace-section .ip-real-banner{gap:10px;min-width:0}
}
@media(max-width:700px){
  /* Do not add a second stack of cards/borders over v10's mobile editor rules. */
  #ipix .ipix-workspace-section {padding-top:18px;padding-bottom:35px}
  #ipix .ipix-workspace-section>.ipix-container{max-width:none;padding-inline:0!important}
  #ipix .ipix-workspace-section .ip-real-section-intro{padding-inline:14px;margin-bottom:16px}
  #ipix .ipix-workspace-section .ip-real-demo[data-ip-real-role="inspectors"]{margin:0!important;padding:0!important;width:100%!important;border:0!important;box-shadow:none!important}
  #ipix .ipix-workspace-section .ip-real-writer-body{padding:6px 0!important}
  #ipix .ipix-workspace-section .ip-real-writer-panel{margin:0!important;max-width:100%}
  #ipix .ipix-workspace-section .ip-demo-tinymce-shell .tox-tinymce{max-width:100%!important}
  #ipix .ipix-workspace-section .ip-real-finding-toolbar,
  #ipix .ipix-workspace-section .ip-real-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}