/* Round 4: one result composition; copy remains in the saved story. */
.result-story__body { background: #FAF9F5; }
.result-facts, .result-cards, .result-pull, .result-tools, .result-download { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.result-facts { padding-block: 36px 28px; }
.result-facts p { margin: 0; font-size: 16px; }
.result-fact-strip { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 28px; margin: 0; padding-block: 24px; border-block: 1px solid #09233333; transform: none; }
.result-fact { min-width: 0; }
.result-fact-strip dt { margin: 0 0 10px; font: 400 12px/1.5 var(--tn-font-mono); text-transform: uppercase; letter-spacing: .06em; }
.result-fact-strip dd { margin: 0; font: 400 16px/1.6 var(--tn-font-body); }
.result-fact-strip :is(dt, dd) { max-width: none; text-wrap: wrap; overflow-wrap: anywhere; }
.result-facts .result-composite-note { margin-top: 20px; }
.result-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 28px; padding-bottom: 48px; }
.result-card-panel { min-width: 0; padding: 28px; border-radius: 24px; background: #fff; color: #092333; box-shadow: 0 1px 0 #09233322; }
.result-card-panel h2 { font-size: clamp(28px, 3vw, 36px); line-height: 1.1; max-width: none; margin: 0 0 20px; }
.result-card-panel :is(p,li) { font-size: 17px; line-height: 1.6; }
.result-card-panel ul { padding-left: 20px; }
.result-card-panel:nth-child(2) { margin-top: 44px; background: #092333; color: #FAF9F5; transform: rotate(-1.4deg); }
.result-card-panel:nth-child(2) .result-card-panel__inner { transform: rotate(1.4deg); }
.result-card-panel:nth-child(2) :is(h2,p,li,a) { color: inherit; }
.result-card-panel:nth-child(3) { margin-top: 18px; background: #EEF6E2; }
.result-pull { padding-block: 20px 40px; }
.result-pull blockquote { margin: 0 16px; padding: 32px; border: 0; border-radius: 24px; background: #DFF2F8; color: #092333; transform: rotate(1.2deg); font: 400 clamp(26px, 3vw, 38px)/1.2 var(--tn-font-display); }
.result-pull blockquote p { font: inherit; margin: 0; }
.result-pull cite { display: block; margin-top: 18px; font: 400 16px/1.5 var(--tn-font-body); }
.result-tools { padding-block: 24px; }
.result-tools h2 { font-size: 24px; }
.result-tools ul { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; }
.result-tools a { display: inline-block; border: 1px solid #0E4F6E; border-radius: 24px; padding: 8px 14px; color: #0E4F6E; }
.result-download { padding-block: 12px 48px; }
.result-story__body > .round3-closing { margin: 0; padding: 54px max(32px, calc((100% - 1200px) / 2)); border-radius: 0; }
.result-story__body > .round3-closing h2 { max-width: none; }

/* The homepage keeps its layout and uses its existing reassurance as the note. */
.tn-round4 .home-momentum-hero .hero__reassure { position: relative; display: table; width: fit-content; max-width: calc(100% - 24px); margin: 28px 12px 0; padding: 14px 20px 12px; border: 0; border-radius: 1px; color: #092333; background: #FAF9F5; box-shadow: 0 10px 16px -8px #0006; font: italic 21px/1.1 var(--tn-font-display); transform: rotate(-4deg); cursor: default; }
.tn-round4 .hero__reassure::before { content: ''; position: absolute; top: -9px; left: calc(50% - 31px); width: 62px; height: 18px; background: #ffffff8c; transform: rotate(3deg); }
.tn-round4 .hero__reassure::after { content: ''; position: absolute; top: 0; right: 0; border-top: 9px solid #dbe5e8; border-left: 9px solid transparent; }
.tn-round4 .home-proof__quote { transform: rotate(1.2deg); }

@media (max-width: 760px) {
  .result-fact-strip { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .result-facts, .result-cards, .result-pull, .result-tools, .result-download { width: calc(100% - 48px); }
  .result-cards { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .result-card-panel { padding: 24px; }
  .result-card-panel:nth-child(2) { margin-top: 20px; margin-inline: 6px; }
  .result-card-panel:nth-child(3) { margin-top: 10px; margin-left: 12px; }
  .result-pull blockquote { margin-inline: 4px; padding: 24px; }
}

/* Existing card rows gain one offset card. Text is counter-rotated, so body
   copy stays horizontal and the Round 1 interactive hover rules still win. */
.tn-round4 :is(.results-library__grid, .guides-group__grid, .nova-hub__grid, .newsletter-archive__grid, .services-paths, .visual-doorway-grid, .industry-grid, .card-grid) { align-items: start; }
.tn-round4 :is(.results-library__grid, .guides-group__grid, .nova-hub__grid, .newsletter-archive__grid, .services-paths, .visual-doorway-grid, .industry-grid, .card-grid) > :nth-child(2) { margin-top: 28px; transform: rotate(-1.4deg); }
.tn-round4 :is(.results-library__grid, .guides-group__grid, .nova-hub__grid, .newsletter-archive__grid, .services-paths, .visual-doorway-grid, .industry-grid, .card-grid) > :nth-child(2) > * { transform: rotate(1.4deg); }
.tn-round4 :is(.results-library__grid, .guides-group__grid, .nova-hub__grid, .newsletter-archive__grid, .services-paths, .visual-doorway-grid, .industry-grid, .card-grid) > :nth-child(3) { margin-top: 14px; }
.tn-round4 :is(.visual-page--msps, .visual-page--partners-cpas, .visual-page--isvs, .visual-page--faqs) > .visual-rich-section:not(.round3-closing):nth-of-type(2) { margin-inline: 12px; transform: rotate(-1.4deg); }
.tn-round4 :is(.visual-page--msps, .visual-page--partners-cpas, .visual-page--isvs, .visual-page--faqs) > .visual-rich-section:not(.round3-closing):nth-of-type(2) > * { transform: rotate(1.4deg); }
.round4-guide-card { margin: 16px 14px 36px; padding: 28px; border-radius: 20px; background: #DFF2F8; transform: rotate(-1.4deg); }
.round4-guide-card__inner { transform: rotate(1.4deg); }
.round4-guide-card p { margin: 0; }
@media (max-width: 760px) {
 .tn-round4 :is(.results-library__grid, .guides-group__grid, .nova-hub__grid, .newsletter-archive__grid, .services-paths, .visual-doorway-grid, .industry-grid, .card-grid) > :nth-child(2) { margin: 16px 8px 0; }
 .round4-guide-card { padding: 20px; }
}

/* Service, event and editorial cards use the same restrained offset. */
.tn-round4 :is(.implementation-steps, .rescue-assessment__grid, .events-list, .blog-list) > :nth-child(2) { position: relative; margin: 24px 10px 0; transform: rotate(-1.4deg); }
.tn-round4 :is(.implementation-steps, .rescue-assessment__grid, .events-list, .blog-list) > :nth-child(2) > * { transform: rotate(1.4deg); }
.tn-round4 :is(.implementation-steps, .rescue-assessment__grid) > :nth-child(3) { margin-top: 12px; }