/* Scoped additions to the established article design. */
.fire-pit-cost-bands { margin: 1.5rem 0; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.fire-pit-cost-bands > div { padding: 1.35rem 1.5rem; background: var(--bg-alt); }
.fire-pit-cost-bands > div + div { border-top: 1px solid var(--border); }
.fire-pit-cost-bands dt { font-weight: 700; color: var(--primary); line-height: 1.4; }
.fire-pit-cost-bands dt span { display: block; margin-top: 0.3rem; font-size: var(--fs-xl); }
.fire-pit-cost-bands dd { margin-top: 0.65rem; color: var(--text-light); }
.fire-pit-cost-photo { margin: 2rem 0; }
.fire-pit-cost-photo img { width: 100%; height: auto; }
.fire-pit-cost-photo figcaption { margin-top: 0.75rem; font-size: var(--fs-sm); color: var(--text-light); }
.fire-pit-cost-page .article-callout h2 { margin-top: 0; }
.fire-pit-cost-page .blog-content a { text-decoration: underline; text-underline-offset: 0.18em; }
.fire-pit-cost-faq { padding-bottom: 0.5rem; border-bottom: 1px solid var(--border); }
@media (max-width: 480px) {
  .fire-pit-cost-bands > div { padding: 1.15rem; }
  .fire-pit-cost-page .blog-meta { gap: 0.6rem 1rem; }
}
