body.next-gen{--navy:#203f3a;--ink:#203f3a;--blue:#885b3b;--muted:#59645b;--line:#d9cbb9;--paper:#f6f2e9;--pale:#eee6d9;--on-dark:#eee3d4;--dark-line:#92785f;--accent:#a87950}body.next-gen .light{background:#fffdf8}body.next-gen .btn:hover{background:#36574e}body.next-gen .ng-hero img{aspect-ratio:3/2;object-fit:contain}body.next-gen .ng-hero figure{border-bottom:2px solid #a87950;padding-bottom:18px}
.ng-review{background:#ebe3d6;color:#203f3a;text-align:center;font-size:12px;padding:10px;letter-spacing:.12em}.ng-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;padding-top:76px;padding-bottom:80px;align-items:center}.ng-hero h1{font-size:clamp(36px,4.1vw,62px);line-height:1.32;letter-spacing:-.035em;margin:24px 0}.ng-hero h1 span{color:#94633e}.ng-hero .intro{font-size:19px}.ng-hero figure{margin:0}.ng-hero img{width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;border-radius:3px}.ng-hero figcaption{font-size:13px;margin-top:12px;color:#59645b}.ng-image-note{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.ng-image-note span{border:1px solid #cabbab;padding:7px 14px;border-radius:30px;font-size:13px}.ng-secondary{display:inline-block;margin:20px}.ng-needs{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.ng-needs article{padding:32px;background:#fff;border-top:3px solid #a87950}.ng-needs h3{font-size:26px;line-height:1.5}.ng-num{font-size:12px;letter-spacing:.1em;color:#885b3b}.ng-needs article>div{border-top:1px solid #dfd3c3;margin-top:24px;padding-top:20px}.ng-needs article>div p{margin-bottom:0}.ng-example{background:#203f3a;color:#fff}.ng-example h2,.ng-example h3,.ng-example p{color:inherit}.ng-example .eyebrow,.ng-disclaimer{color:#e7d8c5!important}.ng-tabs{display:flex;gap:12px;margin-top:32px;border-bottom:1px solid #92785f;padding-bottom:14px}.ng-tabs button{font:inherit;border:1px solid #b29676;border-radius:4px;padding:12px 22px;background:transparent;color:white;cursor:pointer}.ng-tabs button[aria-selected=true]{background:#f6f2e9;color:#203f3a}.ng-tabs button:focus-visible{outline:3px solid #e7ce91;outline-offset:4px}.ng-example blockquote{margin:34px 0;font-size:clamp(22px,2.6vw,34px);font-weight:600;max-width:850px}.ng-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;padding:0}.ng-flow li{background:#f6f2e9;color:#203f3a;padding:24px}.ng-flow h3{font-size:20px}.ng-flow span{color:#885b3b;font-family:Georgia,serif;font-size:28px}.ng-result{display:flex;gap:30px;padding:24px 0 0;align-items:center;flex-wrap:wrap}.ng-result span{font-size:14px;color:#e7d8c5}.ng-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.ng-outcomes h3{font-size:22px}.ng-paper,.ng-dialogue,.ng-loop{height:230px;background:#eee6d9;padding:25px;display:flex;flex-direction:column;justify-content:center;gap:10px;color:#203f3a}.ng-paper{border-left:5px solid #a87950}.ng-paper small{letter-spacing:.15em}.ng-paper b{font-size:30px}.ng-paper span{font-size:13px;color:#59645b}.ng-dialogue p{margin:0;background:white;border-radius:8px;padding:9px 12px;font-size:14px}.ng-dialogue span{font-size:11px}.ng-loop{text-align:center;gap:0}.ng-loop span{background:#fff;padding:10px}.ng-loop b{color:#885b3b}.ng-example [hidden]{display:none}main a:focus-visible{outline:3px solid #9a7741;outline-offset:4px}@media(max-width:850px){.ng-hero{gap:30px;padding-top:40px;grid-template-columns:1fr}.ng-hero img{aspect-ratio:1.5}.ng-flow{grid-template-columns:1fr 1fr}.ng-outcomes{grid-template-columns:1fr}.ng-paper,.ng-dialogue,.ng-loop{height:200px}.ng-hero h1{font-size:44px}}@media(max-width:540px){.ng-needs,.ng-flow{grid-template-columns:1fr}.ng-hero h1{font-size:36px}.ng-needs article{padding:24px}.ng-tabs button{padding:12px;font-size:15px}.ng-secondary{margin-left:0;display:block}.ng-result{gap:10px}.ng-result span{line-height:1.8}.ng-review{font-size:10px}.ng-hero{padding-bottom:45px}}

/* Give the three outcome diagrams a distinct visual stage on the cream page. */
.next-gen .ng-paper,.next-gen .ng-dialogue,.next-gen .ng-loop{height:auto;min-height:250px;background:#203f3a;color:#f6f2e9;border:1px solid #203f3a;border-top:4px solid #a87950;border-radius:6px;padding:28px;box-shadow:0 8px 20px rgb(32 63 58 / 10%);margin-bottom:24px}
.next-gen .ng-paper{border-left:1px solid #203f3a}
.next-gen .ng-paper small,.next-gen .ng-paper span,.next-gen .ng-dialogue>span{color:#eee3d4}
.next-gen .ng-paper b{color:#fffdf8}
.next-gen .ng-dialogue p,.next-gen .ng-loop span{background:#fffdf8;color:#203f3a}
.next-gen .ng-loop{gap:5px}
.next-gen .ng-loop b{color:#e2b58c;line-height:1.2}
.next-gen .ng-outcomes h3{margin-bottom:12px}
@media(max-width:850px){.next-gen .ng-outcomes{gap:44px}}
@media(max-width:540px){.next-gen .ng-paper,.next-gen .ng-dialogue,.next-gen .ng-loop{padding:24px;min-height:240px}}

/* Context illustration and relationship diagram support the narrative. */
.ng-context{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:40px;align-items:center}.ng-context figure{margin:0}.ng-context img{width:100%;border-radius:6px}.ng-context figcaption{font-size:12px;color:var(--muted);margin-top:12px}.ng-role-map{padding:28px;background:#f6f2e9;border:1px solid #d9cbb9;border-radius:6px}.ng-role-map>p:last-child{font-size:14px;margin-top:20px}.ng-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center}.ng-role-grid>span{padding:15px 10px;background:#fffdf8;border:1px solid #cabbab;border-radius:4px;font-weight:600}.ng-role-grid small{display:block;font-size:12px;font-weight:400;margin-top:6px}.ng-role-grid>strong{grid-column:1/-1;background:#203f3a;color:#fffdf8;padding:18px;border-block:3px solid #a87950;font-size:22px}.ng-situation-icon{display:block;width:60px;height:60px;fill:none;stroke:#885b3b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:22px}.ng-flow li{position:relative}.ng-flow li:not(:last-child):after{content:'→';position:absolute;right:-16px;top:45%;color:#e2b58c;font-size:20px;z-index:1}.ng-loop small{font-size:12px;color:#eee3d4;line-height:1.6;margin-top:8px}.next-gen .ng-outcomes>article>div{min-height:285px}.ng-paper span{line-height:1.8}@media(max-width:850px){.ng-context{grid-template-columns:1fr}.ng-context figure{max-width:620px}.ng-flow li:after{display:none}}@media(max-width:540px){.ng-role-map{padding:20px}.ng-role-grid small{font-size:11px}}

/* Localized headings and diagrams grow with translated text. */
html[lang="en-US"] .ng-hero h1{font-size:clamp(34px,3.5vw,54px);line-height:1.2}
html[lang="en-US"] .ng-hero h1 span{display:block;margin-top:12px}
html[lang="en-US"] .ng-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
html[lang="en-US"] .ng-flow li:after{display:none}
html[lang="en-US"] .ng-role-grid small{line-height:1.5}
.next-gen .ng-outcomes{align-items:start}.next-gen .ng-paper,.next-gen .ng-dialogue,.next-gen .ng-loop{overflow-wrap:anywhere}
@media(max-width:540px){html[lang="en-US"] .ng-flow{grid-template-columns:1fr}.next-gen .ng-tabs{flex-wrap:wrap}}