/* FARA 40.9.0 — responsive completeness and viewport safety */
html:has(body.fara-horizon-4040),
body.fara-horizon-4040{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:clip!important;
}
body.fara-horizon-4040 *,
body.fara-horizon-4040 *::before,
body.fara-horizon-4040 *::after{box-sizing:border-box}
body.fara-horizon-4040 #farzakApp{
  width:min(100%,1328px)!important;
  max-width:100%!important;
  min-width:0!important;
  margin-inline:auto!important;
  overflow:visible!important;
  perspective:none!important;
}
body.fara-horizon-4040 .fz-left,
body.fara-horizon-4040 .fz-center,
body.fara-horizon-4040 .fz-right,
body.fara-horizon-4040 .fz-panel,
body.fara-horizon-4040 .fz-panel.active,
body.fara-horizon-4040 .fz-feed,
body.fara-horizon-4040 .f408-virtual-wrap,
body.fara-horizon-4040 .f408-card,
body.fara-horizon-4040 .fz-post,
body.fara-horizon-4040 .fz-composer-card{
  min-width:0!important;
  max-width:100%!important;
}
body.fara-horizon-4040 img,
body.fara-horizon-4040 video,
body.fara-horizon-4040 canvas,
body.fara-horizon-4040 iframe{max-width:100%!important}
body.fara-horizon-4040 .fz-post-main,
body.fara-horizon-4040 .f408-meta,
body.fara-horizon-4040 .fzs-news-copy{
  min-width:0!important;
  overflow-wrap:anywhere;
}
body.fara-horizon-4040 .fz-fara-fab{
  position:fixed!important;
  left:auto!important;
  right:max(18px,env(safe-area-inset-right))!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  z-index:260!important;
  margin:0!important;
  transform:none!important;
  width:auto!important;
  max-width:calc(100vw - 36px)!important;
}
@media (max-width:1180px) and (min-width:821px){
  body.fara-horizon-4040 #farzakApp{
    grid-template-columns:clamp(190px,23vw,230px) minmax(0,1fr)!important;
    gap:14px!important;
    padding-inline:14px!important;
  }
  body.fara-horizon-4040 .fz-right{display:none!important}
}
@media (max-width:820px){
  body.fara-horizon-4040 #farzakApp{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:100dvh!important;
    padding:0!important;
    overflow-x:clip!important;
  }
  body.fara-horizon-4040 .fz-center,
  body.fara-horizon-4040 .fz-panel,
  body.fara-horizon-4040 .fz-panel.active,
  body.fara-horizon-4040 .fz-feed{width:100%!important;max-width:100%!important}
  body.fara-horizon-4040 .fz-horizon-topbar,
  body.fara-horizon-4040 .fzs-topbar,
  body.fara-horizon-4040 .fzs-channelbar{width:100%!important;max-width:100%!important}
  body.fara-horizon-4040 .f408-composer,
  body.fara-horizon-4040 .f408-tools{max-width:calc(100vw - 20px)!important}
  body.fara-horizon-4040 .f408-tools{overscroll-behavior-x:contain}
  body.fara-horizon-4040 .fz-fara-fab{
    right:max(12px,env(safe-area-inset-right))!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    max-width:calc(100vw - 24px)!important;
  }
}
@media (max-width:430px){
  body.fara-horizon-4040 .f408-composer{margin-inline:8px!important;max-width:calc(100vw - 16px)!important}
  body.fara-horizon-4040 .fzs-news-card{width:100%!important;max-width:100%!important}
}