/* One shared canvas width. Keep component/dialog widths and reading measure separate. */
body.gu-ui-system.gu-platform {--gu-page-width:2200px;--gu-page-gutter:clamp(20px,3vw,72px)}
body.gu-ui-system.gu-platform :is(.shell,.gu-workspace-shell,.gu-platform-footer,.platform-disclaimer,.public-beta,.ga) {
  width:min(var(--gu-page-width),calc(100% - 2 * var(--gu-page-gutter)));max-width:var(--gu-page-width);margin-inline:auto;
}
body.gu-ui-system.gu-platform .gu-workspace-shell {grid-template-columns:218px minmax(0,1fr);gap:28px}
body.gu-ui-system.gu-platform .gu-workspace-shell #main-content :is(.shell,.public-beta,.ga,.gu-guide) {width:100%;max-width:none;margin-inline:0;padding-inline:0}
body.gu-ui-system.gu-platform #main-content {min-width:0}
body.gu-ui-system.gu-platform :is(.ds-wrap,.rr-page,.ts-thread) {width:min(var(--gu-page-width),calc(100% - 2 * var(--gu-page-gutter)));max-width:var(--gu-page-width)}
body.gu-ui-system.gu-platform .gu-workspace-shell #main-content :is(.team-profile-page,.studio-page,.ds-wrap,.rr-page,.rr-detail,.ts-thread,.gu-updates-page,.training-settings) {width:100%;max-width:none;margin-inline:0;padding-inline:0}
body.gu-ui-system.gu-platform .gu-workspace-shell .gu-section-nav .shell {width:100%;max-width:none;margin-inline:0;padding-inline:0}
body.gu-ui-system.gu-platform #main-content > :is(.page-hero,.page-jump-nav,.gu-page-intro) {max-width:var(--gu-page-width)}
body.gu-ui-system.gu-platform .ga-compare-workspace {grid-template-columns:clamp(210px,18vw,300px) minmax(0,1fr)}
body.gu-ui-system.gu-platform .ga-compare-toolbar {top:calc(var(--gu-header-height,88px) + 8px)}
body.gu-ui-system.gu-platform .ga-map-card {top:calc(var(--gu-header-height,88px) + 110px)}
body.gu-ui-system.gu-platform .ga-chart svg {width:100%;height:auto}
body.gu-ui-system.gu-platform .studio-hero {grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:clamp(24px,3vw,64px)}
.studio-feature-visual {display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(24px,3vw,64px);align-items:center}
.studio-feature-visual figure {margin:0;min-width:0}
.studio-feature-visual p,.studio-hero .studio-lead {max-width:58ch}
.studio-feature-visual img {display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}
.studio-feature-status {display:inline-block;padding:5px 10px;border:1px solid #645372;border-radius:6px;color:#e3cde6;font-size:12px}
.studio-catalogue {display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;color:var(--muted)}
.studio-catalogue strong {color:var(--text);font-size:22px;margin-right:5px;font-variant-numeric:tabular-nums}
body.gu-ui-system.gu-platform .guide-intro {max-width:80ch}
@media(min-width:1800px){body.gu-ui-system.gu-platform .gu-workspace-shell {grid-template-columns:230px minmax(0,1fr);gap:36px}}
@media(max-width:1150px) and (min-width:901px){body.gu-ui-system.gu-platform .gu-workspace-shell {grid-template-columns:190px minmax(0,1fr);gap:20px}}
@media(max-width:900px){
 body.gu-ui-system.gu-platform {--gu-page-gutter:16px}
 body.gu-ui-system.gu-platform .gu-workspace-shell {display:block}
 body.gu-ui-system.gu-platform .studio-hero,.studio-feature-visual {grid-template-columns:1fr}
}
@media(max-width:650px){
 body.gu-ui-system.gu-platform .ga-compare-workspace {display:block}
 body.gu-ui-system.gu-platform .ga-map-card,body.gu-ui-system.gu-platform .ga-compare-toolbar {position:static}
 .studio-catalogue {gap:10px 18px}
}
@media print {body.gu-ui-system.gu-platform :is(.shell,.gu-workspace-shell,.public-beta,.ga){width:100%;max-width:none}}