.approach-principles h2,.approach-connection h2,.approach-connection li strong{color:#f4f8fc}
.approach-principles p,.approach-connection>div:first-child>p:last-child{color:#c5d6e6}
.approach-connection li span{color:#b6cde0;font-size:13px}
.approach-principles span{font-size:11px}

/* Keep the Obeya comparison readable when three desktop columns no longer fit. */
@media (max-width: 1100px) {
  .theory-page.tabs-engaged #problem .human-problem-dashboard { height: auto; grid-template-rows: none; }
  .theory-page.tabs-engaged #problem .human-model-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .theory-page.tabs-engaged #problem .compact-autonomy-figure { grid-column: 1 / -1; width: min(100%, 680px); }
}
@media (max-width: 700px) {
  .theory-page.tabs-engaged #problem .human-problem-heading { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .theory-page.tabs-engaged #problem .human-model-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .theory-page.tabs-engaged #problem .human-model { padding: 24px; }
  .theory-page.tabs-engaged #problem .human-model h3 { font-size: 22px; line-height: 1.3; margin: 16px 0; }
  .theory-page.tabs-engaged #problem .human-model ul { font-size: 14px; line-height: 1.6; gap: 9px; }
  .theory-page.tabs-engaged #problem .compact-autonomy-figure { width: 100%; grid-column: 1; }
  .theory-page.tabs-engaged #problem .human-foundation { grid-template-columns: minmax(0, 1fr); }
}

.additional-tools-panel{height:100%;overflow-y:auto;padding:clamp(24px,3vw,48px);border:1px solid #244764;border-radius:26px;color:#fff;background:linear-gradient(135deg,#071625,#0b2945)}
.additional-tools-panel>header{max-width:880px;margin-bottom:32px}.additional-tools-panel h3{margin:10px 0 16px;font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;line-height:1.1}.additional-tools-panel>header>p:last-child{color:#abc0d6;line-height:1.7;font-size:16px}
.additional-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.supporting-tool{display:flex;gap:24px;padding:28px;border:1px solid #244764;border-radius:16px;background:#0b2339}.supporting-tool img{width:96px;height:96px;object-fit:contain;flex-shrink:0}.supporting-tool-category{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#55b1ff;font-weight:700}.supporting-tool h4{font-size:26px;margin:8px 0 16px}.supporting-tool p{color:#abc0d6;line-height:1.65;font-size:14px}.supporting-tool .supporting-tool-purpose{font-size:12px;padding-top:12px;border-top:1px solid #244764}.supporting-tool a{display:inline-block;margin-top:16px;color:#6cc3ff;font-size:13px;font-weight:700}.product-tablist #tab-additional-tools{border-left:2px solid #3c6485}.additional-tools-tab-label{font-size:12px;font-weight:700;white-space:nowrap}
@media(max-width:1000px){.additional-tools-grid{grid-template-columns:1fr}.supporting-tool{padding:22px}.additional-tools-panel{height:auto;min-height:100%}}
@media(max-width:480px){.supporting-tool{flex-direction:column;gap:16px}.supporting-tool img{width:80px;height:80px}}

/* Keep beta access visible in the primary mobile navigation. */
.site-nav > a.nav-beta{display:inline-flex;align-items:center;white-space:nowrap;padding:9px 12px;border:1px solid #bba2ff;border-radius:7px;color:#e0d2ff}.site-nav > a.nav-beta:hover{background:#33244d}.site-nav > a.nav-beta[aria-current]::after{display:none}@media(max-width:680px){.site-header.master-header{flex-wrap:wrap;gap:14px}.site-header .site-nav{flex-wrap:wrap;gap:10px}.site-nav > a.nav-beta{font-size:12px;padding:8px 10px}}

/* Homepage beta invitation stays in document flow above the hero. */
/* Let the document own landing-page scrolling, including on mobile Safari. */
.products-page:not(.tabs-engaged){height:auto;overflow:visible}
.products-page:not(.tabs-engaged) .site-header{position:sticky}
.products-page:not(.tabs-engaged) main{padding-top:0}
.products-page:not(.tabs-engaged) .hero{height:auto;min-height:calc(100dvh - 140px);padding-top:clamp(40px,6vh,72px)}
.beta-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px max(24px,calc((100vw - 1180px)/2));background:linear-gradient(100deg,#ece5ff,#f5f0ff);border-bottom:1px solid #d8c8f4;color:#402566}
.beta-banner>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.beta-banner strong{font-size:15px;white-space:nowrap}.beta-banner>div>span{font-size:14px;color:#58466e}
.beta-banner-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-height:44px;padding:10px 18px;border-radius:8px;background:#57318a;color:#fff;font-size:14px;font-weight:700;text-decoration:none}.beta-banner-button:hover{background:#402366}.beta-banner-button:focus-visible{outline:3px solid #087cf0;outline-offset:3px}
.products-page.tabs-engaged .beta-banner{display:none}
@media(max-width:680px){.products-page:not(.tabs-engaged) main{padding-top:0}.beta-banner{padding:14px 18px;align-items:flex-start;flex-direction:column;gap:12px}.beta-banner>div{gap:5px;flex-direction:column;align-items:flex-start}.beta-banner-button{font-size:13px}.products-page:not(.tabs-engaged) .hero{padding-top:40px}}

/* Acquisition and reference navigation */
.theory-page:not(.tabs-engaged) { height: auto; overflow-y: auto; }
.theory-page:not(.tabs-engaged) .theory-hero { height: auto; min-height: 100dvh; }
#reading-guide-title { scroll-margin-top: 140px; }
.why-chunks, .theory-reading-guide { padding-block: 54px; }
.theory-reading-guide { padding-bottom: 100px; }
.why-chunks h2, .theory-reading-guide h2 { margin: 0 0 20px; font-size: clamp(26px, 3vw, 40px); line-height: 1.2; letter-spacing: -.035em; }
.why-chunks-intro, .theory-reading-guide > p { max-width: 780px; color: #40546a; line-height: 1.65; }
.why-chunks-grid, .theory-reading-guide nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-block: 28px; }
.why-chunks-grid article, .theory-reading-guide nav a { padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: white; }
.why-chunks-grid article > p:first-child { color: #076cc7; font-weight: 700; }
.why-chunks-grid h3 { font-size: 21px; }
.why-chunks-grid p { line-height: 1.6; color: #40546a; }
.why-chunks-details { display: inline-block; margin: 16px; color: #076cc7; text-decoration: underline; }
.theory-reading-guide nav a { display: grid; gap: 12px; line-height: 1.5; }
.theory-reading-guide nav a:hover { border-color: var(--blue); }
.theory-reading-guide nav strong { color: #076cc7; }
.theory-reading-guide nav span { color: #40546a; }
.tabs-engaged .why-chunks, .tabs-engaged .theory-reading-guide { display: none; }
.pricing-amount.pricing-message strong { font-size: clamp(22px, 2.2vw, 30px); line-height: 1.25; }
.pricing-card h3 { color: white; }
#pricing-title { scroll-margin-top: 90px; }
@media (max-width: 760px) {
  .why-chunks-grid, .theory-reading-guide nav { grid-template-columns: 1fr; }
  .why-chunks-details { margin-inline: 0; display: block; }
}