/* XY STUDIO V15 — Release 4.2.8
   Site QA / Grid / Responsive / SEO / Architecture cleanup layer.
   Loaded last to normalize the existing V13–V17 cascade without redesigning the site.
*/
:root{
  --container-max:1240px;
  --gutter-desktop:32px;
  --gutter-tablet:24px;
  --gutter-mobile:16px;
  --gutter-small:14px;
}

/* Unified site grid */
.container{
  width:min(var(--container-max), calc(100% - (var(--gutter-desktop) * 2))) !important;
  max-width:var(--container-max) !important;
  margin-inline:auto !important;
}

/* Known system-wide containers use the same base grid. */
.home-work .container,
.service-editorial-section > .container,
.revenue-report-section > .container,
.rx-editorial .container{
  width:min(var(--container-max), calc(100% - (var(--gutter-desktop) * 2))) !important;
  max-width:var(--container-max) !important;
}

/* Preserve intentionally narrow content columns inside the unified outer grid. */
.industry-deep > .container{
  width:min(var(--container-max), calc(100% - (var(--gutter-desktop) * 2))) !important;
  max-width:var(--container-max) !important;
}

/* Prevent media and form controls from creating viewport overflow. */
img,svg,video,canvas,iframe{max-width:100%;}
input,select,textarea{max-width:100%;}
.grid,.grid2,.grid3,.grid4,.grid5,.seo-grid,.section-head,.path,.v15-workflow,.leadbox{min-width:0;}
.grid > *, .grid2 > *, .grid3 > *, .grid4 > *, .grid5 > *, .seo-grid > *, .section-head > *, .path > *, .v15-workflow > *, .leadbox > *{min-width:0;}

/* Consistent touch targets */
.btn,.navcta,.menu{min-height:44px;border: 1px solid #4a4a47;background: #ffffff08;color: #ffffff;}

/* Tablet */
@media (min-width:701px) and (max-width:1100px){
  .container,
  .home-work .container,
  .service-editorial-section > .container,
  .revenue-report-section > .container,
  .rx-editorial .container,
  .industry-deep > .container{
    width:calc(100% - (var(--gutter-tablet) * 2)) !important;
    max-width:var(--container-max) !important;
  }
}

/* Mobile */
@media (max-width:700px){
  .container,
  .home-work .container,
  .service-editorial-section > .container,
  .revenue-report-section > .container,
  .rx-editorial .container,
  .industry-deep > .container{
    width:calc(100% - (var(--gutter-mobile) * 2)) !important;
    max-width:none !important;
  }
  .section-head{grid-template-columns:1fr !important;}
  .seo-grid{grid-template-columns:1fr !important;}
  .grid,.grid2,.grid3,.grid4,.grid5{max-width:100%;}
  .actions .btn,.case-actions-inline .btn,.leadbox .btn{max-width:100%;}
}

@media (max-width:380px){
  .container,
  .home-work .container,
  .service-editorial-section > .container,
  .revenue-report-section > .container,
  .rx-editorial .container,
  .industry-deep > .container{
    width:calc(100% - (var(--gutter-small) * 2)) !important;
  }
}

/* Reduced-motion support remains global and is intentionally last. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}
