/* Terry.ism v27 — one content axis across every public section */

:root{
  --terry-landing-shell:960px;
  --terry-editor-shell:1480px;
  --terry-tablet-editor-shell:760px;
  --terry-desktop-gutter:32px;
  --terry-mobile-gutter:20px;
  --terry-editor-mobile-gutter:18px;
}

body:not(.has-media) .app-main,
body:not(.has-media) .instagram-hub,
body:not(.has-media) .camera-seo-showcase,
body:not(.has-media) .app-footer.site-footer{
  width:min(var(--terry-landing-shell),calc(100% - var(--terry-desktop-gutter)))!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
body:not(.has-media) .media-column,
body:not(.has-media) .upload-card{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

body.has-media .app-main,
body.has-media .app-footer.site-footer{
  width:min(var(--terry-editor-shell),calc(100% - var(--terry-desktop-gutter)))!important;
  box-sizing:border-box!important;
}

@media(max-width:900px){
  body.has-media .app-main,
  body.has-media .app-footer.site-footer{
    width:min(var(--terry-tablet-editor-shell),calc(100% - var(--terry-editor-mobile-gutter)))!important;
    max-width:none!important;
  }
}

@media(max-width:720px){
  body:not(.has-media) .app-main,
  body:not(.has-media) .instagram-hub,
  body:not(.has-media) .camera-seo-showcase,
  body:not(.has-media) .app-footer.site-footer{
    width:calc(100% - var(--terry-mobile-gutter))!important;
  }
  body:not(.has-media) .header-inner{width:calc(100% - var(--terry-mobile-gutter))!important}
}