.blog-page{--pilot-accent:#00f9ff;--pilot-accent-secondary:#f700ce;--blog-ink:#101313;--blog-muted:#596666}
.blog-page main>section{padding-block:80px}.blog-page .blog-hero{background:#0b1010;color:white;padding-block:64px 72px}.blog-label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;text-decoration:none;border:0;padding:12px 19px;background:#00f9ff;color:#101313;border-radius:30px;margin-bottom:32px}.blog-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.blog-hero h1{font-size:clamp(32px,3.5vw,60px);line-height:1.08;letter-spacing:-.04em;max-width:1050px;margin:20px 0 28px;overflow-wrap:break-word;hyphens:auto}.blog-deck{font-size:clamp(18px,1.3vw,22px);line-height:1.6;color:#becaca;max-width:850px}.blog-category-links{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#00f9ff}.blog-category-links a{border-bottom:1px solid #547272}.blog-meta{font-size:13px;line-height:1.6;color:var(--blog-muted);margin-top:20px}.blog-hero .blog-meta{color:#b9c6c6}.blog-start{display:inline-block;margin-top:28px;color:#00f9ff;border-bottom:1px solid #4d7c7d;padding-bottom:8px}.blog-figure{margin:0;min-width:0}.blog-figure img{width:100%;height:auto;display:block;object-fit:contain}.blog-figure figcaption{font-size:12px;color:#748282;margin-top:10px;line-height:1.5}.blog-reading-grid{display:grid;grid-template-columns:minmax(0,850px) minmax(220px,1fr);gap:clamp(40px,6vw,110px);align-items:start}.blog-body{min-width:0;font-size:18px;line-height:1.8;overflow-wrap:anywhere;color:#303b3b}.blog-body>p:first-child{font-size:22px;color:#101313;line-height:1.65}.blog-body p{margin:0 0 22px}.blog-body h2{font-size:clamp(26px,2.5vw,38px);line-height:1.2;letter-spacing:-.03em;margin:54px 0 22px;color:#101313}.blog-body h3{font-size:24px;line-height:1.3;margin:36px 0 18px;color:#101313}.blog-body h4,.blog-body h5,.blog-body h6{font-size:20px;margin:28px 0 14px}.blog-body [id]{scroll-margin-top:110px}.blog-body ul,.blog-body ol{padding-left:24px;margin:20px 0 28px}.blog-body li{margin-bottom:12px}.blog-body li p{margin:0}.blog-body a{border-bottom:1px solid #97a8a8;text-underline-offset:4px}.blog-body a:hover{color:#087477}.blog-body .blog-figure{margin:36px 0}.blog-body .blog-figure img{max-height:680px;object-position:left}.blog-button{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;max-width:100%;padding:20px 26px;border:0!important;background:#00f9ff;color:#101313!important;font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;cursor:pointer}.blog-button-row{margin:36px 0!important}.blog-sidebar{position:sticky;top:100px;padding-top:8px;min-width:0}.blog-sidebar details{background:#f1f4f4;padding:28px}.blog-sidebar summary{font-weight:700;cursor:pointer;font-size:17px}.blog-sidebar nav{display:grid;gap:16px;margin-top:24px;font-size:14px;line-height:1.5}.blog-sidebar nav a:hover{color:#087477}.blog-sidebar-note{font-size:13px;line-height:1.7;margin:24px 0;color:#6a7474}.blog-sidebar>.text-link{font-size:14px}.blog-page main>.blog-related{background:#f1f3f3}.blog-related h2{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.04em;margin:0 0 36px}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px}.blog-card{display:flex;flex-direction:column;text-decoration:none;color:#101313;min-width:0;background:#fff;border:1px solid #e1e6e6;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000d}.blog-card-image{aspect-ratio:16/9;background:#101313;display:flex;align-items:center;justify-content:center;overflow:hidden}.blog-card-image img{display:block;width:100%;height:100%;object-fit:contain}.blog-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card .blog-meta{margin:0 0 16px;font-size:12px}.blog-card h3{font-size:23px;line-height:1.25;letter-spacing:-.02em;margin:0 0 16px;overflow-wrap:anywhere}.blog-card h3 span{white-space:nowrap;color:var(--cyan,#00f9ff)}.blog-card p{color:#657171;font-size:15px;line-height:1.6;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-read{margin-top:auto;font-weight:600;font-size:14px}.blog-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px}.blog-filters a{padding:12px 18px;background:#f0f3f3;border:1px solid transparent;font-size:14px}.blog-filters [aria-current],.blog-filters a:hover{background:#101313;color:#fff}.blog-search{margin-bottom:36px}.blog-search label{display:block;font-weight:600;margin-bottom:12px}.blog-search input{width:100%;max-width:600px;border:1px solid #a9b7b7;background:white;padding:16px;font:inherit;border-radius:0}.blog-search p{font-size:13px;color:#657171;margin-top:12px}.blog-more{margin-top:36px}.blog-page [hidden]{display:none!important}.blog-table{overflow-x:auto;margin:32px 0;background:#f3f6f6}.blog-table table{border-collapse:collapse;min-width:480px;width:100%;font-size:16px}.blog-table td{border-bottom:1px solid #d5dddd;padding:18px;vertical-align:top}.blog-table tr:first-child{font-weight:700;background:#e3eded}.blog-table p{margin:0}.blog-gallery{margin:40px 0;background:#f2f5f5;padding:20px}.gallery-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px}.gallery-controls button{background:white;border:1px solid #b1bdbd;width:44px;height:44px;cursor:pointer;font-size:22px}.gallery-controls>div{display:flex;gap:8px}.blog-gallery-track{display:flex;overflow:auto;gap:24px;scroll-snap-type:x mandatory;scroll-behavior:smooth}.blog-body .blog-gallery-track .blog-figure{flex:0 0 100%;scroll-snap-align:start;margin:20px 0 0}.blog-gallery-track img{height:550px;object-fit:contain!important;object-position:center!important}.blog-page a:focus-visible,.blog-page button:focus-visible,.blog-page input:focus-visible{outline:3px solid #087477;outline-offset:4px}.blog-page .blog-hero a:focus-visible{outline-color:#00f9ff}
@media(max-width:1000px){.blog-hero-grid{grid-template-columns:1fr;gap:36px}.blog-hero-grid>.blog-figure{max-width:800px}.blog-reading-grid{grid-template-columns:minmax(0,1fr)}.blog-sidebar{position:static;grid-row:1;padding:0}.blog-sidebar-note,.blog-sidebar>.text-link{display:none}.blog-sidebar details{padding:22px}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-body{max-width:850px}}
@media(max-width:640px){.blog-page main>section{padding-block:44px}.blog-page .blog-hero{padding-block:36px 44px}.blog-hero h1{font-size:36px}.blog-label{margin-bottom:20px;font-size:11px}.blog-card-grid{grid-template-columns:1fr;gap:26px}.blog-card-copy{padding:22px}.blog-body{font-size:17px}.blog-body>p:first-child{font-size:19px}.blog-body h2{margin-top:38px}.blog-gallery{padding:14px}.blog-gallery-track img{height:420px}.blog-filters{gap:8px}.blog-filters a{font-size:13px;padding:10px 12px}.blog-reading-grid{gap:28px}.blog-button{padding:18px;font-size:13px}.blog-sidebar nav{max-height:260px;overflow:auto}}
@media(prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-gallery-track{scroll-behavior:auto}}

/* Shared energy-line motif replaces the duplicate article hero image. */
.blog-page .blog-hero{--cyan:#00f9ff;--orange:#fffe00}
.blog-hero>.pilot-wrap{position:relative;z-index:1}
.blog-hero .blog-hero-grid{display:block;max-width:1050px}
.blog-hero.energy-background>.section-energy{z-index:0;opacity:.5;right:-6%;width:65%;mask-image:linear-gradient(to right,transparent 5%,#000 65%)}
@media(max-width:760px){.blog-hero.energy-background>.section-energy{width:100%;opacity:.2;mask-image:linear-gradient(to right,transparent 40%,#000)}}

.blog-page .blog-sync-status{margin:0;padding:12px var(--site-gutter);background:#eef6f6;color:#344; font-size:14px;}

.blog-format{display:flex;gap:28px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid #cad8d8;font-size:17px}.blog-format a[aria-current]{font-weight:700}.blog-format a:last-child{border-bottom:2px solid #00f9ff;padding-bottom:8px}

/* Energy myths landing: requested magenta and yellow pairing. */
.myths-landing{--cyan:#f700ce;--orange:#fffe00;--pilot-accent:#f700ce;--pilot-accent-secondary:#fffe00}.myths-landing .blog-hero{--cyan:#f700ce;--orange:#fffe00}.myths-landing .blog-label,.myths-landing .blog-button{background:#fffe00}.myths-landing .blog-category-links,.myths-landing .blog-start{color:#fffe00}.myths-landing .blog-card h3 span{color:#f700ce}.myths-landing .blog-filters [aria-current]{background:#101313;color:#fff;border-color:#101313}.myths-landing .blog-hero.energy-background>.section-energy{opacity:1;mask-image:none}.myths-landing .blog-hero a:focus-visible{outline-color:#fffe00}
@media(max-width:760px){.myths-landing .blog-hero.energy-background>.section-energy{opacity:.75;mask-image:none}}
