/* Product presentation only. The approved documentation styles are unchanged. */
#product .product-intro p{max-width:695px}
.system-explorer{margin-top:45px}
.system-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;position:relative}
.system-map:before{content:"";position:absolute;top:45px;left:7%;right:7%;border-top:1px solid #c1d0b9}
.system-node{position:relative;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0;transition:background .2s,border-color .2s,transform .2s}
.system-node:hover{border-color:#80966d;transform:translateY(-2px)}
.system-node[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:#fff}
.system-node svg{display:block;width:38px;height:38px;stroke-width:1.4;color:#587448;margin-bottom:28px}
.system-node[aria-pressed=true] svg{color:var(--lime)}
.system-node strong{font-size:18px;line-height:1.3;letter-spacing:-.03em;font-weight:550;display:block}
.system-node small{font-size:11px;color:var(--muted);display:block;margin-top:7px}
.system-node[aria-pressed=true] small{color:#d6e4c8}
.system-node .node-number{position:absolute;top:24px;right:22px;font-size:10px;color:#607550}
.system-node[aria-pressed=true] .node-number{color:#c3d7ae}
.system-detail{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center;margin-top:22px;background:#e7edde;border-radius:12px;padding:30px 33px;min-height:212px}
.system-detail h3{font-size:28px;max-width:445px;letter-spacing:-.035em}
.system-detail p{font-size:14px;line-height:1.7;margin-top:15px;max-width:465px}
.system-exchange{display:grid;grid-template-columns:1fr auto 1fr;gap:19px;align-items:center}
.system-exchange small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#49633e;margin-bottom:9px}
.system-exchange strong{display:block;font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.025em}
.exchange-arrow{font-size:29px;color:#6b8b4e}
.system-footnote{font-size:11px;margin-top:17px;color:var(--muted)}
#solutions .solutions-layout{grid-template-columns:300px minmax(0,1fr);gap:38px;align-items:start}
#solutions .solution-detail{min-height:0;padding:0;display:block}
#solutions .solution-detail:before{display:none}
.story-heading{padding:30px 35px 0}
#solutions .story-heading h3{font-size:33px;margin-top:12px;max-width:560px;min-height:72px}
.story-intro{font-size:14px;line-height:1.7;color:#dce8d2;margin-top:14px;max-width:570px;min-height:48px}
.story-canvas{position:relative;margin:12px 27px 0;background:radial-gradient(ellipse at 50% 55%,#355b3a88,transparent 70%);height:220px}
.story-canvas>svg{display:block;width:100%;height:100%;overflow:visible;color:#99b085}
.story-art .base{stroke:#91ad7e;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.story-art .soft{stroke:#bad397;opacity:.25;fill:none;stroke-width:1}
.story-art .surface{fill:#37563b;stroke:#91ad7e;stroke-width:1.4}
.story-art .water{stroke:#b1dbe0;stroke-width:1.7;stroke-linecap:round;fill:none}
.story-art .phase{opacity:.16;transition:opacity .3s}
.story-art .phase.active{opacity:1}
.story-art .emphasis{stroke:var(--lime);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.story-art .fill{fill:var(--lime);stroke:none}
.story-art .wash{fill:#d5ef9533;stroke:#d5ef95;stroke-width:1.4}
.story-caption{display:flex;justify-content:space-between;gap:15px;margin:4px 35px 17px;font-size:10px;color:#d1e0c2}
.story-stage-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 35px;gap:8px}
.story-stage-button{border:1px solid #7e9c6880;border-radius:6px;background:transparent;color:#dbe8cc;text-align:left;padding:10px 11px;min-height:57px;display:flex;flex-direction:column;gap:3px;font-size:11px;line-height:1.3;transition:background .2s,color .2s}
.story-stage-button small{font-size:9px;color:#b9cea4}
.story-stage-button[aria-pressed=true]{background:var(--lime);color:var(--deep);border-color:var(--lime)}
.story-stage-button[aria-pressed=true] small{color:#385330}
.story-stage-button:hover{border-color:var(--lime)}
.story-step{margin:23px 35px 0;padding-bottom:26px;min-height:177px}
.story-step h4{margin:0;font-size:23px;line-height:1.25;letter-spacing:-.03em;font-weight:500;color:white}
.story-step p{font-size:13px;line-height:1.7;color:#dde8d3;margin-top:10px;max-width:570px}
.story-takeaway{font-size:11px!important;color:var(--lime)!important;border-top:1px solid #abc29435;padding-top:11px;margin-top:16px!important;display:flex;gap:10px;align-items:baseline}
.story-takeaway:before{content:"↳";font-size:16px}
.story-navigation{border-top:1px solid #abc29435;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 35px;background:#103025}
.story-navigation>span{font-size:10px;color:#d1e0c2}
.story-next{color:var(--lime);font-size:12px;background:transparent;border:0;padding:8px 0 8px 12px;display:flex;align-items:center;gap:20px;min-height:36px}
.story-next:hover{text-decoration:underline;text-underline-offset:4px}
#solutions .solution-note{max-width:850px}
.presentation-fallback{margin-top:18px;font-size:13px;line-height:1.7;color:var(--muted)}
@media(max-width:1080px){.system-map{gap:12px}.system-node{padding:18px}.system-node strong{font-size:16px}.system-node small{font-size:10px}.system-detail{gap:30px;padding:27px;min-height:248px}.system-detail h3{font-size:26px}.system-exchange{gap:14px}.system-exchange strong{font-size:17px}#solutions .solutions-layout{grid-template-columns:235px minmax(0,1fr);gap:24px}#solutions .solution-tab .tab-label{font-size:19px}.story-heading{padding:26px 27px 0}#solutions .story-heading h3{font-size:30px;min-height:68px}.story-intro{min-height:72px}.story-stage-buttons,.story-caption{margin-inline:27px}.story-step{margin-inline:27px;min-height:198px}.story-navigation{padding-inline:27px}.story-stage-buttons{gap:6px}.story-stage-button{padding:9px 8px;font-size:10px}}
@media(max-width:760px){.system-explorer{margin-top:30px}.system-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.system-map:before{display:none}.system-node{min-height:168px;padding:17px}.system-node svg{width:32px;height:32px;margin-bottom:21px}.system-node strong{font-size:16px}.system-node small{font-size:10px;line-height:1.5}.system-node .node-number{top:18px;right:17px;font-size:9px}.system-detail{grid-template-columns:1fr;gap:22px;padding:25px;margin-top:16px;min-height:365px;align-content:start}.system-detail h3{font-size:26px;max-width:420px}.system-detail p{font-size:13px;margin-top:14px;max-width:500px}.system-exchange{padding-top:18px;border-top:1px solid #c6d3bc;gap:15px}.system-exchange small{font-size:9px}.system-exchange strong{font-size:17px}.system-footnote{font-size:10px;line-height:1.7}#solutions .solutions-layout{grid-template-columns:1fr;gap:24px}#solutions .solution-tab .tab-label{font-size:13px}#solutions .solution-detail{padding:0}.story-heading{padding:25px 23px 0}#solutions .story-heading h3{font-size:30px;min-height:65px}.story-intro{font-size:13px;min-height:68px}.story-canvas{height:185px;margin:9px 12px 0}.story-caption{margin:0 23px 17px;font-size:9px}.story-stage-buttons{margin-inline:23px;gap:6px}.story-stage-button{font-size:10px;padding:9px 7px;min-height:58px}.story-step{margin:21px 23px 0;min-height:276px;padding-bottom:24px}.story-step h4{font-size:23px}.story-step p{font-size:13px}.story-takeaway{font-size:11px!important}.story-navigation{padding:13px 23px}.story-navigation>span{font-size:9px}.story-next{font-size:11px;gap:12px}.story-art .base{stroke-width:1.8}}
@media(max-width:370px){.system-node{padding:14px;min-height:164px}.system-node strong{font-size:14px}.system-node small{font-size:9px}.system-detail{padding:22px;min-height:378px}.system-exchange strong{font-size:15px}.story-stage-buttons{margin-inline:18px;gap:5px}.story-stage-button{font-size:9px;padding:8px 5px}.story-heading{padding-inline:22px}.story-step{margin-inline:22px;min-height:274px}.story-canvas{height:165px}.story-intro{min-height:90px}.story-navigation{padding-inline:22px}.story-step h4{font-size:22px}#solutions .story-heading h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.system-node:hover{transform:none}.story-art .phase{transition:none}}