.blog-page{--paper:#f8f8f6;--panel:#fff;--ink:#162438;--muted:#49586a;--edge:#e5e6e3;--accent:#89630c;--soft:#f1efe8;background:var(--paper);color:var(--ink);font-family:Arial,system-ui,sans-serif}
.blog-page .journal-header{background:#393917}
.blog-page .journal-header-inner{min-height:96px}
.editorial-hero{background:linear-gradient(130deg,#faf9f6,#eae7dc);position:relative;isolation:isolate;overflow:hidden}
.editorial-hero::after{content:"";position:absolute;inset:0 0 0 46%;background:linear-gradient(120deg,#a07b20 0%,transparent 38%),url("assets/energia.webp") center 48%/cover;clip-path:polygon(17% 0,100% 0,100% 100%,0 100%);z-index:-1}
.editorial-hero .wrap{padding-block:30px 34px}
.editorial-hero .eyebrow{color:var(--accent)}
.editorial-hero h1{max-width:55%;font-size:clamp(30px,3.15vw,52px);line-height:1.07;letter-spacing:-.035em;margin:12px 0}
.editorial-hero h1 span{color:var(--accent)}
.editorial-hero .wrap>p:last-child{max-width:42%;font-size:16px;line-height:1.5;color:var(--muted)}
.editorial-grid{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(245px,1fr);gap:24px;align-items:start;padding-block:26px 50px}
.editorial-main,.editorial-rail{min-width:0}
.editorial-panel,.blog-page .journal-card,.blog-page .journal-feature{background:var(--panel);border:1px solid var(--edge);border-radius:13px;box-shadow:0 3px 12px #15233308}
.editorial-panel{padding:15px;margin-bottom:14px}
.editorial-panel h2,.editorial-search label{display:block;font-size:17px;font-weight:750;margin-bottom:12px;letter-spacing:-.02em}
.editorial-panel h2::before,.blog-page #library-title::before{content:"";display:inline-block;width:22px;height:3px;margin-right:9px;background:#b68a27;vertical-align:middle}
.editorial-search div{display:flex}
.editorial-search input{min-width:0;flex:1;background:var(--soft);color:var(--ink);border:1px solid var(--edge);border-radius:7px 0 0 7px;padding:10px;font:inherit;font-size:14px}
.editorial-search button{background:#8d691a;color:white;border-radius:0 7px 7px 0;padding:8px 12px}
.editorial-search svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.editorial-sidebar nav{display:grid;gap:3px}
.editorial-sidebar nav a{display:flex;justify-content:space-between;gap:8px;padding:9px;border-radius:6px;background:var(--soft);font-size:14px}
.editorial-sidebar nav a[aria-current],.editorial-sidebar nav a:hover{color:var(--accent);font-weight:700}
.editorial-related{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--edge);font-size:14px;line-height:1.3}
.editorial-related:last-child{border:0}
.editorial-related img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px}
.editorial-related small{display:block;color:var(--muted);margin-top:5px}
.blog-page .journal-feature{min-height:0;grid-template-columns:1.05fr 1fr;overflow:hidden}
.blog-page .journal-feature-image{height:auto;min-height:0;aspect-ratio:16/9;align-self:center}
.blog-page .journal-feature-copy{padding:22px}
.blog-page .journal-feature h2{font-size:clamp(22px,2vw,34px);line-height:1.12;letter-spacing:-.035em}
.blog-page .journal-feature-copy>p,.blog-page .journal-excerpt{color:var(--muted)}
.blog-page .journal-feature-copy .journal-category,.blog-page .journal-category{color:var(--accent)}
.blog-page .journal-read{display:inline-flex;gap:12px;border:1px solid #a88129;border-radius:7px;padding:8px 12px;color:var(--accent)}
.blog-page .journal-library{padding-block:24px 0}
.blog-page .journal-library-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.blog-page #library-title{font-size:24px;letter-spacing:-.03em}
.blog-page .journal-library-heading>a{font-size:13px;text-decoration:underline}
.blog-page .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.blog-page .journal-card-copy{padding:14px}
.blog-page .journal-card h3{font-size:17px;letter-spacing:-.025em}
.blog-page .journal-meta{color:var(--muted)}
.editorial-breadcrumb{font-size:14px;color:var(--muted);margin-bottom:20px}
.blog-page .editorial-reading .article-heading{text-align:left;padding:0;max-width:none;margin-bottom:20px}
.editorial-tag{display:inline-block;background:#8a6518;color:#fff;border-radius:8px;padding:6px 12px;font-size:14px}
.blog-page .editorial-reading h1{font-size:clamp(32px,3.4vw,58px);letter-spacing:-.04em;margin:10px 0 12px}
.blog-page .article-lead{max-width:none;margin:0;color:var(--muted);font-size:clamp(17px,1.35vw,21px);line-height:1.5}
.editorial-meta-row,.editorial-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.editorial-meta-row{justify-content:space-between;margin-top:16px}
.blog-page .editorial-meta-row .journal-meta{margin:0;justify-content:flex-start}
.editorial-share{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.editorial-share>span{font-size:13px;color:var(--muted);margin-inline-end:3px}
.editorial-icon{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--edge);border-radius:50%;background:var(--panel);color:var(--accent)}
.editorial-icon:hover{background:var(--soft);border-color:var(--accent)}
.editorial-icon-pending,.editorial-icon-pending:hover{background:var(--soft);color:var(--muted);border:1px dashed var(--muted)}
.editorial-share-pending{flex-basis:100%;font-size:12px;color:var(--muted);margin:0}
.editorial-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.editorial-icon svg path[fill=currentColor]{stroke:none}
.editorial-theme{margin-inline-start:4px}
.editorial-theme .theme-sun,[data-reading-theme=dark] .editorial-theme .theme-moon{display:none}
[data-reading-theme=dark] .editorial-theme .theme-sun{display:block}
.blog-page .editorial-reading .article-cover{height:auto;max-height:none;margin-inline:auto}
.blog-page .editorial-reading .article-cover[data-cover-align=left]{margin-inline-start:0}
.blog-page .editorial-reading .article-cover[data-cover-align=right]{margin-inline-end:0}
.blog-page .editorial-reading .article-cover img{display:block;width:100%;height:auto;object-fit:contain}
.blog-page .article-body{padding-top:25px;color:var(--ink);font-size:clamp(17px,1.3vw,20px);line-height:1.65}
.blog-page .article-body h2,.blog-page .article-body h3{color:var(--ink);line-height:1.25}
.blog-page .article-body blockquote{background:var(--soft);color:var(--ink);font-family:inherit;font-size:1.1em}
.editorial-support{background:linear-gradient(145deg,#353716,#555126);color:#fff;border-radius:13px;padding:22px}
.editorial-support h2{font-size:21px;line-height:1.2}
.editorial-support p{margin:10px 0 16px}
[data-reading-theme=dark] .blog-page{color-scheme:dark;--paper:#141b23;--panel:#202b36;--ink:#f3f5f7;--muted:#c3ceda;--edge:#394653;--accent:#f1cd77;--soft:#273440}
[data-reading-theme=dark] .blog-page .journal-bottom{background:var(--panel);border-color:var(--edge)}
[data-reading-theme=dark] .blog-page .journal-bottom h2 span,[data-reading-theme=dark] .blog-page .article-body a{color:var(--accent)}
.blog-page :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:900px){.editorial-grid{grid-template-columns:minmax(0,1fr) minmax(205px,.55fr)}.blog-page .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-page .journal-feature{grid-template-columns:1fr}}
@media(max-width:660px){.editorial-grid{grid-template-columns:minmax(0,1fr);gap:18px}.editorial-hero::after{position:relative;display:block;inset:auto;clip-path:none;height:120px}.editorial-hero h1,.editorial-hero .wrap>p:last-child{max-width:none}.editorial-hero .wrap{padding-block:22px}.blog-page .journal-grid{grid-template-columns:1fr}.blog-page .journal-header-inner{min-height:75px}.blog-page .journal-library-heading{align-items:baseline}.editorial-reading .editorial-rail{margin-top:10px}#blog-list-view .editorial-grid>#editorial-list-sidebar{grid-row:1}#editorial-list-sidebar .editorial-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#editorial-list-sidebar .editorial-search{grid-column:1/-1}.editorial-related{grid-template-columns:1fr}}
