/* Unified internal-page design for Budget Home Glow Editorial */
body:not(.home) {
  margin: 0;
  background: #fff;
  color: var(--bgh-ink);
  font-family: var(--bgh-sans);
  line-height: 1.7;
}
body:not(.home) * { box-sizing: border-box; }
body:not(.home) a { color: inherit; }
body:not(.home) img { max-width: 100%; height: auto; }

.bgh-inner-hero {
  background: var(--bgh-cream);
  border-bottom: 1px solid var(--bgh-line);
  padding: 58px 0 48px;
}
.bgh-inner-hero .bgh-eyebrow { margin-bottom: 11px; }
.bgh-inner-title {
  margin: 0;
  max-width: 920px;
  color: var(--bgh-ink);
  font-family: var(--bgh-serif);
  font-size: clamp(38px, 5vw, 62px);
  font-weight: 500;
  line-height: 1.03;
  letter-spacing: -.025em;
}
.bgh-inner-deck {
  max-width: 720px;
  margin: 14px 0 0;
  color: var(--bgh-muted);
  font-size: 17px;
}

.bgh-content-section { padding: 66px 0 88px; }
.bgh-results-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 38px 24px;
}
.bgh-result-card {
  min-width: 0;
  border-bottom: 1px solid var(--bgh-line);
  padding-bottom: 24px;
}
.bgh-result-image {
  display: block;
  aspect-ratio: 1.22;
  overflow: hidden;
  background: var(--bgh-cream-2);
  margin-bottom: 16px;
}
.bgh-result-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.bgh-result-card:hover .bgh-result-image img { transform: scale(1.02); }
.bgh-result-meta {
  margin-bottom: 7px;
  color: var(--bgh-olive-dark);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.bgh-result-card h2 {
  margin: 0 0 10px;
  font-family: var(--bgh-serif);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.14;
}
.bgh-result-card p { margin: 0 0 12px; color: var(--bgh-muted); font-size: 14px; }
.bgh-result-card:hover h2 { color: var(--bgh-olive-dark); }

.bgh-pagination { margin-top: 50px; }
.bgh-pagination .nav-links { display: flex; gap: 8px; flex-wrap: wrap; }
.bgh-pagination .page-numbers {
  min-width: 38px; height: 38px; padding: 0 10px;
  display: inline-grid; place-items: center;
  border: 1px solid var(--bgh-line); text-decoration: none;
  font-size: 13px; font-weight: 700;
}
.bgh-pagination .current, .bgh-pagination a:hover { background: var(--bgh-ink); border-color: var(--bgh-ink); color: #fff; }

.bgh-empty {
  max-width: 760px;
  padding: 38px;
  background: var(--bgh-cream);
  border: 1px solid var(--bgh-line);
}
.bgh-empty h2 { font-family: var(--bgh-serif); font-size: 34px; font-weight: 500; margin: 0 0 10px; }

.bgh-article-wrap { padding: 54px 0 92px; }
.bgh-article { width: min(calc(100% - 40px), 780px); margin: 0 auto; }
.bgh-article-header { margin-bottom: 30px; }
.bgh-article-kicker { color: var(--bgh-olive-dark); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 10px; }
.bgh-article-title {
  margin: 0 0 16px;
  font-family: var(--bgh-serif);
  font-size: clamp(40px, 5.4vw, 64px);
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: -.025em;
}
.bgh-byline { color: var(--bgh-muted); font-size: 13px; }
.bgh-featured-single { margin: 0 0 38px; }
.bgh-featured-single img { width: 100%; display: block; }
.bgh-entry-content { font-size: 17px; color: #3e3934; }
.bgh-entry-content > * { max-width: 100%; }
.bgh-entry-content p { margin: 0 0 1.35em; }
.bgh-entry-content h2, .bgh-entry-content h3, .bgh-entry-content h4 {
  font-family: var(--bgh-serif); color: var(--bgh-ink); font-weight: 500; line-height: 1.12;
}
.bgh-entry-content h2 { font-size: 38px; margin: 1.6em 0 .6em; }
.bgh-entry-content h3 { font-size: 30px; margin: 1.5em 0 .55em; }
.bgh-entry-content a { color: var(--bgh-olive-dark); text-decoration: underline; text-underline-offset: 3px; }
.bgh-entry-content ul, .bgh-entry-content ol { padding-left: 1.4em; }
.bgh-entry-content blockquote { margin: 2em 0; padding: 20px 26px; background: var(--bgh-cream); border-left: 3px solid var(--bgh-olive); }

.bgh-page-wrap { padding: 62px 0 92px; }
.bgh-page { width: min(calc(100% - 40px), 860px); margin: 0 auto; }
.bgh-page-title { font-family: var(--bgh-serif); font-size: clamp(42px,5vw,62px); line-height: 1.03; font-weight: 500; margin: 0 0 28px; }

@media (max-width: 860px) {
  .bgh-results-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .bgh-inner-hero { padding: 42px 0 36px; }
}
@media (max-width: 560px) {
  .bgh-content-section { padding: 44px 0 62px; }
  .bgh-results-grid { grid-template-columns: 1fr; gap: 32px; }
  .bgh-inner-title { font-size: 40px; }
  .bgh-article, .bgh-page { width: min(calc(100% - 28px), 860px); }
  .bgh-article-wrap, .bgh-page-wrap { padding-top: 40px; }
}


/* v1.2 - lock internal pages to the same light editorial palette. */
body:not(.home) { color-scheme: light; background: #ffffff !important; color: var(--bgh-ink) !important; }
body:not(.home) .bgh-site-header { background: rgba(255,255,255,.98) !important; }
body:not(.home) .bgh-inner-hero { background: var(--bgh-cream) !important; }
body:not(.home) .bgh-inner-title,
body:not(.home) .bgh-result-card h2,
body:not(.home) .bgh-article-title,
body:not(.home) .bgh-entry-content h2,
body:not(.home) .bgh-entry-content h3,
body:not(.home) .bgh-entry-content h4,
body:not(.home) .bgh-page-title { color: var(--bgh-ink) !important; }
body:not(.home) .bgh-inner-deck,
body:not(.home) .bgh-result-card p,
body:not(.home) .bgh-byline { color: var(--bgh-muted) !important; }
body:not(.home) .bgh-entry-content { color: #3e3934 !important; }


/* v1.4 - internal/archive image fill fix. The global body:not(.home) img
 * selector otherwise wins the cascade and leaves unused background inside
 * fixed-ratio result cards. */
body:not(.home) .bgh-result-image > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}
body:not(.home) .bgh-result-image { line-height: 0; }
