/* Coleman blog post template. Loads on every single post (is_singular('post'))
   via WPCode snippet 1941, which also adds body.co-post-template.
   The markup the theme does not output (hero tag and trust row, In short band,
   sidebar, FAQ accordion, More advice grid, CTA band) is printed by the
   "Coleman Post Template (blocks)" WPCode snippet on Salient's own hooks.
   Design source of truth: https://claude.ai/artifact/7EF9WRJQyqPvfspdek1akH
   Local Search North, 30 Sep 2026. Desktop rules gate at 1000px, Salient's
   own header breakpoint, as service-template.css does. */

/* ---------- Tokens (kept as literals for Salient's CSS pipeline) ----------
   ink #111212 · card #1b1d1b · accent #98d668 · grey #f3f0f0 · rule #e2ddd9
   muted-on-dark #b8bdb6 · faq answer #f2f4f0 · chevron #9aa096
   body grey #4a4f48 · ink-on-green #2c3524 · link #3f7517 */

/* ---------- Page frame ---------- */
.co-post-template #ajax-content-wrap { overflow-x: clip; }
.co-post-template .container-wrap { padding-top: 0 !important; padding-bottom: 0 !important; }
.co-post-template .container-wrap h1,
.co-post-template .container-wrap h2 { font-family: 'Inter Tight', 'Open Sans', sans-serif !important; font-weight: 800 !important; letter-spacing: -0.02em; }
.co-post-template .container-wrap h3 { font-family: 'Inter Tight', 'Open Sans', sans-serif !important; font-weight: 700 !important; }
@media only screen and (min-width: 1000px) {
  .co-post-template .container-wrap .container.main-content { padding-left: 64px; padding-right: 64px; }
  body.co-post-template #header-outer .container,
  body.co-post-template #header-secondary-outer .container { padding-left: 64px !important; padding-right: 64px !important; }
}

/* Full-bleed band: pulls to the viewport edges from inside the container,
   then pads back to the container's content edge. 100vw includes the
   scrollbar, which is why #ajax-content-wrap clips horizontally above. */
.co-bleed { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%); box-sizing: border-box; }

