/* Ask WP God v1.11 — internal page width + layout system.
   Homepage v1.10 is intentionally untouched. */
:root{--a111-wide:1240px;--a111-copy:860px;--a111-gutter:64px}

/* The old page template wrapped every page in a Gutenberg constrained shell.
   v1.11 lets each designed page control its own width. */
.awg111-page,.awg111-page>.wp-block-post-content{width:100%;max-width:none!important;margin:0!important;padding:0!important}
.awg111-page>.wp-block-post-content>*{margin-block-start:0}

/* One consistent internal-page canvas. */
.awg-service-page .awg-shell,
.awg-service-hero .awg-shell,
.awg-services-page.awg-shell,
.awg-pricing-page.awg-shell,
.awg-contact-hero .awg-shell,
.awg-contact-main.awg-shell,
.awg-about-page-hero .awg-shell,
.awg-about-story.awg-shell,
.awg-about-values.awg-shell,
.awg-about-scope .awg-shell,
.awg-about-brand-note .awg-shell{
  width:min(var(--a111-wide),calc(100% - var(--a111-gutter)))!important;
  max-width:var(--a111-wide)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box;
}

/* Gutenberg constrained children should not re-collapse designed landing sections. */
.awg-service-page .awg-shell.wp-block-group-is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
.awg-services-page.awg-shell.wp-block-group-is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
.awg-pricing-page.awg-shell.wp-block-group-is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
.awg-contact-main.awg-shell.wp-block-group-is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
.awg-about-page-hero .awg-shell.wp-block-group-is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
.awg-about-story.awg-shell.wp-block-group-is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
.awg-about-values.awg-shell.wp-block-group-is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
.awg-about-scope .awg-shell.wp-block-group-is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
.awg-about-brand-note .awg-shell.wp-block-group-is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){
  width:100%!important;
  max-width:none!important;
}

/* Service pages: wide sections, readable hero/copy. */
.awg-service-hero-inner{padding-top:76px!important;padding-bottom:72px!important}
.awg-service-hero h1{max-width:980px!important}
.awg-service-hero .awg-lead{max-width:850px!important}
.awg-service-detail-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:84px!important}
.awg-service-detail-grid>div:first-child{max-width:570px}
.awg-service-checklist{width:100%}
.awg-service-soft>.awg-shell>.awg-lead{max-width:900px!important}
.awg-faq>h2{max-width:900px}
.awg-faq details{max-width:980px}
.awg-faq details p{max-width:880px!important}

/* Services overview: use the page width instead of article width. */
.awg-services-page{padding-top:72px!important;padding-bottom:82px!important}
.awg-services-page>h1{max-width:1020px!important}
.awg-services-page>.awg-lead{max-width:860px!important}
.awg-services-page>.wp-block-columns{gap:22px}
.awg-services-page .awg-card{padding:30px!important;border-radius:18px}
.awg-services-page .awg-card h3{font-size:22px;margin-bottom:10px}
.awg-services-page .awg-card p{font-size:16px;line-height:1.65}

/* Pricing needs the most horizontal room. */
.awg-pricing-page.awg-shell{
  width:min(1300px,calc(100% - var(--a111-gutter)))!important;
  max-width:1300px!important;
}
.awg-pricing-page{padding-top:72px!important;padding-bottom:82px!important}
.awg-pricing-page>h1{max-width:1040px!important}
.awg-pricing-page>.awg-lead{max-width:870px!important}
.awg-pricing-page .awg-price-grid-v12{gap:14px!important}
.awg-pricing-page .awg-price-card-v12{padding:22px 18px!important;min-height:385px}
.awg-pricing-bottom-cta{max-width:none!important;padding:30px 32px!important}

/* Contact: form should feel like a proper page, not a narrow column. */
.awg-contact-head{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:64px!important;min-height:360px}
.awg-contact-head>div:first-child{max-width:720px}
.awg-contact-head .awg-lead{max-width:700px}
.awg-contact-head img{max-width:460px;justify-self:end}
.awg-contact-main{padding-top:68px!important;padding-bottom:78px!important}
.awg-contact-layout{gap:34px!important;align-items:flex-start}
.awg-form-card{padding:36px!important}
.awg-side-card{padding:26px!important}

/* About: keep storytelling airy but use the desktop canvas. */
.awg-about-page-intro h1{max-width:1080px!important}
.awg-about-page-intro .awg-lead{max-width:880px!important}
.awg-about-story-grid{gap:90px!important}
.awg-about-story-grid>.wp-block-column:last-child{max-width:800px}
.awg-about-brand-card{max-width:980px!important}
.awg-about-value-grid{gap:22px!important}
.awg-about-scope-grid{gap:84px!important}

/* Legal pages should be comfortable, not full-bleed, but were overly narrow before. */
.awg-legal-page.awg-shell{
  width:min(1080px,calc(100% - var(--a111-gutter)))!important;
  max-width:1080px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.awg-legal-page.awg-shell.wp-block-group-is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){
  width:100%!important;
  max-width:var(--a111-copy)!important;
  margin-left:0!important;
  margin-right:0!important;
}
.awg-legal-page>h1{max-width:960px!important}
.awg-legal-page>.awg-lead{max-width:860px!important}
.awg-legal-page p,.awg-legal-page li{max-width:860px!important}

/* CTA blocks should align with the same wide canvas. */
.awg-service-page>.awg-shell.awg-section-sm,
.awg-about-page-hero~.awg-shell.awg-section-sm{width:min(var(--a111-wide),calc(100% - var(--a111-gutter)))!important;max-width:var(--a111-wide)!important}

@media(max-width:1080px){
  :root{--a111-gutter:48px}
  .awg-service-detail-grid{gap:48px!important}
  .awg-contact-head{gap:36px!important;grid-template-columns:1fr 1fr!important}
  .awg-pricing-page .awg-price-grid-v12{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:782px){
  :root{--a111-gutter:36px}
  .awg-service-hero-inner{padding-top:52px!important;padding-bottom:50px!important}
  .awg-service-detail-grid{grid-template-columns:1fr!important;gap:28px!important}
  .awg-contact-head{grid-template-columns:1fr!important;gap:20px!important;padding-top:48px;padding-bottom:0}
  .awg-contact-head img{max-width:100%;justify-self:stretch;height:auto!important;object-fit:contain!important}
  .awg-contact-main{padding-top:48px!important;padding-bottom:56px!important}
  .awg-contact-layout{gap:22px!important}
  .awg-about-story-grid,.awg-about-scope-grid{gap:28px!important}
  .awg-pricing-page .awg-price-grid-v12{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:520px){
  :root{--a111-gutter:28px}
  .awg-services-page>.wp-block-columns{gap:14px}
  .awg-form-card{padding:22px!important}
  .awg-side-card{padding:22px!important}
  .awg-pricing-page .awg-price-grid-v12{grid-template-columns:1fr!important}
  .awg-pricing-page .awg-price-card-v12{min-height:auto}
}