.content-page { --page-accent:#456b33; --page-tint:#e9f0e1; }
.tone-sage { --page-accent:#456b33; --page-tint:#e9f0e1; }
.tone-blue { --page-accent:#426c93; --page-tint:#e7eff7; }
.tone-rose { --page-accent:#865f6b; --page-tint:#f3e9ed; }
.tone-neutral { --page-accent:#626f57; --page-tint:#e9ede4; }
.page-intro { background:var(--ink); color:#f7faf4; padding:24px 0 43px; }
.breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:10px; color:#a5b39c; line-height:1.6; }
.breadcrumbs svg { width:12px; height:12px; }
.breadcrumbs [aria-current] { color:#d5dfcd; }
.page-intro h1 { font-size:53px; line-height:1.15; margin:30px 0 27px; color:var(--lime); max-width:1000px; }
.intro-bottom { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:70px; }
.intro-bottom .intro-lead { font-family:Manrope,sans-serif; font-size:28px; line-height:1.4; max-width:580px; }
.intro-bottom > p:last-child { color:#bac8b1; font-size:15px; line-height:1.8; max-width:540px; }
.section-kicker { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:25px; border-bottom:1px solid #cfd9c5; }
.section-kicker > p,.section-kicker > span { font-size:12px; color:#77866c; }
.section-kicker .text-link { font-size:12px; color:#4e6c3c; }
.section-kicker h2 { font-size:29px; }
.solution-directory { padding:38px 0 60px; }
.solution-entry { display:grid; grid-template-columns:58px minmax(0,1fr) 240px 28px; align-items:center; gap:32px; padding:35px 0; border-bottom:1px solid #cfd9c5; }
.solution-entry:hover { text-decoration:none; }
.solution-symbol { display:grid; place-items:center; width:50px; height:50px; border-radius:4px; color:var(--page-accent); background:var(--page-tint); }
.solution-symbol svg { width:25px; height:25px; }
.solution-entry .eyebrow { font-size:9px; color:var(--page-accent); margin-bottom:11px; }
.solution-entry h2 { font-size:28px; line-height:1.3; }
.solution-entry div > p:last-child { color:#718163; font-size:13px; max-width:530px; margin-top:12px; }
.solution-entry ul { list-style:none; padding:0; margin:0; display:grid; gap:9px; font-size:12px; color:#718163; }
.solution-entry li::before { content:''; display:inline-block; width:4px; height:4px; background:#9daa8c; margin-right:10px; vertical-align:middle; }
.entry-arrow { color:var(--page-accent); transition:transform 200ms; }
.solution-entry:hover .entry-arrow { transform:translate(3px,-3px); }
.solution-entry:hover h2 { color:var(--page-accent); }
.principle-band { padding:44px 0; background:#e8eef5; border-block:1px solid #d3dde6; }
.principle-band .container { display:grid; grid-template-columns:42px 1fr 1fr; gap:35px; align-items:start; }
.principle-band .joinery-mark { width:32px; height:32px; color:#587694; margin-top:4px; }
.principle-band h2 { font-size:27px; line-height:1.4; color:#28445f; }
.principle-band p { font-size:14px; color:#6a7d91; margin-bottom:18px; }
.principle-band .text-link { color:#4d6f91; font-size:12px; }
.page-closing { background:var(--ink); color:#f4f8ef; padding:55px 0; }
.page-closing .container { display:flex; gap:50px; justify-content:space-between; align-items:center; }
.page-closing .eyebrow { color:#a6b89a; font-size:10px; margin-bottom:17px; }
.page-closing h2 { font-size:35px; line-height:1.3; }
.page-closing div > p:last-child { font-size:14px; color:#aebfa0; max-width:600px; margin-top:18px; }
.page-closing .button { flex-shrink:0; font-size:13px; }
.content-page .site-footer { border-top:1px solid #374632; }
.content-page .footer-bottom > a { display:inline-flex; align-items:center; gap:9px; }
.content-page .footer-bottom svg { width:13px; height:13px; }
.example-band { background:var(--page-tint); padding:24px 0 30px; border-bottom:1px solid #d6dfcf; }
.example-band-top { display:flex; align-items:center; justify-content:space-between; gap:24px; color:var(--page-accent); margin-bottom:23px; }
.example-band-top .eyebrow { font-size:9px; }
.example-band-top > span { font-size:9px; color:#859078; }
.example-transformation { display:grid; grid-template-columns:1fr 60px 1fr; gap:35px; align-items:center; }
.example-label { font:500 19px/1.5 Manrope,sans-serif; color:var(--ink); margin-bottom:15px; }
.example-transformation ul { display:grid; gap:10px; list-style:none; margin:0; padding:0; }
.example-transformation li { display:flex; align-items:center; gap:10px; color:#6d7c61; font-size:12px; line-height:1.6; }
.example-transformation li svg { color:var(--page-accent); width:15px; height:15px; }
.transformation-arrow { justify-self:center; color:var(--page-accent); }
.transformation-arrow svg { width:28px; height:28px; }
.detail-section { padding:65px 0; }
.detail-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:110px; }
.detail-copy > .eyebrow { color:#7a886f; font-size:10px; margin-bottom:28px; }
.detail-copy article + article { margin-top:34px; padding-top:30px; border-top:1px solid #d7dfcf; }
.detail-copy h2 { font-size:28px; line-height:1.35; margin-bottom:17px; }
.detail-copy article p { font-size:16px; line-height:1.9; color:#6a795f; max-width:730px; }
.scope-sidebar { align-self:start; border-left:1px solid #cdd9c0; padding-left:27px; position:sticky; top:110px; }
.scope-icon { color:#7e936c; }
.scope-icon svg { width:27px; height:27px; }
.scope-sidebar h2 { font-size:23px; line-height:1.4; margin:18px 0 22px; }
.scope-sidebar ul { padding:0; margin:0; list-style:none; display:grid; gap:17px; }
.scope-sidebar li { display:flex; gap:10px; align-items:start; color:#586f46; font-size:12px; line-height:1.65; }
.scope-sidebar li svg { width:13px; height:13px; margin-top:3px; }
.scope-sidebar > p { font-size:12px; color:#7c8b70; line-height:1.8; margin-top:25px; }
.scope-sidebar .text-link { color:#496b36; font-size:12px; margin-top:20px; }
.starter-band { background:#e9eee3; padding:34px 0; border-block:1px solid #d5dfcb; }
.starter-band .container { display:grid; grid-template-columns:180px minmax(0,1fr); gap:17px 40px; }
.starter-band .eyebrow { color:#768b63; font-size:10px; padding-top:5px; }
.starter-band p:not(.eyebrow) { max-width:790px; font-size:19px; color:#526a3d; line-height:1.7; }
.starter-band .text-link { grid-column:2; color:#52773a; font-size:12px; }
.related-section,.more-reading { padding:50px 0 65px; }
.related-section h2 { font-size:28px; margin-bottom:25px; }
.related-links { display:grid; grid-template-columns:1fr 1fr; gap:35px; }
.related-links a { padding:25px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #cad7bd; font:500 20px/1.5 Manrope,sans-serif; }
.related-links a > span { display:flex; align-items:center; gap:14px; }
.related-links svg { color:#7d9468; }
.approach-stories { padding:10px 0 65px; }
.approach-story { display:grid; grid-template-columns:1fr 1fr; gap:90px; padding:52px 0; border-bottom:1px solid #d2ddc8; }
.story-heading > span { color:#6f895b; display:block; margin-bottom:20px; }
.story-heading > span svg { width:29px; height:29px; }
.story-heading .eyebrow { font-size:9px; color:#7e8d72; margin-bottom:15px; }
.story-heading h2 { font-size:34px; line-height:1.35; }
.story-explanation > p { color:#6b7a60; font-size:15px; line-height:1.85; }
.story-explanation > p + p { margin-top:19px; }
.outcome-line { margin-top:24px; padding:16px 0 0; border-top:1px solid #d3ddc9; }
.outcome-line > span { font-size:9px; text-transform:uppercase; color:#849377; display:block; margin-bottom:8px; }
.outcome-line > strong { font-size:13px; font-weight:500; color:#4e6b39; line-height:1.7; display:block; }
.ownership-band { padding:56px 0; background:#e7eff6; color:#2c4b66; border-block:1px solid #d2deea; }
.ownership-band .container { display:grid; grid-template-columns:1fr 1fr; gap:90px; }
.ownership-key { color:#6587a3; }
.ownership-key svg { width:29px; height:29px; }
.ownership-band h2 { font-size:35px; line-height:1.35; margin:24px 0; }
.ownership-band p { font-size:14px; color:#6e8497; max-width:400px; line-height:1.8; }
.ownership-band .text-link { font-size:12px; color:#426d95; margin-top:23px; }
.ownership-band dl { margin:0; }
.ownership-band dl > div { padding:22px 0; border-top:1px solid #c6d4df; }
.ownership-band dt { font:500 18px/1.5 Manrope,sans-serif; }
.ownership-band dd { margin:10px 0 0; font-size:14px; color:#6c8295; line-height:1.8; }
.page-questions { padding:65px 0; }
.page-questions .eyebrow { color:#7b8a6d; font-size:10px; margin-bottom:20px; }
.page-questions h2 { font-size:35px; }
.page-questions details { border-bottom:1px solid #cad6bf; }
.page-questions summary { display:flex; justify-content:space-between; align-items:center; gap:24px; list-style:none; cursor:pointer; font-size:17px; font-weight:500; padding:24px 0; }
.page-questions summary::-webkit-details-marker { display:none; }
.page-questions summary svg { width:17px; height:17px; color:#7b9067; }
.page-questions details[open] summary svg { transform:rotate(45deg); }
.page-questions details > p { font-size:14px; color:#6d7c61; padding-bottom:25px; max-width:660px; line-height:1.85; }
.reading-library { padding:37px 0 68px; }
.reading-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:30px; }
.reading-card { display:flex; flex-direction:column; min-width:0; }
.reading-card:hover { text-decoration:none; }
.reading-card .resource-graphic { height:180px; margin-bottom:25px; }
.reading-card .eyebrow { font-size:9px; color:#7b8a6f; margin-bottom:15px; }
.reading-card h2 { font-size:26px; line-height:1.4; }
.reading-card > p:not(.eyebrow) { color:#78886b; font-size:13px; margin:17px 0 23px; }
.reading-link { margin-top:auto; display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid #cbd8be; padding-top:18px; font-size:12px; color:#577640; }
.reading-card:hover h2 { color:#567a3d; }
.reading-card .graphic-first { padding-inline:52px; }
.reading-card .graphic-first > svg { top:73px; right:30px; }
.reading-card .graphic-approval { gap:15px; }
.reading-card .graphic-approval > svg { width:32px; height:32px; }
.reading-card .graphic-approval > span { font-size:13px; }
.conversation-prep { padding:50px 0; background:#e9efe2; border-top:1px solid #d6dfcb; }
.conversation-prep .container { display:grid; grid-template-columns:1fr 1fr; gap:90px; }
.conversation-prep .eyebrow { font-size:10px; color:#80926e; margin-bottom:18px; }
.conversation-prep h2 { font-size:35px; line-height:1.3; margin-bottom:20px; }
.conversation-prep p { color:#768866; font-size:14px; }
.conversation-prep dl { margin:0; }
.conversation-prep dl > div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:20px; border-top:1px solid #c9d6bc; padding:22px 0; }
.conversation-prep dt { font-weight:500; font-size:13px; color:#56723e; }
.conversation-prep dd { margin:0; color:#6f815e; font-size:14px; line-height:1.75; }
.guide-heading { background:var(--page-tint); padding:25px 0 42px; border-bottom:1px solid #d0dbca; }
.guide-heading .breadcrumbs { color:#7f8e70; margin-bottom:35px; }
.guide-heading .breadcrumbs [aria-current] { color:var(--page-accent); }
.guide-heading .eyebrow { color:var(--page-accent); font-size:10px; margin-bottom:18px; }
.guide-heading h1 { font-size:47px; line-height:1.25; max-width:800px; }
.guide-lead { font-size:18px; color:#6e7f62; line-height:1.8; max-width:770px; margin-top:23px; }
.guide-body { padding:52px 0 30px; }
.article-layout { display:grid; grid-template-columns:230px minmax(0,720px); gap:65px; justify-content:start; }
.article-margin { align-self:start; position:sticky; top:115px; }
.article-margin .joinery-mark { width:26px; height:26px; color:#778d66; margin-bottom:24px; }
.article-margin p { color:#6c815b; font-size:13px; margin-bottom:17px; }
.article-margin > span:not(.joinery-mark) { color:#8d9a81; font-size:11px; line-height:1.8; }
.reading-article > section { margin-bottom:36px; }
.reading-article h2 { font-size:29px; line-height:1.4; margin-bottom:17px; }
.reading-article p { font-size:16px; line-height:1.9; color:#66785a; }
.reading-article section p + p { margin-top:18px; }
.guide-takeaway { border-left:3px solid #a6c17f; padding:10px 0 10px 24px; margin-block:40px; }
.reading-article .eyebrow { font-size:9px; color:#80916f; margin-bottom:13px; }
.guide-takeaway p:not(.eyebrow) { font-family:Manrope,sans-serif; font-size:23px; color:#506d3e; line-height:1.6; }
.guide-question { display:flex; gap:20px; padding-top:29px; border-top:1px solid #cddac0; }
.guide-question > span { color:#889c75; padding-top:4px; }
.guide-question h2 { font-size:24px; line-height:1.5; }
.reading-article .reading-boundary { font-size:11px; color:#8a9980; margin:27px 0 25px; }
.reading-article > .text-link { font-size:13px; color:#486d34; }
.more-reading .related-links { margin-top:8px; }
@media(max-width:1100px) {
  .intro-bottom { gap:40px; }
  .solution-entry { grid-template-columns:50px minmax(0,1fr) 190px 22px; gap:24px; }
  .solution-entry h2 { font-size:25px; }
  .solution-entry ul { font-size:11px; }
  .detail-layout { gap:55px; grid-template-columns:minmax(0,1fr) 270px; }
  .detail-copy h2 { font-size:25px; }
  .detail-copy article p { font-size:15px; }
  .reading-grid { gap:25px; }
  .reading-card h2 { font-size:23px; }
  .reading-card .graphic-approval { flex-direction:column; gap:10px; }
  .article-layout { grid-template-columns:170px minmax(0,1fr); gap:40px; }
  .page-closing h2 { font-size:31px; }
  .page-closing .button { font-size:12px; gap:14px; }
}
@media(max-width:800px) {
  .page-intro { padding:20px 0 32px; }
  .page-intro h1 { font-size:42px; margin:25px 0 20px; }
  .intro-bottom { grid-template-columns:1fr; gap:18px; }
  .intro-bottom .intro-lead { font-size:26px; }
  .intro-bottom > p:last-child { font-size:14px; max-width:620px; }
  .section-kicker { gap:20px; padding-bottom:20px; }
  .section-kicker > p,.section-kicker > span,.section-kicker .text-link { font-size:11px; }
  .solution-entry { grid-template-columns:42px minmax(0,1fr) 22px; gap:22px; padding-block:28px; }
  .solution-entry ul { display:none; }
  .solution-symbol { width:42px; height:42px; }
  .solution-symbol svg { width:23px; height:23px; }
  .solution-entry h2 { font-size:25px; }
  .principle-band .container { grid-template-columns:32px minmax(0,1fr); gap:22px; }
  .principle-band .container > div { grid-column:2; }
  .principle-band h2 { font-size:25px; }
  .page-closing .container { align-items:start; flex-direction:column; gap:28px; }
  .page-closing { padding-block:42px; }
  .page-closing h2 { font-size:30px; }
  .detail-layout { grid-template-columns:minmax(0,1fr); gap:45px; }
  .detail-section { padding-block:44px; }
  .scope-sidebar { position:static; padding:24px 0 0; border-left:0; border-top:1px solid #cdd9c0; }
  .scope-sidebar ul { grid-template-columns:1fr 1fr; gap:18px 30px; }
  .scope-sidebar h2 { font-size:24px; }
  .scope-sidebar > p { max-width:520px; }
  .starter-band .container { grid-template-columns:1fr; gap:16px; }
  .starter-band .text-link { grid-column:auto; }
  .starter-band p:not(.eyebrow) { font-size:18px; }
  .example-transformation { gap:22px; grid-template-columns:1fr 30px 1fr; }
  .example-label { font-size:16px; }
  .example-transformation li { font-size:11px; gap:8px; }
  .related-links { gap:25px; }
  .related-links a { font-size:17px; }
  .related-links a > span { gap:10px; }
  .approach-story { gap:38px; padding-block:35px; }
  .story-heading h2 { font-size:28px; }
  .story-explanation > p { font-size:13px; }
  .ownership-band .container { gap:38px; }
  .ownership-band h2 { font-size:29px; }
  .ownership-band dt { font-size:16px; }
  .ownership-band dd { font-size:13px; }
  .reading-grid { gap:23px; }
  .reading-card .resource-graphic { height:145px; }
  .reading-card .graphic-first { padding-inline:28px; }
  .reading-card .graphic-first > svg { right:15px; top:57px; }
  .reading-card h2 { font-size:20px; }
  .reading-card > p:not(.eyebrow) { font-size:12px; }
  .reading-card .graphic-approval > span { font-size:10px; }
  .reading-link { font-size:11px; }
  .conversation-prep .container { gap:38px; }
  .conversation-prep h2 { font-size:29px; }
  .conversation-prep dl > div { grid-template-columns:90px minmax(0,1fr); gap:16px; }
  .conversation-prep dd { font-size:13px; }
  .guide-heading h1 { font-size:39px; }
  .guide-lead { font-size:16px; }
  .article-layout { grid-template-columns:minmax(0,1fr); }
  .article-margin { display:none; }
  .reading-article { max-width:690px; }
}
@media(max-width:560px) {
  .breadcrumbs { font-size:9px; gap:5px; }
  .breadcrumbs svg { width:10px; height:10px; }
  .page-intro h1 { font-size:36px; margin-top:22px; }
  .intro-bottom .intro-lead { font-size:23px; line-height:1.45; }
  .intro-bottom > p:last-child { font-size:13px; }
  .section-kicker { align-items:start; flex-direction:column; gap:14px; }
  .solution-directory { padding-top:25px; padding-bottom:40px; }
  .solution-entry { grid-template-columns:34px minmax(0,1fr) 18px; gap:14px; padding-block:25px; }
  .solution-symbol { width:34px; height:34px; }
  .solution-symbol svg { width:19px; height:19px; }
  .solution-entry .eyebrow { font-size:8px; margin-bottom:9px; }
  .solution-entry h2 { font-size:21px; }
  .solution-entry div > p:last-child { font-size:12px; }
  .entry-arrow svg { width:17px; height:17px; }
  .principle-band .container { grid-template-columns:1fr; gap:20px; }
  .principle-band .container > div { grid-column:auto; }
  .principle-band h2 { font-size:25px; }
  .page-closing h2 { font-size:27px; }
  .page-closing div > p:last-child { font-size:13px; }
  .example-transformation { grid-template-columns:1fr; gap:17px; }
  .transformation-arrow { justify-self:start; transform:rotate(90deg); }
  .transformation-arrow svg { width:20px; height:20px; }
  .example-label { font-size:18px; margin-bottom:12px; }
  .example-transformation li { font-size:12px; }
  .example-transformation ul { gap:9px; }
  .detail-copy h2 { font-size:23px; }
  .detail-copy article p { font-size:14px; }
  .scope-sidebar ul { grid-template-columns:1fr; }
  .starter-band p:not(.eyebrow) { font-size:17px; }
  .related-links { grid-template-columns:1fr; gap:0; }
  .related-links a { font-size:18px; padding-block:22px; }
  .related-section h2 { font-size:25px; }
  .approach-story { grid-template-columns:1fr; gap:22px; }
  .story-heading h2 { font-size:29px; }
  .story-heading > span { margin-bottom:17px; }
  .story-explanation > p { font-size:14px; }
  .approach-stories { padding-bottom:40px; }
  .ownership-band .container { grid-template-columns:1fr; gap:32px; }
  .ownership-band { padding-block:40px; }
  .ownership-band h2 { font-size:31px; }
  .ownership-band p { font-size:14px; }
  .page-questions { padding-block:45px; }
  .page-questions h2 { font-size:29px; }
  .page-questions summary { font-size:15px; }
  .reading-grid { grid-template-columns:1fr; gap:38px; }
  .reading-card .resource-graphic { height:178px; }
  .reading-card h2 { font-size:26px; }
  .reading-card > p:not(.eyebrow) { font-size:14px; margin-top:15px; }
  .reading-card .graphic-first { padding-inline:40px; }
  .reading-card .graphic-first > svg { display:block; top:70px; right:30px; }
  .reading-card .graphic-approval { flex-direction:row; gap:15px; }
  .reading-card .graphic-approval > span { font-size:13px; }
  .reading-card .graphic-knowledge { padding:25px 35px; }
  .reading-card .graphic-knowledge > span { font-size:12px; }
  .reading-card .graphic-knowledge svg { width:15px; height:15px; }
  .reading-link { font-size:12px; }
  .conversation-prep .container { grid-template-columns:1fr; gap:28px; }
  .conversation-prep { padding-block:40px; }
  .guide-heading { padding-top:20px; }
  .guide-heading .breadcrumbs { margin-bottom:28px; }
  .guide-heading h1 { font-size:34px; }
  .guide-lead { font-size:15px; }
  .guide-body { padding-top:35px; }
  .reading-article h2 { font-size:25px; }
  .reading-article p { font-size:15px; line-height:1.85; }
  .guide-takeaway { padding-left:18px; margin-block:30px; }
  .guide-takeaway p:not(.eyebrow) { font-size:21px; }
  .guide-question { gap:14px; }
  .guide-question h2 { font-size:22px; }
  .more-reading { padding-top:35px; }
  .section-kicker h2 { font-size:26px; }
}
@media(max-width:380px) {
  .page-intro h1 { font-size:31px; }
  .intro-bottom .intro-lead { font-size:21px; }
  .solution-entry { grid-template-columns:28px minmax(0,1fr) 16px; gap:10px; }
  .solution-symbol { width:28px; height:32px; }
  .solution-entry h2 { font-size:19px; }
  .solution-entry div > p:last-child { font-size:11px; }
  .guide-heading h1 { font-size:30px; }
  .page-closing h2 { font-size:25px; }
  .page-closing .button { font-size:11px; gap:12px; padding-inline:13px; }
}
@media(prefers-reduced-motion:reduce) { .entry-arrow { transition:none; } }