/* No padding on top container on mobile screens
 * Prevents site background being shown below header  */
#primary {
	padding-top: 0px;
}

/* SMALLER BLOG OVERVIEW HEADING */
h2.entry-title {
	font-size:25px !important;
}

/* PADDING for LISTS to not be outside of div. (also for toc! but not required) */
blog ul {
	margin-left: 25px !important;
}

blog ol {
	margin-left: 25px !important;
}

/* TOP 10 - Post 1175 — constrain ONLY the title block and the first intro paragraph.
     Everything else on the page keeps its current width. */

/* Title block — keep your existing rule for .entry-header */
  .post-1175 .entry-header {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
  }

  /* Mobile inset padding — pads every Spectra container's inner content.
     The .vb-compare-wrap table is intentionally not matched, so it stays
     edge-to-edge and keeps full horizontal-scroll width. */
  @media (max-width: 768px) {
    .post-1175 .entry-content .uagb-container-inner-blocks-wrap {
      padding-left: 20px !important;
      padding-right: 20px !important;
      box-sizing: border-box;
    }
    .post-1175 .entry-header {
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
  }

/* Tight headings (top/bottom margings) Only applies on larger screens */
@media (min-width: 768px) {
  .tight-heading {
    margin-top: -30px !important;
    margin-bottom: -20px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}