/* ================================================================== EnergyResourcesInsights / Professional Research Article – v2 Standalone article refinement. Load AFTER existing article CSS files. No styles touch the global site menu, header, or listing page. ================================================================== */ #eri-insights.eri-journal-page { --journal-navy:#0b303b; --journal-ink:#183640; --journal-green:#628a58; --journal-sage:#a4bd8a; --journal-fine:#e1e8e2; background:#fff; overflow:visible; } #eri-insights.eri-journal-page .eri-container {width:min(1320px,calc(100% - 72px))} /* A quieter editorial cover: clean typography, strong hierarchy. */ #eri-insights .eri-journal-hero {background:#f7f8f5;color:var(--journal-ink);border-bottom:1px solid #e2e8e1} #eri-insights .eri-journal-band {background:#0e3540;color:#d9e6dd} #eri-insights .eri-journal-band-inner {min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.9px;font-weight:700} #eri-insights .eri-journal-band-inner > span {display:flex;align-items:center;gap:14px} #eri-insights .eri-journal-band-inner i {width:19px;height:1px;display:inline-block;background:#95b485} #eri-insights .eri-journal-band-right {color:#a9c8b4;letter-spacing:1.45px} #eri-insights .eri-journal-hero-inner {display:grid;grid-template-columns:minmax(0,1fr) 288px;align-items:start;gap:8%;padding-top:76px;padding-bottom:74px} #eri-insights .eri-journal-intro {max-width:880px;min-width:0} #eri-insights .eri-journal-eyebrow {margin:0 0 22px;display:flex;align-items:center;flex-wrap:wrap;gap:11px;color:#567e53;font-size:10px;letter-spacing:1.45px;line-height:1.6;font-weight:800} #eri-insights .eri-journal-dot {width:7px;height:7px;background:#6e9a63;border-radius:50%;display:inline-block} #eri-insights .eri-journal-slash {color:#b3c2b2;font-size:13px;font-weight:400} #eri-insights .eri-journal-intro h1 {max-width:890px;margin:0;color:#102f3a;font:500 clamp(43px,4.55vw,66px)/1.10 'Newsreader',Georgia,'Times New Roman',serif;letter-spacing:-1.7px} #eri-insights .eri-journal-subtitle {max-width:800px;margin:25px 0 0;color:#536d75;font:400 16px/1.85 'Open Sans',Arial,sans-serif} #eri-insights .eri-journal-byline {display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:32px;padding-top:21px;border-top:1px solid #dce6df;color:#6c8287;font-size:11px;line-height:1.5} #eri-insights .eri-journal-byline-brand {color:#26444d;font-weight:800;letter-spacing:1px} #eri-insights .eri-journal-byline-brand span {font-weight:600;letter-spacing:0;margin-left:2px} #eri-insights .eri-journal-byline-divider {display:inline-block;height:14px;width:1px;background:#d3dfd7} #eri-insights .eri-journal-brief {margin-top:35px;padding:28px;background:#103742;border:1px solid #244a51;border-radius:3px;color:#fff;box-shadow:0 16px 28px rgba(14,48,57,.07)} #eri-insights .eri-journal-brief-top {display:flex;justify-content:space-between;gap:8px;margin:0 0 43px;color:#a7c3c1;font-size:9px;letter-spacing:1.25px;font-weight:800;line-height:1.5} #eri-insights .eri-journal-brief-top span {color:#8fab7e} #eri-insights .eri-journal-brief-label {display:block;margin-bottom:9px;color:#bbd79d;font-size:10px;text-transform:uppercase;letter-spacing:1.15px;font-weight:800} #eri-insights .eri-journal-brief h2 {margin:0;color:#f4f8f7;font:500 26px/1.2 'Newsreader',Georgia,serif;letter-spacing:-.25px} #eri-insights .eri-journal-brief-rule {height:1px;background:#365962;margin:27px 0 19px} #eri-insights .eri-journal-brief-description {margin:0;color:#bcd0d1;font-size:12px;line-height:1.85} #eri-insights .eri-journal-brief-action {display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:15px;border-top:1px solid #365962;color:#d5e8d0;font-size:11px;font-weight:800;letter-spacing:.2px} #eri-insights .eri-journal-brief-action span {font-size:19px;line-height:1} #eri-insights .eri-journal-brief-action:hover {color:#fff} /* Article container / secondary navigation. */ #eri-insights .eri-journal-content {padding-top:0;padding-bottom:70px} #eri-insights .eri-journal-navigation {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 0;border-bottom:1px solid var(--journal-fine);font-size:11px} #eri-insights .eri-journal-navigation a {color:#547f53;font-weight:800} #eri-insights .eri-journal-navigation a:hover {text-decoration:underline;text-underline-offset:4px} #eri-insights .eri-journal-navigation > span {color:#8da19f;font-size:9px;letter-spacing:1.1px;font-weight:800} #eri-insights .eri-journal-navigation b {padding:0 7px;color:#c1cfc7} #eri-insights .eri-article-richtext {min-width:0} #eri-insights .eri-article-richtext > .epi-article {max-width:none;width:100%;margin:0;padding:41px 0 38px;background:transparent;overflow:visible} /* The screenshot's duplicated 'Research cut-off' ribbon is part of the imported HTML. Hide it, along with its redundant category label. This changes presentation only; the database remains untouched. */ #eri-insights .eri-article-richtext > .epi-article > .epi-category {display:none!important} #eri-insights .eri-article-richtext .epi-article .epi-opening {grid-template-columns:minmax(0,1.6fr) minmax(235px,.58fr);gap:66px;padding:5px 0 42px} #eri-insights .eri-article-richtext .epi-article .epi-opening__lead {font-size:clamp(24px,2.45vw,32px);color:#203e46!important;line-height:1.39} #eri-insights .eri-article-richtext .epi-article .epi-opening__side {border-left-color:#78a36a;padding:10px 0 0 24px} #eri-insights .eri-article-richtext .epi-article .epi-opening__side strong {color:#24424b} #eri-insights .eri-article-richtext .epi-article .epi-signals {border:1px solid #dce7dd;background:#f3f6ef;border-radius:5px;margin-bottom:62px;gap:0} #eri-insights .eri-article-richtext .epi-article .epi-signals > div {background:#f4f7f2;border-right:1px solid #dce7dd;padding:26px 24px} #eri-insights .eri-article-richtext .epi-article .epi-signals > div:last-child {border-right:0} #eri-insights .eri-article-richtext .epi-article .epi-signals strong {color:#173d41;font-size:43px} #eri-insights .eri-article-richtext .epi-article .epi-signals__lab {color:#62846b;font-size:9px} #eri-insights .eri-article-richtext .epi-article .epi-layout {grid-template-columns:200px minmax(0,1fr);column-gap:56px;row-gap:0;align-items:start} #eri-insights .eri-article-richtext .epi-article .epi-toc {top:104px;border-top:2px solid #6e9b65;padding-top:16px} #eri-insights .eri-article-richtext .epi-article .epi-toc > span {color:#567a5b} #eri-insights .eri-article-richtext .epi-article .epi-toc a {font-size:12px;line-height:1.55;padding:9px 0} #eri-insights .eri-article-richtext .epi-article .epi-toc a:hover {color:#366d44} #eri-insights .eri-article-richtext .epi-article .epi-main {max-width:920px;min-width:0} #eri-insights .eri-article-richtext .epi-article .epi-main > .epi-section {margin-bottom:62px;scroll-margin-top:96px} #eri-insights .eri-article-richtext .epi-article .epi-main .epi-section > p {font-size:15px;line-height:1.9;color:#455d63} #eri-insights .eri-article-richtext .epi-article .epi-section__number {color:#648760;font-size:10px;letter-spacing:1.45px} #eri-insights .eri-article-richtext .epi-article .epi-section h2 {color:#173640;font-size:clamp(29px,3vw,39px)!important} #eri-insights .eri-article-richtext .epi-article .epi-pull, #eri-insights .eri-article-richtext .epi-article .epi-conclusion {background:#133c46;border-radius:4px} #eri-insights .eri-article-richtext .epi-article .epi-graphic {border-radius:5px;background:#113b45} #eri-insights .eri-article-richtext .epi-article .epi-table-wrap {border-radius:5px} #eri-insights .eri-article-richtext .epi-article .epi-rail {position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;row-gap:10px;grid-column:2;max-width:920px;min-width:0;margin-top:0;border-top:1px solid var(--journal-fine);padding-top:27px} #eri-insights .eri-article-richtext .epi-article .epi-rail__card {grid-column:1/-1;max-width:none;background:#edf4ee;border:1px solid #dbe6dc;padding:22px 25px;color:#183c43;border-radius:4px;margin:0 0 12px} #eri-insights .eri-article-richtext .epi-article .epi-rail__card small {color:#5f8764} #eri-insights .eri-article-richtext .epi-article .epi-rail__card strong {color:#183c43} #eri-insights .eri-article-richtext .epi-article .epi-rail__card p {color:#627b73} #eri-insights .eri-article-richtext .epi-article .epi-rail__item {padding:12px 0;border-top:1px solid #dae6df} #eri-insights .eri-article-richtext .epi-article .epi-rail__item span {color:#648767} /* Related report / related stories look like a publication footer. */ #eri-insights .eri-journal-related-report {margin:0 0 58px;padding:30px 33px;border:1px solid #dee8df;background:#f6f9f5;border-radius:5px} #eri-insights .eri-journal-related-label {font-size:9px;letter-spacing:1.8px;font-weight:800;color:#5e8959;margin-bottom:13px} #eri-insights .eri-journal-related-main {display:flex;justify-content:space-between;align-items:center;gap:25px} #eri-insights .eri-journal-related-main h2 {font:500 29px/1.25 'Newsreader',Georgia,serif;color:#22424a;margin:0 0 7px} #eri-insights .eri-journal-related-main p {font-size:12px;color:#677e7d;line-height:1.7;margin:0} #eri-insights .eri-journal-related-main>a {display:inline-flex;align-items:center;justify-content:space-between;gap:19px;white-space:nowrap;flex-shrink:0;background:#133c46;color:#fff;border-radius:4px;padding:14px 18px;font-size:11px;font-weight:800} #eri-insights .eri-journal-related-main>a:hover {background:#22515d} #eri-insights .eri-journal-more {border-top:1px solid #dae5dd;padding:39px 0 0} #eri-insights .eri-journal-more-heading {display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px} #eri-insights .eri-journal-more-heading span {display:block;color:#6b9067;font-size:9px;letter-spacing:1.5px;font-weight:800} #eri-insights .eri-journal-more-heading h2 {font:500 36px/1.2 'Newsreader',Georgia,serif;color:#183c45;margin:11px 0 0} #eri-insights .eri-journal-more-heading > a {font-size:11px;font-weight:800;color:#528052} #eri-insights .eri-journal-more-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px} #eri-insights .eri-journal-more-link {display:flex;flex-direction:column;gap:14px;min-height:190px;padding:24px;background:#fff;border:1px solid #dce7df;border-radius:5px;transition:transform .18s,border-color .18s} #eri-insights .eri-journal-more-link:hover {transform:translateY(-3px);border-color:#9bba9a} #eri-insights .eri-journal-more-link > span {color:#618d5b;font-size:9px;font-weight:800;letter-spacing:1.3px} #eri-insights .eri-journal-more-link strong {font:500 23px/1.25 'Newsreader',Georgia,serif;color:#28464b} #eri-insights .eri-journal-more-link small {font-size:11px;color:#467b50;font-weight:800;margin-top:auto} #eri-insights .eri-journal-back-bottom {border-top:1px solid #e6ede7;padding-top:27px;margin-top:48px;font-size:12px;font-weight:800;color:#5e855b} #eri-insights .eri-journal-back-bottom a:hover {text-decoration:underline;text-underline-offset:4px} @media(max-width:1100px){ #eri-insights .eri-journal-hero-inner {grid-template-columns:minmax(0,1fr) 250px;gap:35px} #eri-insights .eri-journal-intro h1 {font-size:clamp(39px,4.6vw,57px)} #eri-insights .eri-article-richtext .epi-article .epi-layout {grid-template-columns:170px minmax(0,1fr);column-gap:35px} #eri-insights .eri-article-richtext .epi-article .epi-signals {grid-template-columns:repeat(2,minmax(0,1fr))} #eri-insights .eri-article-richtext .epi-article .epi-signals > div:nth-child(2) {border-right:0} #eri-insights .eri-article-richtext .epi-article .epi-signals > div:nth-child(-n+2) {border-bottom:1px solid #dce7dd} #eri-insights .eri-article-richtext .epi-article .epi-opening {gap:35px} } @media(max-width:800px){ #eri-insights.eri-journal-page .eri-container {width:calc(100% - 48px)} #eri-insights .eri-journal-hero-inner {grid-template-columns:1fr;padding-top:53px;padding-bottom:52px} #eri-insights .eri-journal-intro h1 {font-size:clamp(39px,6vw,56px)} #eri-insights .eri-journal-brief {display:none} #eri-insights .eri-journal-band-right {display:none!important} #eri-insights .eri-article-richtext .epi-article .epi-opening {grid-template-columns:1fr;gap:18px;padding:0 0 35px} #eri-insights .eri-article-richtext .epi-article .epi-layout {display:block} #eri-insights .eri-article-richtext .epi-article .epi-toc {position:static;display:flex;flex-wrap:wrap;gap:4px 18px;margin-bottom:37px} #eri-insights .eri-article-richtext .epi-article .epi-toc > span {width:100%} #eri-insights .eri-article-richtext .epi-article .epi-toc a {padding:5px 0;font-size:11px} #eri-insights .eri-article-richtext .epi-article .epi-rail {display:none} #eri-insights .eri-journal-related-main {align-items:start;flex-direction:column} #eri-insights .eri-journal-more-grid {grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:580px){ #eri-insights.eri-journal-page .eri-container {width:calc(100% - 32px)} #eri-insights .eri-journal-band-inner {min-height:38px;font-size:8px;letter-spacing:1.1px} #eri-insights .eri-journal-hero-inner {padding-top:39px;padding-bottom:42px} #eri-insights .eri-journal-eyebrow {font-size:9px;letter-spacing:.75px;gap:7px;margin-bottom:17px} #eri-insights .eri-journal-intro h1 {font-size:clamp(34px,8.8vw,45px);letter-spacing:-.8px;line-height:1.12} #eri-insights .eri-journal-subtitle {font-size:13px;line-height:1.8;margin-top:17px} #eri-insights .eri-journal-byline {font-size:10px;gap:10px;margin-top:23px} #eri-insights .eri-journal-navigation {padding:19px 0;align-items:start} #eri-insights .eri-journal-navigation > span {display:none} #eri-insights .eri-article-richtext > .epi-article {padding-top:29px} #eri-insights .eri-article-richtext .epi-article .epi-opening__lead {font-size:25px} #eri-insights .eri-article-richtext .epi-article .epi-signals > div {padding:18px 15px} #eri-insights .eri-article-richtext .epi-article .epi-signals strong {font-size:34px} #eri-insights .eri-article-richtext .epi-article .epi-main .epi-section > p {font-size:14px} #eri-insights .eri-journal-more-grid {grid-template-columns:1fr} #eri-insights .eri-journal-related-report {padding:23px} } @media(prefers-reduced-motion:reduce){#eri-insights .eri-journal-more-link{transition:none}}