/* SS Local template: full-width layout without TOC/sidebar spacing.
   Keeps text readable while allowing images/banners to go edge-to-edge. */

.ss-local-template .post-content-grid{
  grid-template-columns: 1fr !important;
}

/* Remove global container constraints for this template */
.ss-local-template .gh-container,
.ss-local-template .container,
.ss-local-template main,
.ss-local-template .post-content-wrapper,
.ss-local-template .ss-local-shell{
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Kill side paddings that create the "box" */
.ss-local-template .gh-container,
.ss-local-template .container{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Make the article itself full width */
.ss-local-template .gh-article{
  width: 100%;
}

/* But keep long text comfortable */
.ss-local-template .deal-page-title,
.ss-local-template .deal-page-excerpt,
.ss-local-template .deal-page-content,
.ss-local-template .deal-page-content p,
.ss-local-template .deal-page-content h1,
.ss-local-template .deal-page-content h2,
.ss-local-template .deal-page-content h3,
.ss-local-template .deal-page-content h4,
.ss-local-template .deal-page-content ul,
.ss-local-template .deal-page-content ol{
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

/* Hero image: keep it the same readable width as the text (no full-bleed) */
.ss-local-template .deal-page-figure{
  width: 100%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.ss-local-template .deal-page-figure img{
  width: 100%;
  height: auto;
  display: block;
}