/* Editorial pages extend AmpaSolar's existing visual system. */
.editorial-page{background:var(--cream)}
.editorial-page .site-header{position:fixed;background:var(--navy);color:#fff;box-shadow:0 2px 20px #0b20331a}
.editorial-page .ampa-wordmark{color:#fff}
.editorial-page .site-header.is-sticky{background:#fff;color:var(--navy)}
.editorial-page .site-header.is-sticky .ampa-wordmark{color:#101010}
.editorial-main{padding-top:84px}
.content-hero{background:var(--navy);color:#fff;padding:46px 0 65px}
.breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:#d3dee7;margin-bottom:38px}
.breadcrumbs a{color:#d3dee7;text-decoration:underline;text-underline-offset:3px}
.breadcrumbs [aria-current=page]{color:#fff}
.content-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.06;max-width:900px;margin:0 0 22px;color:#fff}
.content-hero .eyebrow{margin-bottom:16px}
.content-intro{max-width:780px;font-size:19px;line-height:1.65;color:#dce5eb;margin:0}
.content-layout{padding-top:58px;padding-bottom:90px}
.content-article{max-width:850px;margin:0 auto}
.article-body{font-size:17px;line-height:1.78;color:#263747}
.article-body h2{font-size:clamp(27px,3vw,36px);line-height:1.15;color:var(--navy);margin:54px 0 18px;scroll-margin-top:110px}
.article-body h2:first-child{margin-top:0}
.article-body h3{font-size:22px;color:var(--navy);margin:28px 0 10px}
.article-body p{margin:0 0 18px}
.article-body a{color:#385a16;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:600}
.article-body a:hover{color:#19380b}
.article-body ul,.article-body ol{padding-left:25px;margin:12px 0 24px}
.article-body li{margin:9px 0;padding-left:4px}
.article-body strong{color:#162b3b}
.formula,.flow-box{margin:22px 0;padding:18px 22px;background:#edf0e9;border-left:4px solid #91ad37;color:var(--navy);font-weight:700;line-height:1.6;overflow-wrap:anywhere}
.note-box{background:#fff;padding:22px 24px;border:1px solid var(--line);margin:24px 0}
.note-box p:last-child{margin-bottom:0}
.toc{background:#fff;border:1px solid var(--line);padding:22px 26px;margin:0 0 38px}
.toc>p{font-size:11px;letter-spacing:.16em;font-weight:700;color:#5b7140;margin-bottom:10px}
.toc ul{margin:0;padding-left:20px;columns:2;column-gap:30px}
.toc li{break-inside:avoid;margin:5px 0;font-size:14px;line-height:1.5}
.toc a{color:var(--navy);text-decoration:none}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 28px}
.resource-card{display:block;background:#fff;padding:24px;border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.resource-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #18251b12}
.resource-card span{font-size:10px;letter-spacing:.13em;color:#647d2c;font-weight:700}
.resource-card h3{margin:12px 0;font-size:22px}
.resource-card p{font-size:15px;line-height:1.55;color:var(--muted);margin:0}
.content-cta{margin-top:64px;padding:30px;background:#d9e6b4;display:flex;justify-content:space-between;align-items:center;gap:28px}
.content-cta h2{font-size:clamp(26px,3vw,36px);margin:0 0 12px;color:var(--navy)}
.content-cta p:not(.eyebrow){max-width:580px;margin:0;color:#425244;line-height:1.6}
.content-cta .eyebrow{margin-bottom:10px}
.content-cta .button{flex:0 0 auto}
.footer-links{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center}
.footer-links a{color:#e7eef3;font-size:12px;text-decoration:none}
.skip-link{position:absolute;left:-10000px;top:8px;z-index:10;background:#fff;color:var(--navy);padding:12px}
.skip-link:focus{left:12px}
.calculator-resources{padding:68px 0 90px;background:#edf0e9}
.calculator-resources h2{font-size:clamp(30px,4vw,46px);color:var(--navy);max-width:700px}
.calculator-resources>.container>p:not(.eyebrow){max-width:700px;color:var(--muted);line-height:1.65}
.calculator-resources .resource-grid{margin-top:30px}
.intro-links{margin-top:30px;color:var(--muted);line-height:2}
.intro-links a,.projects article a{color:var(--navy);font-weight:700;text-underline-offset:3px;text-decoration:none}
.resource-band{background:#edf0e9;padding:82px 0}
.resource-band h2{font-size:clamp(34px,4vw,52px);line-height:1.1;color:var(--navy);max-width:760px}
.home-resource-links{margin:24px 0 0;line-height:2;color:var(--muted)}
.home-resource-links a{color:var(--navy);font-weight:700;text-underline-offset:3px}
@media(max-width:980px){.about .container{margin:auto}.editorial-page .nav,body:not(.editorial-page) .site-header .nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--navy);padding:22px 24px;flex-direction:column;align-items:flex-start;gap:18px}.editorial-page .nav.open,body:not(.editorial-page) .site-header .nav.open{display:flex}.editorial-page .menu-toggle,body:not(.editorial-page) .menu-toggle{display:block;background:none;border:0;color:inherit;font:600 14px 'DM Sans';cursor:pointer}.editorial-page .site-header.is-sticky .nav{background:#fff}.editorial-page .site-header.is-sticky .menu-toggle{color:var(--navy)}}
@media(max-width:760px){.editorial-main{padding-top:70px}.content-hero{padding:30px 0 45px}.breadcrumbs{margin-bottom:28px}.content-intro{font-size:17px}.content-layout{padding-top:38px;padding-bottom:64px}.article-body{font-size:16px}.article-body h2{margin-top:42px}.toc ul{columns:1}.resource-grid{grid-template-columns:1fr}.content-cta{align-items:flex-start;flex-direction:column;padding:24px}.content-cta .button{width:100%}.footer-links{justify-content:flex-start}}
@media(max-width:360px){.content-hero h1{font-size:34px}.container{width:calc(100% - 32px)}}