/* Bracknell Fencing & Gates: brand styling for the AutoSEO articles.
   AutoSEO publishes into the bare Hello Elementor template, so without this the
   articles render in the system font on white with the theme's pink links.
   Scoped to body.single-post; applied by article-style.js. */

body.single-post {
  background: #1D1A16;
  color: #E6E0D6;
  font-family: "Poppins", sans-serif;
}

body.single-post .site-main {
  max-width: 760px;
  padding: 0 20px 80px;
}

/* Title band: full-bleed dark strip, matching the hero bands on the service pages */
body.single-post .page-header {
  background: #0D0D0D;
  box-shadow: 0 0 0 100vmax #0D0D0D;
  clip-path: inset(0 -100vmax);
  padding: 64px 0 56px;
  margin-bottom: 48px;
  text-align: center;
}
body.single-post .page-header::before {
  content: "Guides & Advice";
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 2.7px;
  text-transform: uppercase;
  color: #CC9D4B;
  margin-bottom: 14px;
}
body.single-post .entry-title {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-size: clamp(32px, 4.4vw, 48px);
  line-height: 1.15;
  color: #fff;
  margin: 0 auto;
  max-width: 900px;
}

body.single-post .page-content {
  font-size: 16.5px;
  line-height: 1.8;
}
body.single-post .page-content p { margin: 0 0 1.2em; }

body.single-post .page-content h2,
body.single-post .page-content h3 {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  color: #fff;
  line-height: 1.2;
}
body.single-post .page-content h2 {
  font-size: clamp(27px, 3vw, 34px);
  margin: 1.6em 0 0.6em;
  padding-top: 0.9em;
  border-top: 1px solid rgba(204, 157, 75, 0.35);
}
body.single-post .page-content h3 {
  font-size: clamp(21px, 2.2vw, 24px);
  margin: 1.6em 0 0.5em;
}

body.single-post .page-content strong { color: #fff; font-weight: 600; }

body.single-post .page-content a {
  color: #CC9D4B;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
body.single-post .page-content a:hover,
body.single-post .page-content a:focus-visible { color: #DCC684; }

body.single-post .page-content ul { padding-left: 1.3em; margin: 0 0 1.4em; }
body.single-post .page-content li { margin-bottom: 0.5em; }
body.single-post .page-content li::marker { color: #CC9D4B; }

body.single-post .page-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 2em auto;
  border-radius: 5px;
}

/* One article has a comparison table; let it scroll rather than widen the page */
body.single-post .page-content table {
  display: block;
  overflow-x: auto;
  border-collapse: collapse;
  margin: 1.6em 0 2em;
  font-size: 15px;
  line-height: 1.5;
}
body.single-post .page-content th,
body.single-post .page-content td {
  padding: 12px 14px;
  border: 1px solid rgba(230, 224, 214, 0.15);
  text-align: left;
  vertical-align: top;
}
body.single-post .page-content th {
  background: #0D0D0D;
  color: #fff;
  font-weight: 600;
}

@media (max-width: 767px) {
  body.single-post .site-main { padding: 0 16px 56px; }
  body.single-post .page-header { padding: 44px 0 40px; margin-bottom: 32px; }
  body.single-post .page-content { font-size: 16px; line-height: 1.75; }
}