.learn-main{max-width:1488px;margin:auto;padding:24px;color:#182333}.learn-main *{box-sizing:border-box}.learn-main [hidden]{display:none!important}body.corporate .learn-main h1,body.corporate .learn-main h2,body.corporate .learn-main h3{color:#172233;letter-spacing:-.035em}body.corporate .learn-main h2{font-size:clamp(25px,2.7vw,36px);line-height:1.2;margin:0 0 22px}body.corporate .learn-main h3{font-size:23px;line-height:1.3;margin:0 0 10px}body.corporate .learn-main p{font-size:16px;line-height:1.7;color:#536277;margin:0 0 16px}.learn-main a,.learn-main button,.learn-main summary{touch-action:manipulation}.learn-main :is(a,button,summary,input):focus-visible{outline:3px solid #006bd6;outline-offset:4px}.learn-main [id]{scroll-margin-top:120px}.learn-main button{font:inherit;cursor:pointer}.learn-icon{width:26px;height:26px;fill:currentColor;flex-shrink:0;color:#0071e3}.learn-hero{min-height:510px;position:relative;overflow:hidden;border:1px solid #e7edf5;border-radius:30px;background:#fff;display:flex;align-items:center}.learn-hero-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;width:54%;padding:52px 40px;background:linear-gradient(90deg,#fff 72%,#fffffff2 90%,#ffffff00)}body.corporate .learn-hero h1{font-size:clamp(34px,3.6vw,53px);line-height:1.09;margin:0 0 24px}.learn-hero-copy>p:not(.eyebrow){max-width:410px;font-size:18px}.learn-hero-photo{position:absolute;right:0;top:0;width:62%;height:100%;object-fit:cover;object-position:65% center}.learn-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px}.learn-actions a{min-height:44px;display:inline-flex;align-items:center;line-height:1.35}.learn-actions .text-link{font-size:15px}.learn-section{padding:42px 12px 0}.learn-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}body.corporate .learn-section-head h2{flex:1}.learn-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.learn-goal{display:flex;align-items:center;gap:18px;min-height:90px;padding:20px 24px;border:1px solid #dfe8f2;border-radius:18px;background:#f6f9fc;color:#1a2b41;font-weight:600;line-height:1.45;transition:transform .2s,box-shadow .2s}.learn-goal>.learn-icon{width:36px;height:36px}.learn-goal:nth-child(2)>.learn-icon{color:#269c40}.learn-goal>span:last-child{margin-left:auto;color:#006bd6}.learn-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e1e7ef;border-radius:24px;background:#fff;overflow:hidden}.learn-roles article{padding:22px;text-align:center;border-right:1px solid #edf0f5}.learn-roles article:last-child{border-right:0}.learn-role-img{height:180px;border-radius:14px;overflow:hidden;background:#f6f8fb;margin-bottom:18px}.learn-role-img img{width:100%;height:100%;object-fit:cover}.learn-role-img.panel img{object-fit:contain;padding:8px}.learn-role-img.inverter img{object-position:54% center}.learn-role-img.battery img{object-position:70% center}body.corporate .learn-roles h3{font-size:21px}body.corporate .learn-roles p{font-size:15px;margin:0}.learn-roles+p{text-align:center;margin:14px auto 0;max-width:850px;font-size:14px}.learn-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.learn-card{border:1px solid #e0e7ef;border-radius:24px;background:#fff;overflow:hidden}.learn-photo{overflow:hidden;aspect-ratio:3/2;background:#f2f5f8}.learn-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.learn-card-copy{padding:28px}.learn-card-copy ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:16px}.learn-card-copy li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;color:#485b73}.learn-card-copy li .learn-icon{width:21px;height:21px;margin-top:2px}.learn-note{margin:18px 0 12px;display:flex;gap:14px;align-items:flex-start;border-radius:16px;background:#eaf4ff;padding:20px 24px;font-size:15px;line-height:1.65;color:#23486f}.learn-note+p{font-size:13px}.learn-regions{display:flex;gap:5px;padding:6px;border-radius:18px;background:#eef3f8;width:fit-content;max-width:100%;margin-bottom:24px;flex-wrap:wrap}.learn-regions button{background:transparent;border:0;border-radius:13px;color:#41566f;padding:12px 20px;min-height:44px;font-size:14px}.learn-regions button[aria-pressed=true]{background:#0071e3;color:#fff;box-shadow:0 3px 10px #0071e326}body.corporate .learn-region h3.learn-region-name{font-size:15px;letter-spacing:0;color:#526980;margin:0 0 14px}.learn-program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:18px}.learn-program{border:1px solid #d5e7fc;border-radius:22px;padding:24px;background:#edf6ff;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px 20px;align-content:start}.learn-program>.learn-icon{width:46px;height:46px;margin-top:8px}.learn-program.selco{background:#edf9f0;border-color:#d4eddc}.learn-program.selco>.learn-icon{color:#269441}body.corporate .learn-program h3{font-size:25px}body.corporate .learn-program p{font-size:15px}body.corporate .learn-program p.learn-tag{display:inline-block;background:#d9edff;color:#075da8;border-radius:8px;font-size:12px;font-weight:650;padding:4px 8px;margin-bottom:12px}.learn-program.selco .learn-tag{background:#d7efdc;color:#236e33}.learn-program .learn-detail{grid-column:1/-1;background:#ffffffc9;margin:0;border-color:transparent}.learn-detail{border:1px solid #dfe7f1;border-radius:16px;background:#fff;margin:10px 0;overflow:clip}.learn-detail summary{list-style:none;cursor:pointer;min-height:62px;display:flex;align-items:center;gap:16px;padding:16px 22px;font-size:16px;line-height:1.5;font-weight:600;color:#1e3049}.learn-detail summary::-webkit-details-marker{display:none}.learn-detail summary>.learn-icon{width:23px;height:23px}.learn-detail .learn-plus{margin-left:auto;font-size:24px;font-weight:400;color:#006bd6}.learn-detail[open]>.learn-plus,.learn-detail[open]>summary>.learn-plus{transform:rotate(45deg)}.learn-detail[open]>summary{border-bottom:1px solid #e6edf5;background:#f7faff}.learn-answer{padding:24px}body.corporate .learn-answer p{max-width:960px}.learn-answer>div+div{border-top:1px solid #e8edf3;margin-top:20px;padding-top:20px}.learn-source{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#0068c9;text-decoration:underline;text-underline-offset:3px}.learn-share{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce7f3;border-radius:12px;min-height:44px;background:#fff;color:#38618d;font-size:12px!important;padding:9px 12px;flex-shrink:0}.learn-share .learn-icon{width:16px;height:16px}.learn-answer>.learn-share{display:flex;margin-top:14px}.learn-share:hover{background:#eaf4ff}.learn-cta{display:flex;align-items:center;gap:24px;padding:32px;margin:42px 12px 0;background:#eaf4ff;border:1px solid #d7e8fd;border-radius:24px}.learn-cta>.learn-icon{width:44px;height:44px}.learn-cta>div:first-of-type{flex:1}body.corporate .learn-cta h2{font-size:27px;margin-bottom:8px}body.corporate .learn-cta p{margin:0}.learn-cta .learn-actions{margin:0}.learn-review{padding-top:22px;padding-bottom:30px}.learn-source-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0}.learn-source-list a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#0068c9}.learn-status{position:fixed;z-index:200;bottom:24px;left:50%;transform:translateX(-50%);padding:0;margin:0!important;max-width:calc(100vw - 36px);width:max-content;pointer-events:none}.learn-status:not(:empty){padding:14px 20px;background:#163451;color:#fff;border-radius:14px;box-shadow:0 10px 30px #14283d22}.learn-copy-fallback{position:fixed;z-index:201;bottom:90px;left:50%;transform:translateX(-50%);width:min(500px,calc(100vw - 32px));padding:20px;background:white;box-shadow:0 8px 40px #17314933;border:1px solid #c9def5;border-radius:18px}.learn-copy-fallback input{width:100%;margin:12px 0;padding:12px;font-size:16px;border:1px solid #adbed0;border-radius:9px}.learn-copy-fallback button{min-height:44px;padding:10px 20px;background:#0071e3;color:#fff;border:0;border-radius:10px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.learn-goal:hover{transform:translateY(-3px);box-shadow:0 8px 24px #18466a10}.learn-card:hover .learn-photo img{transform:scale(1.025)}}
@media(max-width:1050px){.learn-main{padding:18px}.learn-hero-copy{padding:36px 26px;width:57%}body.corporate .learn-hero h1{font-size:38px}.learn-goals{gap:12px}.learn-goal{padding:18px 16px;font-size:15px;gap:10px}.learn-role-img{height:145px}.learn-roles article{padding:18px 12px}body.corporate .learn-roles h3{font-size:18px}.learn-cta{flex-wrap:wrap}.learn-cta .learn-actions{width:100%;padding-left:68px}.learn-share{font-size:11px!important}.learn-section-head{align-items:center}body.corporate .learn-section-head h2{margin-bottom:16px}}
@media(max-width:700px){.learn-main{padding:12px}.learn-main [id]{scroll-margin-top:100px}.learn-hero{display:flex;flex-direction:column;min-height:0;border-radius:22px}.learn-hero-copy{width:100%;padding:30px 24px;background:white}body.corporate .learn-hero h1{font-size:clamp(29px,7.7vw,40px);line-height:1.14}.learn-hero-copy>p:not(.eyebrow){font-size:16px}.learn-hero-photo{position:static;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.learn-actions{gap:12px}.learn-actions a.button{font-size:14px;padding:12px 17px}.learn-actions a.text-link{font-size:14px}.learn-section{padding:30px 4px 0}.learn-section-head{flex-wrap:wrap;gap:4px;margin-bottom:18px}body.corporate .learn-section-head h2{flex-basis:100%;margin-bottom:8px}.learn-section-head .learn-share{padding:6px 10px;min-height:40px}.learn-goals{grid-template-columns:1fr;gap:10px}.learn-goal{min-height:70px;padding:16px 20px;font-size:16px}.learn-goals .learn-icon{width:30px;height:30px}.learn-roles{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:20px}.learn-roles article{padding:16px 12px}.learn-roles article:nth-child(2){border-right:0}.learn-roles article:nth-child(-n+2){border-bottom:1px solid #edf0f5}.learn-role-img{height:130px;margin-bottom:14px}body.corporate .learn-roles h3{font-size:18px}body.corporate .learn-roles p{font-size:14px}.learn-roles+p{font-size:13px;padding:0 6px}.learn-comparison,.learn-program-grid{grid-template-columns:1fr;gap:16px}.learn-card-copy{padding:23px}.learn-card-copy li{font-size:14px}body.corporate .learn-main h3{font-size:22px}.learn-note{padding:18px;font-size:14px;gap:10px}.learn-note .learn-icon{width:21px;height:21px}.learn-regions{width:100%;gap:4px;padding:5px;flex-wrap:nowrap}.learn-regions button{flex:1;padding:10px 7px;font-size:12px;line-height:1.4;white-space:normal}.learn-program{padding:20px;gap:10px 14px;grid-template-columns:36px minmax(0,1fr)}.learn-program>.learn-icon{width:36px;height:36px}.learn-detail summary{padding:16px;font-size:15px;gap:12px}.learn-answer{padding:20px}body.corporate .learn-answer p{font-size:15px}.learn-cta{margin:30px 4px 0;padding:24px;gap:14px;align-items:flex-start}.learn-cta>.learn-icon{width:30px;height:30px}body.corporate .learn-cta h2{font-size:24px}.learn-cta .learn-actions{padding:0}.learn-cta>div:first-of-type{min-width:180px}.learn-source-list{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-review{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.learn-main *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.learn-main{max-width:none;padding:0}.learn-main [data-share],.learn-regions,.learn-status,.learn-copy-fallback{display:none!important}.learn-main .learn-region[hidden]{display:block!important}.learn-detail{break-inside:avoid}.learn-hero{min-height:0}.learn-photo{max-height:200px}body.corporate .learn-main h1{font-size:28px}}

/* Share the introductory row height so programme summaries align across paired cards. */
@supports (grid-template-rows: subgrid){.learn-program-grid>.learn-program{grid-template-rows:subgrid;grid-row:span 2}.learn-program-grid>.learn-program>.learn-detail{align-self:start}}
