/* Moozonian Search Layout Hotfix 1.0.1 — reserved rail + collision-safe fallback.
   Keep search providers/AI/image result markup untouched. Load AFTER moo-serp-ux-v1.css. */
body.moo-search-page.moo-ux-v1.moo-ux-sites {
  --moo-layout-rail: clamp(270px, 21vw, 320px);
  --moo-layout-gap: clamp(20px, 2.5vw, 38px);
}
body.moo-search-page.moo-ux-v1.moo-ux-sites :is(.moo-main,#mainContent){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1600px!important;
  min-width:0!important;
  margin-inline:auto!important;
  padding-inline:clamp(16px,2.1vw,38px)!important;
}
body.moo-search-page.moo-ux-v1.moo-ux-sites .moo-toolbar{
  width:100%!important;
  max-width:none!important;
}
body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--moo-layout-rail)!important;
  gap:var(--moo-layout-gap)!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  position:relative!important;
  overflow:visible!important;
  isolation:auto!important;
}
body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout > #searchResults{
  box-sizing:border-box!important;
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  position:relative;
}
body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout > #mooUxWiki{
  box-sizing:border-box!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:stretch!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  position:relative!important;
  top:auto!important;left:auto!important;right:auto!important;
  transform:none!important;
  z-index:1!important;
}
body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxWiki :is(img,video,iframe){
  max-width:100%!important;
}
body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxWiki :is(h2,p,a){overflow-wrap:anywhere;}

/* If public-source results require more horizontal space than the first column can
   safely offer, the observer switches to one full-width results row. The knowledge
   panel becomes a separate subsequent row — never an overlay. */
body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout.moo-ux-layout-stacked{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  row-gap:22px!important;
}
body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout.moo-ux-layout-stacked > #searchResults{
  grid-column:1!important;grid-row:1!important;width:100%!important;
}
body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout.moo-ux-layout-stacked > #mooUxWiki{
  grid-column:1!important;grid-row:2!important;
  width:100%!important;max-width:760px!important;
  justify-self:start!important;
  margin-top:var(--moo-ux-wiki-clearance,0px)!important;
}
/* Smaller screens never give a narrow first column to dynamic federated results. */
/* Recognized public-source rail: on smaller screens, prevent legacy fixed/
   absolute offsets from rendering content beneath the knowledge panel. */
@media(max-width:1350px){
  body.moo-search-page.moo-ux-v1.moo-ux-sites .moo-ux-public-source-rail{
    position:relative!important;
    inset:auto!important;
    float:none!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    box-sizing:border-box!important;
    margin:12px 0!important;
  }
  body.moo-search-page.moo-ux-v1.moo-ux-sites .moo-ux-public-sources-parent{
    grid-template-columns:minmax(0,1fr)!important;
    min-width:0!important;
    max-width:100%!important;
  }
}
@media(max-width:1350px){
  body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    row-gap:20px!important;
  }
  body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout > #searchResults{
    grid-column:1!important;grid-row:1!important;
  }
  body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout > #mooUxWiki{
    grid-column:1!important;grid-row:2!important;
    max-width:760px!important;
    margin-top:var(--moo-ux-wiki-clearance,0px)!important;
    justify-self:start!important;
  }
}
@media(max-width:850px){
  body.moo-search-page.moo-ux-v1.moo-ux-sites :is(.moo-main,#mainContent){
    padding-inline:16px!important;
  }
  body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout{
    row-gap:16px!important;
  }
  body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout > #mooUxWiki{
    max-width:100%!important;
  }
}
@media(max-width:520px){
  body.moo-search-page.moo-ux-v1.moo-ux-sites :is(.moo-main,#mainContent){
    padding-inline:12px!important;
  }
  body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxWiki{
    border-radius:14px!important;
  }
  body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxWiki .moo-ux-wiki-image{
    max-height:210px!important;
  }
  body.moo-search-page.moo-ux-v1.moo-ux-sites .moo-toolbar,
  body.moo-search-page.moo-ux-v1.moo-ux-sites .moo-page-heading{
    min-width:0;
  }
}
@media print {
  body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout{display:block!important;}
  body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxWiki{margin-top:18px!important;}
}

/* Legacy Wikipedia + finance rail (the overlapping card shown in the report). */
body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout.moo-ux-has-legacy-panel > #mooUxWiki{
  display:none!important; /* Prevent duplicate Wikipedia panels; keep original data rail */
}
body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout > .moo-ux-legacy-rail{
  box-sizing:border-box!important;
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  position:relative!important;
  float:none!important;
  inset:auto!important;
  transform:none!important;
  z-index:1!important;
  margin:0!important;
  align-self:start!important;
  justify-self:stretch!important;
}
body.moo-search-page.moo-ux-v1.moo-ux-sites .moo-ux-legacy-rail :is(img,iframe,video){max-width:100%!important;}
body.moo-search-page.moo-ux-v1.moo-ux-sites .moo-ux-legacy-rail > *{
  box-sizing:border-box;max-width:100%!important;
}
body.moo-search-page.moo-ux-v1.moo-ux-sites .moo-ux-legacy-rail :is(.moo-knowledge-panel,.moo-wikipedia-panel,.moo-wiki-panel,.moo-brave-panel,.moo-knowledge-card){
  border:1px solid var(--ux-border)!important;
  border-radius:16px!important;
  background:var(--ux-paper)!important;
  box-shadow:0 8px 26px rgba(28,52,91,.06)!important;
  min-width:0!important;
  max-width:100%!important;
  color:var(--ux-fg)!important;
}
body.moo-search-page.moo-ux-v1.moo-ux-sites .moo-ux-legacy-rail :is(h2,h3,p,a){overflow-wrap:anywhere;}
body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout.moo-ux-layout-stacked > .moo-ux-legacy-rail{
  grid-column:1!important;grid-row:2!important;
  max-width:760px!important;
  justify-self:start!important;
  margin-top:var(--moo-ux-wiki-clearance,0px)!important;
}
@media(max-width:1350px){
  body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout > .moo-ux-legacy-rail{
    grid-column:1!important;grid-row:2!important;
    width:100%!important;max-width:760px!important;
    margin-top:var(--moo-ux-wiki-clearance,0px)!important;
  }
}
@media(max-width:850px){
  body.moo-search-page.moo-ux-v1.moo-ux-sites #mooUxSiteLayout > .moo-ux-legacy-rail{
    max-width:100%!important;
  }
}