/* Shared bits */
.co-bar { display: block; width: 44px; height: 5px; background: #98d668; }
.co-btn { display: inline-block; border-radius: 100px; font-weight: 700; font-size: 15px; line-height: 1.2; padding: 14px 26px; text-decoration: none !important; border: 0; cursor: pointer; }
.co-btn-green { background: linear-gradient(90deg, #98d668, #89f336); color: #111212 !important; }
.co-btn-dark { background: #111212; color: #ffffff !important; }
.co-btn-white { background: #ffffff; color: #111212 !important; }
.co-btn-outline { border: 2px solid #111212; color: #111212 !important; padding: 12px 26px; background: transparent; }
.co-btn-ghost { border: 1.5px solid #4a4f48; color: #ffffff !important; padding: 13px 24px; background: transparent; }
.co-btn:hover { opacity: 0.88; }
.co-side-label { font-size: 12.5px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: #6f746d; }

/* ---------- Hero (Salient's featured-media-under-header row) ---------- */
.co-post-template .featured-media-under-header { display: grid; grid-template-columns: 54% 1fr; grid-template-rows: auto auto; margin: 0 !important; padding: 0 !important; }
/* Salient lays the content column out as a centred flex column, which is what
   centres the category chip and the byline. Block layout puts them on the left. */
.co-post-template .featured-media-under-header__content { display: block !important; grid-column: 1; grid-row: 1; max-width: none !important; margin: 0 !important; padding: 72px 48px 0 0 !important; text-align: left !important; align-self: end; }
.co-post-template .featured-media-under-header__cat-wrap { margin: 0 0 22px 0 !important; text-align: left !important; }
.co-post-template .featured-media-under-header__cat-wrap a,
.co-post-template .featured-media-under-header__cat-wrap span.meta-category a { display: inline-block; background: #111212 !important; color: #ffffff !important; padding: 6px 12px; font-weight: 700 !important; font-size: 12.5px !important; letter-spacing: 0.4px; text-transform: uppercase; text-decoration: none !important; }
.co-post-template .featured-media-under-header h1.entry-title { font-size: 56px !important; line-height: 1.04 !important; letter-spacing: -1.3px; margin: 0 !important; color: #111212 !important; text-align: left !important; }
.co-post-template .featured-media-under-header__excerpt { margin: 20px 0 0 0; font-size: 18px; line-height: 1.65; color: #4a4f48; max-width: 580px; text-align: left; }
.co-post-template .featured-media-under-header__meta-wrap { margin: 28px 0 0 0 !important; justify-content: flex-start !important; text-align: left !important; }
.co-post-template .featured-media-under-header__meta-wrap a { color: #111212 !important; font-weight: 700; }
/* Salient centres the chip and byline through their inner spans, not the wrap. */
.co-post-template .featured-media-under-header__cat-wrap .meta-category { display: inline-block !important; margin: 0 !important; text-align: left !important; }
.co-post-template .featured-media-under-header__meta-wrap > span,
.co-post-template .featured-media-under-header__meta-wrap .meta-author,
.co-post-template .featured-media-under-header__meta-wrap .meta-date { margin-left: 0 !important; margin-right: 14px !important; text-align: left !important; }
.co-post-template .featured-media-under-header__meta-wrap .co-avatar { display: inline-flex; vertical-align: middle; margin-right: 10px; }
.co-post-template .co-hero-trust { grid-column: 1; grid-row: 2; padding: 24px 48px 64px 0; margin-top: 30px; border-top: 1px solid #ececec; }
.co-post-template .co-trust { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; font-size: 14px; color: #6f746d; }
.co-post-template .co-trust strong { color: #111212; }
.co-post-template .co-trust .co-sep { width: 1px; height: 20px; background: #e2e4e0; }
.co-post-template .co-trust .co-stars svg { display: inline-block; vertical-align: middle; margin-right: 1px; }
.co-post-template .featured-media-under-header__featured-media { grid-column: 2; grid-row: 1 / span 2; position: relative; min-height: 560px; padding: 0 !important; margin: 0 !important; }
.co-post-template .featured-media-under-header__featured-media .post-featured-img { position: absolute; inset: 0; display: block; }
.co-post-template .featured-media-under-header__featured-media img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; max-width: none; }
.co-post-template .featured-media-under-header__featured-media::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 120px; background: linear-gradient(90deg, #ffffff, rgba(255,255,255,0)); z-index: 2; pointer-events: none; }
.co-post-template .co-hero-tag { grid-column: 2; grid-row: 2; align-self: end; justify-self: start; z-index: 3; margin: 0 0 36px 36px; background: #111212; color: #ffffff; padding: 14px 20px; max-width: 320px; }
.co-post-template .co-hero-tag strong { display: block; color: #ffffff; font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 15px; line-height: 1.3; margin-bottom: 3px; }
.co-post-template .co-hero-tag span { display: block; color: #b8bdb6; font-size: 12.5px; line-height: 1.45; }
@media only screen and (min-width: 1000px) {
  /* Bleed the photo to the viewport's right edge; the container caps at 1600px. */
  .co-post-template .featured-media-under-header__featured-media { margin-right: calc(-1 * (64px + max(0px, (100vw - 1600px) / 2))) !important; }
}

/* ---------- In short band ---------- */
.co-post-inshort { background: #f3f0f0; padding-top: 56px; padding-bottom: 56px; }
.co-post-inshort-in { display: flex; gap: 64px; align-items: stretch; }
.co-inshort-text { flex: 1 1 auto; }
.co-inshort-text h2 { font-size: 30px !important; line-height: 1.1 !important; margin: 16px 0 0 0 !important; color: #111212; }
.co-inshort-text p { margin: 14px 0 0 0 !important; padding: 0 !important; font-size: 17px; line-height: 1.7; color: #1e1e1e; max-width: 720px; }
.co-inshort-card { flex: 0 0 420px; background: #111212; color: #ffffff; padding: 32px; box-sizing: border-box; display: flex; flex-direction: column; gap: 14px; }
.co-inshort-card .co-card-title { font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 20px; line-height: 1.2; color: #ffffff; }
/* !important: inside the hub hero, .co-hub-hero p (later in this file) would
   otherwise win and paint this body grey on black. */
.co-inshort-card p { margin: 0 !important; padding: 0 !important; font-size: 15px; line-height: 1.6; color: #f2f4f0 !important; }
.co-inshort-card .co-card-btns { display: flex; gap: 10px; margin-top: 6px; flex-wrap: wrap; }

/* ---------- Article + sidebar ---------- */
/* Grid: article col 1, sidebar col 2, the FAQ and CTA bands span both.
   Chrome constrains a sticky grid item by the whole grid container, not its
   grid row, so a sticky aside rode down over the FAQ and CTA bands. The aside
   now stretches the height of row 1 (the article) and only its inner wrapper
   is sticky, which stops it at the article's end. */
.co-post-template .post-area { display: grid !important; grid-template-columns: 60.4% minmax(0, 1fr); column-gap: 5.5%; align-items: start; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; max-width: none !important; }
.co-post-template .post-area > article { grid-column: 1; grid-row: 1; min-width: 0; padding: 80px 0 72px 0 !important; margin: 0 !important; }
.co-post-template .post-area > article .inner-wrap, .co-post-template .post-area > article .post-content { padding: 0 !important; margin: 0 !important; }
.co-post-side { grid-column: 2; grid-row: 1; min-width: 0; margin: 0; padding: 80px 0 72px 0; align-self: stretch; }
.co-side-inner { display: flex; flex-direction: column; gap: 24px; position: sticky; top: 110px; }

/* Body typography */
.co-post-template .post-content .content-inner { font-size: 17.5px; line-height: 1.72; color: #1e1e1e; }
.co-post-template .post-content .content-inner p { font-size: 17.5px; line-height: 1.72; color: #1e1e1e; margin: 0 0 16px 0; padding: 0; }
.co-post-template .post-content .content-inner a { color: #3f7517; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1.5px; }
.co-post-template .post-content .content-inner a:hover { color: #111212; }
.co-post-template .post-content .content-inner strong { color: #111212; }
.co-post-template .post-content .content-inner h2 { font-size: 34px !important; line-height: 1.1 !important; margin: 56px 0 18px 0 !important; padding: 0; color: #111212; scroll-margin-top: 120px; }
.co-post-template .post-content .content-inner h2::before { content: ''; display: block; width: 44px; height: 5px; background: #98d668; margin-bottom: 18px; }
.co-post-template .post-content .content-inner h2:first-child { margin-top: 0 !important; }
.co-post-template .post-content .content-inner h3 { font-size: 22px !important; line-height: 1.25 !important; margin: 36px 0 12px 0 !important; color: #111212; }
.co-post-template .post-content .content-inner ul { margin: 0 0 20px 0; padding-left: 26px; }
.co-post-template .post-content .content-inner ul li { margin: 0 0 10px 0; font-size: 17px; line-height: 1.65; }
.co-post-template .post-content .content-inner ul li::marker { color: #98d668; }
/* Numbered steps: green number discs, the design's step list */
.co-post-template .post-content .content-inner ol { list-style: none; margin: 8px 0 24px 0; padding: 0; counter-reset: co-step; }
.co-post-template .post-content .content-inner ol li { counter-increment: co-step; position: relative; padding: 4px 0 0 52px; margin: 0 0 16px 0; font-size: 16.5px; line-height: 1.65; min-height: 34px; }
.co-post-template .post-content .content-inner ol li::before { content: counter(co-step); position: absolute; left: 0; top: 0; width: 34px; height: 34px; border-radius: 50%; background: #98d668; color: #111212; font-family: 'Inter Tight', sans-serif; font-weight: 800; font-size: 15px; display: flex; align-items: center; justify-content: center; }
/* Safety note: the FAQ black box reused as a callout */
.co-post-template .post-content .content-inner .co-note { background: #111212; color: #ffffff; padding: 24px 28px; margin: 28px 0; }
.co-post-template .post-content .content-inner .co-note strong { color: #ffffff; font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 18px; display: block; margin-bottom: 8px; }
.co-post-template .post-content .content-inner .co-note p { color: #f2f4f0; font-size: 15.5px; line-height: 1.65; margin: 0; }
/* Dark band: the service page card grid, in-column */
.co-post-template .post-content .content-inner .co-band { background: #111212; color: #ffffff; padding: 40px; margin: 48px 0; }
.co-post-template .post-content .content-inner .co-band h2 { color: #ffffff; margin-top: 0 !important; }
.co-post-template .post-content .content-inner .co-band p { color: #b8bdb6; font-size: 16px; line-height: 1.7; }
.co-post-template .post-content .content-inner .co-band a { color: #98d668; }
.co-post-template .post-content .content-inner .co-band ul { list-style: none; padding: 0; margin: 24px 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.co-post-template .post-content .content-inner .co-band ul li { background: #1b1d1b; border: 1px solid rgba(255,255,255,0.08); padding: 22px 22px 22px 22px; margin: 0; font-size: 14.5px; line-height: 1.6; color: #b8bdb6; }
.co-post-template .post-content .content-inner .co-band ul li::before { content: ''; display: block; width: 26px; height: 26px; margin-bottom: 14px; background-color: #98d668; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") no-repeat center / 26px 26px; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") no-repeat center / 26px 26px; }
.co-post-template .post-content .content-inner .co-band ul li strong { display: block; color: #ffffff; font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 17px; line-height: 1.25; margin-bottom: 8px; }
.co-post-template .post-content .content-inner .co-band p:last-child { margin-bottom: 0; }
/* Green strip: the mid-article emergency block */
.co-post-template .post-content .content-inner .co-strip { background: #98d668; padding: 36px 40px; margin: 48px 0; }
.co-post-template .post-content .content-inner .co-strip h2 { margin-top: 0 !important; font-size: 30px !important; }
.co-post-template .post-content .content-inner .co-strip h2::before { display: none; }
.co-post-template .post-content .content-inner .co-strip p { color: #2c3524; font-size: 16.5px; line-height: 1.6; }
.co-post-template .post-content .content-inner .co-strip a:not(.co-btn) { color: #111212; }
.co-post-template .post-content .content-inner .co-strip p:last-child { margin-bottom: 0; }
.co-post-template .post-content .content-inner .co-strip .co-btn { text-decoration: none !important; }

/* Sidebar blocks */
.co-side-toc { background: #f3f0f0; padding: 28px 28px 22px 28px; }
.co-side-toc ul { list-style: none; margin: 14px 0 0 0; padding: 0; }
.co-side-toc li, .co-side-related li, .co-post-template .post-content .content-inner .co-band ul li { list-style: none !important; }
.co-side-toc li { margin: 0; padding: 0; }
.co-side-toc a { display: flex; gap: 12px; align-items: center; padding: 10px 0; font-size: 15.5px; color: #1e1e1e; text-decoration: none; line-height: 1.35; }
.co-side-toc a::before { content: ''; flex: 0 0 4px; width: 4px; height: 18px; background: #e2ddd9; }
.co-side-toc a:hover, .co-side-toc li.is-active a { color: #111212; font-weight: 700; }
.co-side-toc li.is-active a::before { background: #98d668; }
.co-side-related { background: #111212; color: #ffffff; padding: 28px; }
.co-side-related .co-side-label { color: #b8bdb6; }
.co-side-related ul { list-style: none; margin: 10px 0 0 0; padding: 0; }
.co-side-related li { margin: 0; padding: 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
.co-side-related li:last-child { border-bottom: 0; }
.co-side-related a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 15px 0; color: #ffffff !important; font-size: 16px; font-weight: 700; text-decoration: none; line-height: 1.3; }
.co-side-related a svg { flex-shrink: 0; }
.co-side-related .co-btn { display: block; text-align: center; margin-top: 22px; }
.co-side-author { border: 1px solid #e2ddd9; padding: 24px 28px; display: flex; gap: 16px; align-items: flex-start; }
.co-avatar { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; background: #111212; color: #ffffff; display: flex; align-items: center; justify-content: center; font-family: 'Inter Tight', sans-serif; font-weight: 800; font-size: 15px; letter-spacing: 0.5px; }
.co-side-author .co-side-name { margin-top: 4px; font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 17px; color: #111212; }
.co-side-author p { margin: 6px 0 0 0 !important; padding: 0 !important; font-size: 14.5px; line-height: 1.6; color: #4a4f48; }

/* ---------- FAQ band ---------- */
.co-post-faq { grid-column: 1 / -1; width: 100vw; max-width: 100vw; background: #f3f0f0; padding-top: 88px; padding-bottom: 88px; scroll-margin-top: 100px; }
.co-post-faq-in { display: flex; gap: 64px; align-items: flex-start; }
.co-post-faq-head { flex: 0 0 360px; }
.co-post-faq-head h2 { font-size: 42px !important; line-height: 1.08 !important; margin: 18px 0 0 0 !important; color: #111212; }
.co-post-faq-head p { margin: 18px 0 0 0 !important; padding: 0 !important; font-size: 16px; line-height: 1.7; color: #4a4f48; }
.co-post-faq-list { flex: 1 1 auto; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.co-faq-item { background: #111212; }
.co-faq-q { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 24px; background: transparent; border: 0; padding: 24px 28px; text-align: left; cursor: pointer; color: #ffffff; }
.co-faq-q h3 { margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 18px !important; line-height: 1.35 !important; letter-spacing: -0.01em; }
.co-faq-q .co-chev { flex-shrink: 0; width: 18px; height: 18px; background-color: #9aa096; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center / 18px 18px; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center / 18px 18px; transform: rotate(-90deg); transition: transform 0.25s ease, background-color 0.25s ease; }
.co-faq-item.open .co-faq-q { padding-bottom: 12px; }
.co-faq-item.open .co-faq-q .co-chev { background-color: #ffffff; transform: rotate(0deg); }
.co-faq-a { display: none; padding: 0 64px 24px 28px; }
.co-faq-item.open .co-faq-a { display: block; }
.co-faq-a p { color: #f2f4f0 !important; font-size: 15.5px; line-height: 1.7; margin: 0 0 12px 0 !important; padding: 0 !important; }
.co-faq-a p:last-child { margin-bottom: 0 !important; }
.co-faq-a a { color: #98d668; }

/* ---------- More advice ---------- */
.co-post-more { grid-column: 1 / -1; width: 100vw; max-width: 100vw; padding-top: 80px; padding-bottom: 80px; }
.co-post-more-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 48px; }
.co-post-more-head h2 { font-size: 34px !important; line-height: 1.1 !important; margin: 18px 0 0 0 !important; color: #111212; }
.co-post-more-grid { margin-top: 36px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.co-post-card { display: flex; flex-direction: column; color: #111212 !important; border: 1px solid #e2ddd9; text-decoration: none !important; background: #ffffff; }
.co-post-card:hover { border-color: #111212; }
.co-post-card img, .co-post-card .co-post-card-noimg { width: 100%; height: 230px; object-fit: cover; display: block; }
.co-post-card .co-post-card-noimg { background: #f3f0f0; }
.co-post-card-body { padding: 22px 24px 26px 24px; display: flex; flex-direction: column; gap: 10px; }
.co-post-card-meta { display: flex; gap: 12px; align-items: center; font-size: 12.5px; color: #6f746d; }
.co-post-card-meta .co-chip { background: #111212; color: #ffffff; padding: 4px 9px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; }
.co-post-card h3 { margin: 0 !important; font-size: 20px !important; line-height: 1.25 !important; color: #111212; }
.co-post-card p { margin: 0 !important; padding: 0 !important; font-size: 14.5px; line-height: 1.6; color: #4a4f48; }

/* ---------- CTA band ---------- */
.co-post-cta { grid-column: 1 / -1; width: 100vw; max-width: 100vw; background: #98d668; padding-top: 72px; padding-bottom: 72px; }
.co-post-cta-in { display: flex; justify-content: space-between; align-items: center; gap: 48px; }
.co-post-cta h2 { font-size: 44px !important; line-height: 1.05 !important; margin: 0 !important; color: #111212; }
.co-post-cta p { margin: 14px 0 0 0 !important; padding: 0 !important; font-size: 17px; color: #2c3524; }
.co-post-cta .co-cta-btns { display: flex; gap: 14px; flex-shrink: 0; }
.co-post-cta .co-btn { padding: 16px 32px; font-size: 16px; }

/* ---------- Advice hub (/latest/, the posts page; rendered by snippet 1991) ---------- */
.co-hub-hero { display: flex; gap: 64px; align-items: center; padding: 72px 0 56px 0; }
.co-hub-hero-text { flex: 1 1 auto; min-width: 0; }
.co-hub-hero h1 { font-size: 56px !important; line-height: 1.04 !important; letter-spacing: -1.3px; margin: 18px 0 0 0 !important; color: #111212; }
.co-hub-hero p { margin: 20px 0 0 0 !important; padding: 0 !important; font-size: 18px; line-height: 1.65; color: #4a4f48; max-width: 620px; }
.co-hub-hero .co-trust { margin-top: 30px; }
.co-hub-hero .co-inshort-card { flex: 0 0 420px; }
.co-hub-grid { padding-top: 24px; }
.co-hub-pagination { margin-top: 36px; }
.co-hub-pagination .nav-links { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.co-hub-pagination .page-numbers { display: inline-block; padding: 10px 16px; border: 2px solid #111212; border-radius: 100px; color: #111212 !important; font-weight: 700; font-size: 14px; line-height: 1.2; text-decoration: none !important; }
.co-hub-pagination .page-numbers.current { background: #111212; color: #ffffff !important; }
.co-hub-empty { padding: 24px 0 48px 0; font-size: 17px; color: #4a4f48; }

/* Salient's own post furniture the template replaces */
.co-post-template .blog_next_prev_buttons,
.co-post-template .related-posts-wrap,
.co-post-template .related-posts,
.co-post-template .comments-section:empty,
.co-post-template .nectar-social.fixed { display: none !important; }
.co-post-template .comments-section { margin: 0; }

/* ---------- Mobile / tablet ---------- */
@media only screen and (max-width: 999px) {
  .co-post-template .featured-media-under-header { display: block; }
  .co-post-template .featured-media-under-header__content { padding: 36px 0 28px 0 !important; }
  .co-post-template .featured-media-under-header h1.entry-title { font-size: 38px !important; letter-spacing: -0.9px; }
  .co-post-template .featured-media-under-header__featured-media { min-height: 0; height: 260px; margin: 0 !important; }
  .co-post-template .featured-media-under-header__featured-media::after { display: none; }
  /* The tag is a sibling of the photo, not a child, so on phones it sits as a
     black block directly under the photo rather than floating over it. */
  .co-post-template .co-hero-tag { position: static; margin: 0; max-width: none; padding: 14px 20px; }
  .co-post-template .co-hero-trust { padding: 18px 0; margin-top: 0; border-top: 0; border-bottom: 1px solid #ececec; }
  .co-post-template .co-trust { gap: 14px; font-size: 13.5px; }
  .co-post-template .co-trust .co-sep { display: none; }
  .co-post-inshort { padding-top: 36px; padding-bottom: 36px; }
  .co-post-inshort-in { flex-direction: column; gap: 24px; }
  .co-inshort-text h2 { font-size: 26px !important; }
  .co-inshort-text p { font-size: 16px; }
  .co-inshort-card { flex: 0 0 auto; padding: 24px; }
  .co-inshort-card .co-card-btns .co-btn { display: block; text-align: center; width: 100%; box-sizing: border-box; }
  .co-post-template .post-area { display: block !important; }
  .co-post-template .post-area > article { max-width: none; padding: 40px 0 8px 0 !important; }
  .co-post-side { margin: 0; padding: 32px 0 40px 0; position: static; }
  .co-side-inner { position: static; }
  .co-post-template .post-content .content-inner h2 { font-size: 28px !important; margin-top: 44px !important; }
  .co-post-template .post-content .content-inner p { font-size: 16.5px; }
  .co-post-template .post-content .content-inner .co-band { padding: 28px 20px; }
  .co-post-template .post-content .content-inner .co-band ul { grid-template-columns: 1fr; }
  .co-post-template .post-content .content-inner .co-strip { padding: 28px 20px; }
  .co-post-template .post-content .content-inner .co-strip .co-btn { display: block; text-align: center; }
  .co-post-faq { padding-top: 48px; padding-bottom: 48px; }
  .co-post-faq-in { flex-direction: column; gap: 24px; }
  .co-post-faq-head { flex: 0 0 auto; }
  .co-post-faq-head h2 { font-size: 30px !important; }
  .co-faq-q { padding: 20px; gap: 16px; }
  .co-faq-q h3 { font-size: 16.5px !important; }
  .co-faq-a { padding: 0 20px 20px 20px; }
  .co-post-more { padding-top: 44px; padding-bottom: 44px; }
  .co-post-more-head { flex-direction: column; align-items: flex-start; gap: 18px; }
  .co-post-more-head h2 { font-size: 28px !important; }
  .co-post-more-grid { grid-template-columns: 1fr; gap: 16px; }
  .co-post-card img, .co-post-card .co-post-card-noimg { height: 170px; }
  .co-post-cta { padding-top: 44px; padding-bottom: 44px; }
  .co-post-cta-in { flex-direction: column; align-items: stretch; gap: 20px; }
  .co-post-cta h2 { font-size: 30px !important; }
  .co-post-cta .co-cta-btns { flex-direction: column; }
  .co-post-cta .co-btn { display: block; text-align: center; }
  .co-hub-hero { flex-direction: column; align-items: stretch; gap: 24px; padding: 36px 0 28px 0; }
  .co-hub-hero h1 { font-size: 38px !important; letter-spacing: -0.9px; }
  .co-hub-hero p { font-size: 16.5px; }
  .co-hub-hero .co-inshort-card { flex: 0 0 auto; }
}