/* Conclusions are presentation graphics, so their labels stay readable. */
.chapter-takeaway{position:relative;isolation:isolate;display:grid;grid-template-columns:330px minmax(0,1fr);gap:44px;align-items:center;margin:55px 0 0;padding:42px 0;border-top:1px solid var(--brief-line)}
.takeaway-graphic{position:relative;isolation:isolate;min-width:0;min-height:260px;display:grid;place-items:center;padding:28px 0}
/* Keep the source artwork, but dissolve its rectangular edges inside the graphic. */
.takeaway-graphic:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/wp-content/uploads/sites/6/2025/10/grad_bg_4.webp') center/cover no-repeat;opacity:.27;-webkit-mask-image:radial-gradient(ellipse closest-side,#000 10%,rgba(0,0,0,.75) 38%,rgba(0,0,0,.3) 68%,transparent 100%);mask-image:radial-gradient(ellipse closest-side,#000 10%,rgba(0,0,0,.75) 38%,rgba(0,0,0,.3) 68%,transparent 100%)}
.takeaway-copy{min-width:0}
.takeaway-label{font-size:15px;line-height:1.6;letter-spacing:.025em;color:var(--brief-muted);display:block;margin-bottom:14px}
.brief-content .chapter-takeaway h3{font-size:clamp(26px,2.35vw,30px);font-weight:500;line-height:1.5;margin:0 0 18px;letter-spacing:-.025em}
.chapter-takeaway .takeaway-copy>p{font-size:18px;line-height:1.85;color:var(--brief-muted);margin:0;max-width:900px}
.takeaway-chain{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:34px;width:100%;max-width:330px;position:relative}
.takeaway-chain>span{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;min-width:122px;min-height:70px;padding:16px 18px;font-size:18px;line-height:1.5;text-align:center;border:1px solid #e4c9ac;border-radius:20px;background:linear-gradient(145deg,#fff9f0,#f5dfc7);box-shadow:0 5px 14px #b57c4610}
.takeaway-chain>span:not(:last-child):after{content:'→';position:absolute;left:100%;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:30px;font-size:23px;font-weight:400;line-height:1;color:#ac8058}
/* Full-width sequences give all four steps equal, readable space. */
.takeaway-workflow,.takeaway-delivery{grid-template-columns:minmax(0,1fr);gap:24px}
.takeaway-workflow .takeaway-graphic,.takeaway-delivery .takeaway-graphic{min-height:140px;padding:30px 0}
.takeaway-workflow .takeaway-graphic:before,.takeaway-delivery .takeaway-graphic:before{inset:-10px 10%;background-size:cover}
.takeaway-workflow .takeaway-chain,.takeaway-delivery .takeaway-chain{max-width:680px;gap:38px}
.takeaway-workflow .takeaway-chain>span,.takeaway-delivery .takeaway-chain>span{flex:1;min-width:0;min-height:76px;padding:18px 20px;font-size:19px;white-space:nowrap}
.takeaway-workflow .takeaway-chain>span:not(:last-child):after,.takeaway-delivery .takeaway-chain>span:not(:last-child):after{width:38px;font-size:24px}
.takeaway-workflow .takeaway-copy,.takeaway-delivery .takeaway-copy{max-width:1000px}
/* Three steps remain a single unambiguous vertical sequence. */
.takeaway-software .takeaway-chain{flex-direction:column;gap:30px}
.takeaway-software .takeaway-chain>span{width:190px;min-height:66px;padding:15px 22px}
.takeaway-software .takeaway-chain>span:not(:last-child):after{content:'↓';top:100%;left:50%;transform:translateX(-50%);width:30px;height:30px;font-size:23px}
.takeaway-orbit{width:300px;height:250px;position:relative;border:1px solid #c9a88860;border-radius:50%}
.takeaway-orbit:before,.takeaway-orbit:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#c9a88860}
.takeaway-orbit:after{left:0;top:50%;width:100%;height:1px}
.takeaway-orbit>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:linear-gradient(140deg,#fff4e6,#efc6a1);border:1px solid #fff9ee;font-size:18px;font-weight:500;line-height:1.5;box-shadow:0 9px 22px #a56e3c15;z-index:2}
.takeaway-orbit>span{position:absolute;padding:10px 18px;font-size:17px;line-height:1.5;border:1px solid #e2c6a7;background:#fff6e9;border-radius:14px;z-index:2}
.takeaway-orbit>span:nth-of-type(1){left:50%;top:-14px;transform:translateX(-50%)}
.takeaway-orbit>span:nth-of-type(2){right:-4px;top:50%;transform:translateY(-50%)}
.takeaway-orbit>span:nth-of-type(3){left:50%;bottom:-14px;transform:translateX(-50%)}
.takeaway-orbit>span:nth-of-type(4){left:-4px;top:50%;transform:translateY(-50%)}
.takeaway-lenses{position:relative;width:320px;height:284px}
.takeaway-lenses>span{position:absolute;box-sizing:border-box;display:grid;place-items:center;width:176px;height:176px;border:1px solid #d8b58d;border-radius:50%;font-size:18px;line-height:1.5;background:linear-gradient(145deg,#fff8eea8,#f0ceaaa8);box-shadow:inset 0 1px 2px #fff9;color:#795539}
.takeaway-lenses>span:nth-child(1){top:0;left:0;padding-bottom:18px;padding-right:8px}
.takeaway-lenses>span:nth-child(2){top:0;right:0;padding-bottom:18px;padding-left:8px}
.takeaway-lenses>span:nth-child(3){bottom:0;left:72px;padding-top:22px}
.takeaway-decision{position:relative;display:flex;justify-content:center;gap:40px;width:320px;height:232px}
.takeaway-decision>span{position:relative;display:grid;place-items:center;flex:0 0 128px;width:128px;height:128px;border-radius:50%;background:linear-gradient(145deg,#fff7eb,#f1d6ba);border:1px solid #fff9ee;font-size:18px;line-height:1.5;box-shadow:0 10px 25px #ad774215}
.takeaway-decision>span:after{content:'';position:absolute;top:100%;height:34px;width:1px;background:#bc946e}
.takeaway-decision>b{position:absolute;left:12px;right:12px;top:162px;padding:18px 0;border-top:1px solid #bc946e;text-align:center;font-size:18px;line-height:1.5;font-weight:500;color:#795539}
#ecoflow .chapter-takeaway{margin-top:38px;padding-bottom:25px}
body[data-active-chapter]:not([data-active-chapter="overview"]) #masthead .elementor-element-12d919c0{background:rgba(248,233,217,.8);box-shadow:none;backdrop-filter:blur(18px)}
@media(max-width:900px){.chapter-takeaway{grid-template-columns:minmax(0,1fr);gap:24px}.takeaway-graphic{width:min(100%,380px);justify-self:center}.takeaway-workflow .takeaway-graphic,.takeaway-delivery .takeaway-graphic{width:100%}.takeaway-copy{max-width:900px}}
@media(max-width:640px){.chapter-takeaway{padding:32px 0;margin-top:36px;gap:22px}.takeaway-graphic{padding:24px 0}.brief-content .chapter-takeaway h3{font-size:25px}.chapter-takeaway .takeaway-copy>p{font-size:17px}.takeaway-workflow .takeaway-chain,.takeaway-delivery .takeaway-chain{flex-direction:column;gap:30px}.takeaway-workflow .takeaway-chain>span,.takeaway-delivery .takeaway-chain>span{flex:auto;width:190px;min-height:66px;padding:15px 22px;font-size:18px}.takeaway-workflow .takeaway-chain>span:not(:last-child):after,.takeaway-delivery .takeaway-chain>span:not(:last-child):after{content:'↓';top:100%;left:50%;transform:translateX(-50%);width:30px;height:30px;font-size:23px}.takeaway-workflow .takeaway-graphic:before,.takeaway-delivery .takeaway-graphic:before{inset:0}}
@media(max-width:380px){.takeaway-orbit{width:260px;height:238px}.takeaway-orbit>b{width:102px;height:102px;font-size:17px}.takeaway-orbit>span{font-size:16px;padding:10px 13px}.takeaway-lenses{width:270px;height:246px}.takeaway-lenses>span{width:150px;height:150px;font-size:17px}.takeaway-lenses>span:nth-child(3){left:60px}.takeaway-decision{width:270px;height:218px;gap:28px}.takeaway-decision>span{flex-basis:118px;width:118px;height:118px;font-size:17px}.takeaway-decision>b{top:152px;font-size:17px}.takeaway-chain{gap:28px}.takeaway-chain>span{min-width:112px;font-size:17px;padding:14px}.takeaway-chain>span:not(:last-child):after{width:28px}}