/* Explain the embedded engine first; introduce the optional Admin after setup. */
.builders-page .campaign-hero { grid-template-columns: 1.1fr .9fr; gap: 56px; }
.builders-page .campaign-hero h1 { max-width: 23ch; font-size: clamp(2.3rem, 3.6vw, 3.4rem); }
.builders-example { margin: 0; min-width: 0; padding: 28px; background: var(--paper-raised); border: 1px solid var(--rule-dark); }
.builders-example h2 { margin-top: 12px; font-size: clamp(1.4rem, 2vw, 1.8rem); }
.builders-example table { width: 100%; margin-top: 24px; border-collapse: collapse; font-size: .9rem; }
.builders-example caption { caption-side: bottom; margin-top: 14px; text-align: left; color: var(--ink-soft); font-size: .78rem; }
.builders-example th, .builders-example td { padding: 13px 8px; text-align: left; border-bottom: 1px solid var(--rule); }
.builders-example th:first-child { padding-left: 0; }
.builders-example thead th { color: var(--ink-soft); font-family: var(--font-mono); font-size: .75rem; }
.builders-example tbody th { font-weight: 500; }
.builders-example__result { margin-top: 24px; padding: 18px; border-left: 3px solid var(--brand-dark); background: var(--brand-pale); }
.builders-example__result > span { display: block; margin-bottom: 8px; font-family: var(--font-mono); font-size: .75rem; color: var(--ink-soft); }
.builders-example__result strong { display: block; font-size: 1.05rem; }
.builders-example__result p { margin-top: 10px; color: var(--ink-soft); font-size: .88rem; }
.builders-example figcaption { margin-top: 18px; color: var(--ink-soft); font-size: .83rem; }
.builders-foundation { padding-block: clamp(48px, 6vw, 72px); background: var(--ink); }
.builders-foundation__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; }
.builders-foundation h2 { color: var(--paper); font-size: clamp(2rem, 3.4vw, 3rem); }
.builders-foundation .eyebrow, .builders-foundation .text-link { color: #bfc1f0; }
.builders-foundation__copy { color: #e1e0da; font-size: 1.05rem; }
.builders-foundation__copy p + p { margin-top: 20px; }
.builders-foundation__copy .text-link { display: inline-block; margin-top: 24px; }
.builders-page .campaign-steps > div { min-width: 0; padding-top: 18px; border-top: 1px solid var(--rule-dark); }
.builders-page .campaign-feature-copy > p { margin-top: 18px; color: var(--ink-soft); }
.builders-page .campaign-price-copy > .campaign-note { margin-top: 20px; }
.builders-offer-lede { margin-top: 24px; color: var(--ink-soft); font-size: 1.05rem; }
.builders-offer-detail { margin-top: 18px; color: var(--ink-soft); }
.builders-page .campaign-purchase-inclusions + p { margin-top: 20px; color: var(--ink-soft); }
.builders-section-lede { max-width: 720px; margin-top: 24px; color: var(--ink-soft); }
.builders-library-links { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 36px; }
.builders-library-links > div { min-width: 0; border-top: 1px solid var(--rule-dark); padding-top: 22px; }
.builders-library-links h3 { font-size: 1.3rem; }
.builders-library-links pre { overflow-x: auto; margin-block: 20px; padding: 18px; background: var(--code); color: var(--code-ink); font-family: var(--font-mono); font-size: .9rem; }
#get-your-copy, #what-you-get, #how-it-works, #start-building { scroll-margin-top: 110px; }
@media (max-width: 900px) {
  .builders-page .campaign-hero, .builders-foundation__grid { grid-template-columns: 1fr; gap: 32px; }
  .builders-page .campaign-hero h1 { max-width: 25ch; }
  .builders-example { max-width: 720px; }
}
@media (max-width: 680px) {
  .builders-page .campaign-hero h1 { font-size: clamp(2.1rem, 7.8vw, 2.8rem); }
  .builders-example { padding: 20px; }
  .builders-library-links { grid-template-columns: 1fr; gap: 32px; }
}