/* Fluid page widths for the Original Universes catalog and requested families. */
body[data-aurora-fluid-layout]{--aurora-page-gutter:clamp(12px,1.5vw,32px)}
body[data-aurora-fluid-layout] .ads-standard-header__top,
body[data-aurora-fluid-layout] .ads-standard-nav{max-width:none}

/* The Temple Machines hero and section backgrounds reach the page edges. */
body[data-aurora-fluid-layout="temple-machines"] .tm-shell{width:100%;max-width:none}

/* Preserve readable paragraph widths inside fluid SkyHive sections. */
body[data-aurora-fluid-layout="skyhive"] .wrap{
  width:calc(100% - 2 * var(--aurora-page-gutter));max-width:none
}

body[data-aurora-fluid-layout="troodon-exodus"] .container,
body[data-aurora-fluid-layout="troodon-exodus"] .site-header-inner{
  width:calc(100% - 2 * var(--aurora-page-gutter));max-width:none
}

/* Keep the catalog's existing desktop rails and responsive stacking. */
body[data-aurora-fluid-layout="catalog"] .page-layout{max-width:none}
body[data-aurora-fluid-layout="catalog"] .header-top,
body[data-aurora-fluid-layout="catalog"] .site-header nav{max-width:none}

@media(max-width:760px){
  body[data-aurora-fluid-layout="temple-machines"] .ads-standard-brand>span{min-width:0;flex:1}
  body[data-aurora-fluid-layout="temple-machines"] .ads-standard-brand strong,
  body[data-aurora-fluid-layout="temple-machines"] .ads-standard-brand small{white-space:normal}
  body[data-aurora-fluid-layout="temple-machines"] .book-detail>*{min-width:0}
  body[data-aurora-fluid-layout="temple-machines"] .book-detail h1{font-size:clamp(2rem,9vw,3rem);overflow-wrap:break-word}
  body[data-aurora-fluid-layout="troodon-exodus"] .stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-aurora-fluid-layout="troodon-exodus"] .stat{min-width:0}
  body[data-aurora-fluid-layout="troodon-exodus"] .stat-label{font-size:clamp(.58rem,2.7vw,.79rem);overflow-wrap:break-word}
  body[data-aurora-fluid-layout="troodon-exodus"] .back-row{flex-wrap:wrap}
  body[data-aurora-fluid-layout="troodon-exodus"] .banner{flex-wrap:wrap}
  body[data-aurora-fluid-layout="troodon-exodus"] .banner>*{min-width:0;max-width:100%}
}


/* Catalog and Dream Lattice fill the viewport with consistent outer gutters. */
body[data-aurora-fluid-layout="catalog"] .page-layout {
  width:calc(100% - 2 * var(--aurora-page-gutter));
  max-width:none;
}
body[data-aurora-fluid-layout="catalog"] .header-top,
body[data-aurora-fluid-layout="catalog"] .site-header form,
body[data-aurora-fluid-layout="catalog"] .site-header input {min-width:0}

body[data-aurora-fluid-layout="dream-lattice"] .wrap {
  width:100%;max-width:none;padding-left:var(--aurora-page-gutter);padding-right:var(--aurora-page-gutter);
}
body[data-aurora-fluid-layout="dream-lattice"] .ads-site-header {
  padding-left:var(--aurora-page-gutter)!important;padding-right:var(--aurora-page-gutter)!important;
  grid-template-columns:minmax(0,640px) minmax(0,410px) 98px!important;
  justify-content:start!important;
}
body[data-aurora-fluid-layout="dream-lattice"] .ads-nav {flex-wrap:wrap!important;justify-content:flex-start!important}
body[data-aurora-fluid-layout="dream-lattice"] .ads-header-search {width:100%!important;max-width:410px!important}
body[data-aurora-fluid-layout="dream-lattice"] .ads-brand,
body[data-aurora-fluid-layout="dream-lattice"] .ads-brand-text,
body[data-aurora-fluid-layout="dream-lattice"] .book>* {min-width:0}
body[data-aurora-fluid-layout="dream-lattice"] .hero-copy {max-width:100%}
body[data-aurora-fluid-layout="dream-lattice"] .buttons {flex-wrap:wrap}

@media(max-width:1100px) {
  body[data-aurora-fluid-layout="dream-lattice"] .ads-site-header {grid-template-columns:minmax(0,1fr)!important}
  body[data-aurora-fluid-layout="dream-lattice"] .ads-header-search {max-width:none!important}
}
@media(max-width:760px) {
  body[data-aurora-fluid-layout="catalog"] .studio-brand>span {min-width:0;flex:1}
  body[data-aurora-fluid-layout="catalog"] .studio-brand strong,
  body[data-aurora-fluid-layout="catalog"] .studio-brand small {overflow-wrap:break-word}
  body[data-aurora-fluid-layout="dream-lattice"] .hero {margin-left:0!important;margin-right:0!important}
  body[data-aurora-fluid-layout="dream-lattice"] .panel,
  body[data-aurora-fluid-layout="dream-lattice"] .section {padding:20px 16px}
  body[data-aurora-fluid-layout="dream-lattice"] h1 {font-size:clamp(32px,8vw,48px);overflow-wrap:break-word}
  body[data-aurora-fluid-layout="dream-lattice"] .sub {font-size:clamp(15px,4vw,20px);letter-spacing:2px;overflow-wrap:break-word}
  body[data-aurora-fluid-layout="dream-lattice"] .ads-brand-text strong,
  body[data-aurora-fluid-layout="dream-lattice"] .ads-brand-text span {white-space:normal!important;overflow-wrap:break-word}
}