/* styles/sections/wrap-hold.css
 * Campaign and lead-magnet pages (BRI-7776): measures that hold the pre-swap line breaks.
 * Headings set at the roles' 600 weight run narrower than the pre-swap 900, and 16px text sits
 * on the body role's 17px step, so some blocks would gain or lose a line or end on one word.
 * Each rule narrows one block to the share of its column (or px) that gives its pre-swap line
 * count with no new one-word last line, found by measuring at 390, 900, 1100 and 1440 (1920
 * sets as 1440). Rules are scoped to their page by an id only that page has. No sizes change.
 * A held heading that is centred keeps its box centred on its column (margin-inline: auto).
 * The last-line rules at the end of the layer stop a block from ending on one word where the
 * pre-swap page did not. */
@layer sections {
  /* <main> is the container the width bands below query: its width is the layout width, without
     the scrollbar. */
  main.campaign-page {
    container: campaign / inline-size;
  }

  /* ship-faster: Business context as a guardrail on every code chan */
  .campaign-page:has(#product-sense-heading) #code-guardrails-heading {
    max-width: 95.5%;
  }

  /* ship-faster: Engineering decisions don't disappear into Slack a */
  .campaign-page:has(#product-sense-heading) #decision-capture-heading {
    max-width: 92.5%;
  }

  /* ship-faster: No engineer is ever blocked waiting for product. */
  .campaign-page:has(#product-sense-heading) #self-service-heading {
    max-width: 91.5%;
  }

  /* idea-to-feature: Start messy. Brief figures it out. */
  .campaign-page:has(#product-graph-heading) #capture-heading {
    max-width: 97%;
  }

  /* idea-to-feature: From Slack thread to PRD with wireframes. */
  .campaign-page:has(#product-graph-heading) #spec-heading {
    max-width: 96.75%;
  }

  /* scale-product-thinking: Ask anything. Get the answer with receipts. */
  .campaign-page:has(#product-suite-heading) #ask-anything-heading {
    max-width: 92.5%;
  }

  /* scale-product-thinking: Brief watches everything. You update nothing. */
  .campaign-page:has(#product-suite-heading) #auto-sync-heading {
    max-width: 98.25%;
  }

  /* scale-product-thinking: Context from everywhere. Zero manual syncing. */
  .campaign-page:has(#product-suite-heading) #context-everywhere-heading {
    max-width: 99%;
  }

  /* scale-product-thinking: Your context, available 24/7. */
  .campaign-page:has(#product-suite-heading) #scale-judgment-heading {
    max-width: 94.75%;
  }

  /* return-on-tokens: Give agents the context */
  .campaign-page:has(#why-heading) li.rot-step:nth-of-type(2) > h3 {
    max-width: 95.5%;
  }

  /* return-on-tokens: what is changing this quarter versus later Now: em */
  .campaign-page:has(#why-heading) ul.rot-why-list > li:nth-of-type(3) {
    max-width: 95.25%;
  }

  /* return-on-tokens: which constraints matter for this feature Sessions */
  .campaign-page:has(#why-heading) ul.rot-why-list > li:nth-of-type(4) {
    max-width: 97.75%;
  }

  /* strategy: You're stuck between reacting to customer asks and */
  .campaign-page:has(#sound-familiar-heading) div.problem-card:nth-of-type(3) > h3 {
    max-width: 97%;
  }

  /* strategy: Never done company-wide planning - everyone's misa */
  .campaign-page:has(#sound-familiar-heading) div.problem-card:nth-of-type(4) > h3 {
    max-width: 95.25%;
  }

  /* bens-bites: Your agents are already fast. Give them judgment. */
  .campaign-page:has(#tax-heading) #cta-heading {
    max-width: 94.5%;
  }

  /* sfdemonight: Brief: Business intelligence for AI coding */
  .campaign-page:has(#recap-heading) #hero-heading {
    max-width: 98.75%;
    margin-inline: auto;
  }

  /* get-the-guide: AI Operating System built for your company */
  .campaign-page:has(#guide-benefits-heading) #guide-author-heading {
    max-width: 87.75%;
  }

  /* get-the-guide: Learn from a founder who actually did it */
  .campaign-page:has(#guide-benefits-heading) #guide-cta-heading {
    max-width: 89%;
  }

  /* The closing box is centred below 769 (guide-landing.css), and the held heading with it. */
  @media (width <= 768px) {
    .campaign-page:has(#guide-benefits-heading) #guide-cta-heading {
      margin-inline: auto;
    }
  }

  /* Below 360 the closing box column is the pre-swap 192px and the heading takes all of it. */
  @container campaign (width < 360px) {
    .campaign-page:has(#guide-benefits-heading) #guide-cta-heading {
      max-width: none;
    }
  }

  /* enterprise-ai-adoption: The Two Layers Your Customers Need (And You Must P */
  .campaign-page:has(#guide-framework-heading) #guide-layers-heading {
    max-width: 95.75%;
  }

  /* enterprise-ai-adoption: Madhu Chamarty on Why the Real Opportunity in AI I */
  .campaign-page:has(#guide-framework-heading) #guide-video-heading {
    max-width: 97%;
    margin-inline: auto;
  }

  /* enterprise-ai-adoption: Requires bottom-up behavior change across entire o */
  .campaign-page:has(#guide-framework-heading) div.comparison-card.highlight:nth-of-type(2) > ul > li:nth-of-type(1) {
    max-width: 97%;
  }

  /* enterprise-ai-adoption: Are selling to enterprise customers (100+ employee */
  .campaign-page:has(#guide-framework-heading) div.for-list:nth-of-type(1) > ul > li:nth-of-type(2) {
    max-width: 98.75%;
  }

  /* enterprise-ai-adoption: Enterprise Plumbing Layer */
  .campaign-page:has(#guide-framework-heading) div.layer-card:nth-of-type(2) > h3 {
    max-width: 90.5%;
  }

  /* enterprise-ai-adoption: Data governance frameworks */
  .campaign-page:has(#guide-framework-heading) div.layer-card:nth-of-type(2) > ul > li:nth-of-type(3) {
    max-width: 99.25%;
  }

  /* enterprise-ai-adoption: Specifically valuable if you're hearing: */
  .campaign-page:has(#guide-framework-heading) div.objections-list:nth-of-type(2) > h3 {
    max-width: 92.25%;
  }

  /* enterprise-ai-adoption: "Our IT team is too busy to integrate this" */
  .campaign-page:has(#guide-framework-heading) div.objections-list:nth-of-type(2) > ul > li:nth-of-type(2) {
    max-width: 99.25%;
  }

  /* founder-decision-making: Get the complete Founder's Decision-Making Playboo */
  .campaign-page:has(#guide-truths-heading) #guide-form-heading {
    max-width: 89.75%;
  }

  /* founder-decision-making: Bob Remeika on the 70% Rule and Lessons from Build */
  .campaign-page:has(#guide-truths-heading) #guide-video-heading {
    max-width: 93.25%;
    margin-inline: auto;
  }

  /* founder-decision-making: Type A: Reversible Decisions */
  .campaign-page:has(#guide-truths-heading) div.decision-type.type-a:nth-of-type(1) > h4 {
    max-width: 97%;
  }

  /* founder-decision-making: What Works With Developers */
  .campaign-page:has(#guide-truths-heading) div.does-work:nth-of-type(2) > h3 {
    max-width: 92%;
  }

  /* founder-decision-making: This playbook is designed for: */
  .campaign-page:has(#guide-truths-heading) div.for-list:nth-of-type(1) > h3 {
    max-width: 97%;
  }

  /* founder-decision-making: First-time founders navigating decisions without a */
  .campaign-page:has(#guide-truths-heading) div.for-list:nth-of-type(1) > ul > li:nth-of-type(1) {
    max-width: 98.75%;
  }

  /* founder-decision-making: Technical founders building developer tools or B2B */
  .campaign-page:has(#guide-truths-heading) div.for-list:nth-of-type(1) > ul > li:nth-of-type(3) {
    max-width: 98.75%;
  }

  /* founder-decision-making: 2. Documentation-First Marketing */
  .campaign-page:has(#guide-truths-heading) div.gtm-strategy:nth-of-type(2) > h4 {
    max-width: 93.75%;
  }

  /* founder-decision-making: 3. Product-Led Growth Over Sales-Led */
  .campaign-page:has(#guide-truths-heading) div.gtm-strategy:nth-of-type(3) > h4 {
    max-width: 92.5%;
  }

  /* founder-decision-making: 4. Developer Relations Over Traditional Marketing */
  .campaign-page:has(#guide-truths-heading) div.gtm-strategy:nth-of-type(4) > h4 {
    max-width: 94.25%;
  }

  /* founder-decision-making: Speak at conferences, contribute to OSS */
  .campaign-page:has(#guide-truths-heading) div.gtm-strategy:nth-of-type(4) > ul > li:nth-of-type(2) {
    max-width: 99.5%;
  }

  /* founder-decision-making: Mistake #3: Rushing the Hire Because You're Desper */
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(3) > h3 {
    max-width: 97.75%;
  }

  /* founder-decision-making: Mistake #4: Ignoring Culture Fit */
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(4) > h3 {
    max-width: 96.75%;
  }

  /* founder-decision-making: Specifically valuable if you're: */
  .campaign-page:has(#guide-truths-heading) div.objections-list:nth-of-type(2) > h3 {
    max-width: 96.25%;
  }

  /* founder-decision-making: Every founder must go through the valley */
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(2) > ul > li:nth-of-type(1) {
    max-width: 99%;
  }

  /* founder-decision-making: You'll know PMF when you feel it (and not before) */
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(2) > ul > li:nth-of-type(3) {
    max-width: 99.25%;
  }

  /* founder-decision-making: Hiring Won't Solve All Your Problems */
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(3) > h3 {
    max-width: 92.25%;
  }

  /* founder-decision-making: Selling to Developers Is Different */
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(4) > h3 {
    max-width: 97.5%;
  }

  /* founder-decision-making: Talk to customers obsessively */
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(5) > ul > li:nth-of-type(2) {
    max-width: 98.75%;
  }

  /* strategy: framework cards "What problem exists..." and "What do we need..." */
  .campaign-page:has(#sound-familiar-heading) .framework-col:nth-of-type(1) > .framework-card.tall h3,
  .campaign-page:has(#sound-familiar-heading) .framework-col:nth-of-type(2) > .framework-card.tall h3 {
    max-width: 90%;
  }

  @media (width < 900px) {
    /* get-the-guide: The Unfiltered Playbook from Eragon's Founder */
    .campaign-page:has(#guide-benefits-heading) #guide-hero-heading {
      max-width: 92.25%;
    }

    /* founder-decision-making: Make the Decision and Move */
    .campaign-page:has(#guide-truths-heading) div.framework-step:nth-of-type(3) > div.step-header:nth-of-type(1) > h3 {
      max-width: 189px;
    }
  }

  @media (width >= 900px) {
    /* return-on-tokens: Fewer wrong turns. Less rework. Faster shipping. */
    .campaign-page:has(#why-heading) #cta-heading {
      max-width: 93.75%;
    }
  }

  @media (width >= 1200px) {
    /* enterprise-ai-adoption: Bridge the Gap Between Innovation and Adoption */
    .campaign-page:has(#guide-framework-heading) #guide-cta-heading {
      text-wrap: balance;
    }
  }

  /* Guide hero h1s on the h3 role's 40px between 900 and 1199 (guide-landing.css): the
     get-the-guide h1 holds its 900 line breaks at 80% of its column. */
  @media (900px <= width < 1200px) {
    .campaign-page:has(#guide-benefits-heading) #guide-hero-heading {
      max-width: 80%;
    }
  }

  /* From 1200 (48px): the founder h1 holds its seven lines at 96% of its column. */
  @media (width >= 1200px) {
    .campaign-page:has(#guide-truths-heading) #guide-hero-heading {
      max-width: 96%;
    }
  }

  /* Last lines: a block that would end on one word where the pre-swap page does not. List items
     and quotes wrap pretty on these pages (paragraphs already do, from typography.css); each block
     below takes balance or pretty, whichever leaves no one-word last line, at every width.
     Accordion questions and attribution lines keep the shared components' own wrap. */
  .campaign-page :is(li, blockquote):not(.accordion *) {
    text-wrap: pretty;
  }

  /* ship-faster */
  .campaign-page:has(#product-sense-heading) div.mcp-command-item:nth-of-type(4) > span:nth-of-type(1),
  .campaign-page:has(#product-sense-heading) div.mcp-command-item:nth-of-type(3) > span:nth-of-type(1),
  .campaign-page:has(#product-sense-heading) div.mcp-command-item:nth-of-type(1) > span:nth-of-type(1) {
    text-wrap: balance;
  }

  /* scale-product-thinking */
  .campaign-page:has(#product-suite-heading) div.feature-summary-item:nth-of-type(3) > p:nth-of-type(1) {
    text-wrap: balance;
  }

  /* strategy */
  .campaign-page:has(#sound-familiar-heading) li.deliverable-step:nth-of-type(2) > ul.step-items:nth-of-type(1) > li:nth-of-type(1),
  .campaign-page:has(#sound-familiar-heading) li.deliverable-step:nth-of-type(4) > ul.step-items:nth-of-type(1) > li:nth-of-type(1),
  .campaign-page:has(#sound-familiar-heading) div.offer-item:nth-of-type(3) > div.offer-text:nth-of-type(1) > p:nth-of-type(1),
  .campaign-page:has(#sound-familiar-heading) p.framework-intro:nth-of-type(2),
  .campaign-page:has(#sound-familiar-heading) p.wyg-intro {
    text-wrap: balance;
  }

  /* release-week */
  .campaign-page:has(#day-1) #day-3 > div.release-day-content > div.release-info > p:nth-of-type(1) {
    text-wrap: balance;
  }

  /* bens-bites */
  .campaign-page:has(#tax-heading) div.sre-stat:nth-of-type(2) > p:nth-of-type(2) {
    text-wrap: balance;
  }

  /* sfdemonight */
  .campaign-page:has(#recap-heading) div.user-type:nth-of-type(2) > p:nth-of-type(1),
  .campaign-page:has(#recap-heading) div.user-type:nth-of-type(1) > p:nth-of-type(1),
  .campaign-page:has(#recap-heading) div.flow-step:nth-of-type(4) > div.step-content:nth-of-type(2) > p:nth-of-type(1) {
    text-wrap: balance;
  }

  /* get-the-guide */
  .campaign-page:has(#guide-benefits-heading) ul.guide-checklist > li:nth-of-type(1),
  .campaign-page:has(#guide-benefits-heading) #guide-social-heading,
  .campaign-page:has(#guide-benefits-heading) ul:nth-of-type(2) > li:nth-of-type(1),
  .campaign-page:has(#guide-benefits-heading) #guide-author-heading,
  .campaign-page:has(#guide-benefits-heading) #guide-faq-heading,
  .campaign-page:has(#guide-benefits-heading) #guide-form-heading,
  .campaign-page:has(#guide-benefits-heading) #guide-hero-heading,
  .campaign-page:has(#guide-benefits-heading) #guide-cta-heading {
    text-wrap: balance;
  }

  /* enterprise-ai-adoption */
  .campaign-page:has(#guide-framework-heading) #guide-hero-heading,
  .campaign-page:has(#guide-framework-heading) #guide-problem-heading,
  .campaign-page:has(#guide-framework-heading) div.layer-card:nth-of-type(1) > h3:nth-of-type(1),
  .campaign-page:has(#guide-framework-heading) div.win-box > p,
  .campaign-page:has(#guide-framework-heading) div.for-list > ul > li:nth-of-type(1),
  .campaign-page:has(#guide-framework-heading) div.for-list > ul > li:nth-of-type(2),
  .campaign-page:has(#guide-framework-heading) p.not-for,
  .campaign-page:has(#guide-framework-heading) div.layer-card > ul > li:nth-of-type(6),
  .campaign-page:has(#guide-framework-heading) div.comparison-card.highlight > ul > li:nth-of-type(5),
  .campaign-page:has(#guide-framework-heading) section.guide-advantage > div.container > p.section-intro,
  .campaign-page:has(#guide-framework-heading) #guide-faq-heading,
  .campaign-page:has(#guide-framework-heading) #guide-framework-heading,
  .campaign-page:has(#guide-framework-heading) #guide-layers-heading,
  .campaign-page:has(#guide-framework-heading) p.closing-insight,
  .campaign-page:has(#guide-framework-heading) div.comparison-card.highlight > ul > li:nth-of-type(3),
  .campaign-page:has(#guide-framework-heading) #guide-video-heading,
  .campaign-page:has(#guide-framework-heading) div.competitive-advantage > p.eyebrow,
  .campaign-page:has(#guide-framework-heading) #guide-advantage-heading,
  .campaign-page:has(#guide-framework-heading) #guide-cta-heading,
  .campaign-page:has(#guide-framework-heading) div.share-text > p,
  .campaign-page:has(#guide-framework-heading) #guide-qualification-heading,
  .campaign-page:has(#guide-framework-heading) div.comparison-card.highlight > ul > li:nth-of-type(1),
  .campaign-page:has(#guide-framework-heading) #guide-form-heading,
  .campaign-page:has(#guide-framework-heading) div.layer-card:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(5),
  .campaign-page:has(#guide-framework-heading) div.layer-card:nth-of-type(2) > h3:nth-of-type(1),
  .campaign-page:has(#guide-framework-heading) div.layer-card:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(1),
  .campaign-page:has(#guide-framework-heading) div.layer-card:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(4),
  .campaign-page:has(#guide-framework-heading) div.layer-card:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(2),
  .campaign-page:has(#guide-framework-heading) div.layer-card:nth-of-type(1) > p.layer-question:nth-of-type(1),
  .campaign-page:has(#guide-framework-heading) div.comparison-card:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(4) {
    text-wrap: balance;
  }

  /* founder-decision-making */
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(2),
  .campaign-page:has(#guide-truths-heading) section.guide-framework-70 > div.container > p.eyebrow,
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(2) > h3:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(5) > h3:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.gtm-strategy:nth-of-type(2) > h4:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) #guide-form-heading,
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(1) > p:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.framework-step:nth-of-type(1) > div.step-header:nth-of-type(1) > h3:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) #guide-hiring-heading,
  .campaign-page:has(#guide-truths-heading) div.doesnt-work > h3,
  .campaign-page:has(#guide-truths-heading) div.objections-list > h3,
  .campaign-page:has(#guide-truths-heading) #guide-problem-heading,
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(3) > p:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(4) > h3:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(3) > h3:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(3) > div.bobs-fix:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) ul.guide-checklist > li:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(1) > h3:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(5) > div.bobs-fix:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(3),
  .campaign-page:has(#guide-truths-heading) div.for-list > h3,
  .campaign-page:has(#guide-truths-heading) div.for-list > ul > li:nth-of-type(5),
  .campaign-page:has(#guide-truths-heading) #guide-social-heading,
  .campaign-page:has(#guide-truths-heading) #guide-video-heading,
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(4) > h3:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.buyer-type.developer > ul > li:nth-of-type(4),
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(2) > h3:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(2) > p.trap:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.hiring-checklist > ul > li:nth-of-type(2),
  .campaign-page:has(#guide-truths-heading) div.share-text > p,
  .campaign-page:has(#guide-truths-heading) div.hiring-checklist > ul > li:nth-of-type(4),
  .campaign-page:has(#guide-truths-heading) div.gtm-strategy:nth-of-type(4) > h4:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) #guide-dev-sales-heading,
  .campaign-page:has(#guide-truths-heading) div.research-facts > ul > li:nth-of-type(3),
  .campaign-page:has(#guide-truths-heading) div.case-study-box > h3,
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(3),
  .campaign-page:has(#guide-truths-heading) #guide-framework-70-heading,
  .campaign-page:has(#guide-truths-heading) div.does-work > ul > li:nth-of-type(4),
  .campaign-page:has(#guide-truths-heading) #guide-faq-heading,
  .campaign-page:has(#guide-truths-heading) #guide-cta-heading,
  .campaign-page:has(#guide-truths-heading) #guide-qualification-heading,
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(1) > div.bobs-fix:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) #guide-truths-heading,
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(3) > h3:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(3),
  .campaign-page:has(#guide-truths-heading) div.gtm-strategy:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.truth-card:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(2) > p.reality:nth-of-type(2),
  .campaign-page:has(#guide-truths-heading) div.doesnt-work > ul > li:nth-of-type(4),
  .campaign-page:has(#guide-truths-heading) div.gtm-strategy:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(3),
  .campaign-page:has(#guide-truths-heading) div.decision-type.type-b > ul > li:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.for-list > ul > li:nth-of-type(3),
  .campaign-page:has(#guide-truths-heading) div.for-list > ul > li:nth-of-type(2),
  .campaign-page:has(#guide-truths-heading) div.info-is > ul > li:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.info-is > ul > li:nth-of-type(2),
  .campaign-page:has(#guide-truths-heading) div.objections-list > ul > li:nth-of-type(4),
  .campaign-page:has(#guide-truths-heading) div.gtm-strategy:nth-of-type(3) > h4:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.gtm-strategy:nth-of-type(5) > ul:nth-of-type(1) > li:nth-of-type(2),
  .campaign-page:has(#guide-truths-heading) div.gtm-strategy:nth-of-type(4) > ul:nth-of-type(1) > li:nth-of-type(3),
  .campaign-page:has(#guide-truths-heading) div.gtm-strategy:nth-of-type(4) > ul:nth-of-type(1) > li:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(2) > div.bobs-fix:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(3),
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(3) > p.trap:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(5) > div.bobs-fix:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(1),
  .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(4) > div.bobs-fix:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(1) {
    text-wrap: balance;
  }

  /* ship-faster */
  .campaign-page:has(#product-sense-heading) div.mcp-command-item:nth-of-type(2) > span:nth-of-type(1) {
    text-wrap: pretty;
  }

  /* return-on-tokens */
  .campaign-page:has(#why-heading) li:nth-of-type(1) > span.rot-why-item:nth-of-type(1),
  .campaign-page:has(#why-heading) li:nth-of-type(4) > span.rot-why-item:nth-of-type(1),
  .campaign-page:has(#why-heading) li:nth-of-type(3) > span.rot-why-item:nth-of-type(1),
  .campaign-page:has(#why-heading) div.rot-demo-step.rot-demo-call,
  .campaign-page:has(#why-heading) li:nth-of-type(2) > span.rot-why-eg:nth-of-type(2),
  .campaign-page:has(#why-heading) div.rot-demo-step.rot-demo-msg:nth-of-type(2) > span.rot-demo-text:nth-of-type(2) {
    text-wrap: pretty;
  }

  /* strategy */
  .campaign-page:has(#sound-familiar-heading) div.framework-card.tall:nth-of-type(2) > h3:nth-of-type(1),
  .campaign-page:has(#sound-familiar-heading) div.framework-col:nth-of-type(1) > div.framework-card.tall:nth-of-type(1) > h3:nth-of-type(1) {
    text-wrap: pretty;
  }

  /* get-the-guide */
  .campaign-page:has(#guide-benefits-heading) div.preview-card:nth-of-type(1) > span.preview-label:nth-of-type(1),
  .campaign-page:has(#guide-benefits-heading) div.preview-card:nth-of-type(3) > span.preview-label:nth-of-type(1),
  .campaign-page:has(#guide-benefits-heading) div.preview-card:nth-of-type(2) > span.preview-label:nth-of-type(1) {
    text-wrap: pretty;
  }

  /* founder-decision-making */
  .campaign-page:has(#guide-truths-heading) #guide-hero-heading {
    text-wrap: pretty;
  }

  /* Narrow bands where no break avoids a one-word last line in the column the 17px step leaves:
     a measure or a card's padding gives the line back, only across the band where it is needed
     (checked at every 1px of the band). The bands query <main>'s width, so a classic scrollbar
     does not move them off the column they were measured for. */
  @container campaign (333px <= width < 376px) {
    /* release-week: day cards, 24px side padding */
    .campaign-page:has(#day-1) .release-day {
      padding-inline: var(--space-24);
    }
  }

  @container campaign (335px <= width < 337px) {
    /* release-week: Brief connects to Helicone ... */
    .campaign-page:has(#day-1) #day-2 > div.release-day-content > div.release-info > p:nth-of-type(2) {
      max-width: 99%;
    }
  }

  @container campaign (width < 322px) {
    /* release-week: Now you can propose decisions ... (one line more, inside the card) */
    .campaign-page:has(#day-1) #day-4 > div.release-day-content > div.release-info > p:nth-of-type(2) {
      max-width: 91.5%;
    }
  }

  @container campaign (width < 321px) {
    /* strategy: Strategy without execution context is just planning */
    .campaign-page:has(#sound-familiar-heading) p.wyg-conclusion {
      max-width: 99%;
    }
  }

  @container campaign (width < 342px) {
    /* founder-decision-making: the form heading takes its column, as the pre-swap break */
    .campaign-page:has(#guide-truths-heading) #guide-form-heading {
      max-width: none;
    }
  }

  @container campaign (width < 330px) {
    /* strategy: offer items, icon to text */
    .campaign-page:has(#sound-familiar-heading) .offer-item {
      column-gap: 6px;
    }
  }

  @container campaign (width < 360px) or (600px <= width < 700px) {
    /* get-the-guide: quote cards, the pre-swap break of the second quote */
    .campaign-page:has(#guide-benefits-heading) .guide-quote {
      padding-inline: 20px;
    }
  }

  @container campaign (612px <= width < 615px) {
    /* get-the-guide: the second quote at 612 to 614 */
    .campaign-page:has(#guide-benefits-heading) .guide-quote {
      padding-inline: 19px;
    }
  }

  @container campaign (width < 360px) {
    /* enterprise-ai-adoption: "Build a great AI product AND ..." */
    .campaign-page:has(#guide-framework-heading) .trap-vs-win {
      padding-inline: 22px;
    }

    .campaign-page:has(#guide-framework-heading) div.win-box > p {
      text-wrap: pretty;
    }
  }

  @container campaign (342px <= width < 349px) {
    /* founder-decision-making: Answering common questions */
    .campaign-page:has(#guide-truths-heading) #guide-faq-heading {
      padding-inline: 20px;
    }
  }

  @container campaign (width < 343px) {
    /* founder-decision-making: Use the 70% rule ... */
    .campaign-page:has(#guide-truths-heading) div.mistake-card:nth-of-type(3) > div.bobs-fix:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(1) {
      max-width: 99%;
    }
  }

  @container campaign (349px <= width < 356px) {
    /* founder-decision-making: The Decisions That Paralyze Founders */
    .campaign-page:has(#guide-truths-heading) .problem-intro {
      padding-inline: 20px;
    }
  }

  @container campaign (359px <= width < 376px) {
    /* enterprise-ai-adoption: This is why Madhu emphasizes ... */
    .campaign-page:has(#guide-framework-heading) p.closing-insight {
      max-width: 93%;
    }
  }

  @container campaign (379px <= width < 384px) {
    /* founder-decision-making: Join the Conversation */
    .campaign-page:has(#guide-truths-heading) .guide-social__intro {
      padding-inline: 21px;
    }
  }

  @container campaign (362px <= width < 365px) {
    /* founder-decision-making: "Just learned about @BobRemeika's 70% rule ..." */
    .campaign-page:has(#guide-truths-heading) div.share-text > p {
      max-width: 99%;
    }
  }

  @container campaign (418px <= width < 422px) {
    /* founder-decision-making: "Just learned about @BobRemeika's 70% rule ..." */
    .campaign-page:has(#guide-truths-heading) div.share-text > p {
      max-width: 98.5%;
    }
  }

  @container campaign (443px <= width < 451px) {
    /* founder-decision-making: The Authenticity Playbook */
    .campaign-page:has(#guide-truths-heading) #guide-dev-sales-heading {
      padding-inline: 20px;
    }
  }

  @container campaign (768px <= width < 774px) {
    /* scale-product-thinking: Ask any product question ... */
    .campaign-page:has(#product-suite-heading) div.feature-summary-item:nth-of-type(2) > p:nth-of-type(1) {
      max-width: 94%;
    }
  }

  /* With a classic scrollbar the layout is 15px narrower than the viewport, so just above a
     768 or 900 breakpoint the media query applies the wider layout to a narrower column. These
     rules hold that combination only (media above the breakpoint, <main> below it). */
  @media (width > 768px) {
    @container campaign (754px <= width < 758px) {
      /* enterprise-ai-adoption: This resource kit is designed for: */
      .campaign-page:has(#guide-framework-heading) div.for-list > h3 {
        text-wrap: balance;
      }
    }

    @container campaign (754px <= width < 758px) {
      /* enterprise-ai-adoption: layer cards, 36px side padding */
      .campaign-page:has(#guide-framework-heading) .layer-card {
        padding-inline: 36px;
      }
    }

    @container campaign (764px <= width < 768px) {
      /* scale-product-thinking: Ask any product question ... */
      .campaign-page:has(#product-suite-heading) div.feature-summary-item:nth-of-type(2) > p:nth-of-type(1) {
        max-width: 95%;
      }
    }
  }

  @media (width >= 900px) {
    @container campaign (width < 886px) {
      /* return-on-tokens: Brief makes relevant decisions and constraints available ... */
      .campaign-page:has(#why-heading) li.rot-step:nth-of-type(2) > p:nth-of-type(1) {
        text-wrap: balance;
      }
    }
  }
}