/* Article-only layout. Shared shop pages retain their existing design. */
html#etc-ds#etc-ds .etc-article-green{--ea-ink:#193a2c;--ea-muted:#597062;--ea-paper:#fff;--ea-line:#d5e2d5;max-width:1600px!important;width:calc(100% - 64px)!important;padding:0!important;margin:32px auto 64px!important;color:var(--ea-ink)}
.etc-article-green *{box-sizing:border-box}
html#etc-ds#etc-ds .etc-article-green .ea-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:clamp(26px,3vw,52px);border-radius:26px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 85% 0%,#45664666,transparent 65%),linear-gradient(125deg,#09271f,#183c2d);border:1px solid #385543;box-shadow:0 22px 55px #163b2318}
.ea-hero:before{content:'';position:absolute;width:750px;height:750px;border:1px solid #c7d6a317;border-radius:50%;right:-230px;top:-470px;pointer-events:none}
.ea-hero-copy,.ea-hero-visual{position:relative;min-width:0}
html#etc-ds#etc-ds .etc-article-green .ea-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.16em;color:#d9e4ae!important;text-decoration:none;margin:0 0 24px}
html#etc-ds#etc-ds .etc-article-green h1{max-width:none!important;margin:0!important;padding:0!important;font-size:clamp(29px,3vw,49px)!important;line-height:1.14!important;letter-spacing:-.035em!important;color:#f5f7ec!important;text-align:left!important}
html#etc-ds#etc-ds .etc-article-green .ea-read{display:inline-flex;gap:30px;align-items:center;margin-top:28px;padding:13px 20px;border:1px solid #dee5b6;border-radius:10px;background:linear-gradient(120deg,#edf0c8,#cad79e);color:#183b2a!important;font-size:14px;font-weight:700;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.ea-read:hover{transform:translateY(-2px);box-shadow:0 8px 22px #001c1840}
html#etc-ds#etc-ds .etc-article-green .etc-article-cover__media{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;border:1px solid #78936a66!important;border-radius:16px!important;background:#18382b!important;box-shadow:0 16px 32px #00180e40!important;overflow:hidden}
html#etc-ds#etc-ds .etc-article-green .etc-article-cover__media p{margin:0!important;padding:0!important}
html#etc-ds#etc-ds .etc-article-green .etc-article-cover__media img{display:block;width:100%!important;max-width:100%!important;max-height:440px!important;height:auto!important;object-fit:contain;border-radius:0!important;box-shadow:none!important}
html#etc-ds#etc-ds .etc-article-green .etc-article-cover{max-width:none!important;width:100%!important;margin:16px 0 24px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;height:auto!important}
html#etc-ds#etc-ds .etc-article-green .etc-article-cover>.card-body{padding:0!important}
html#etc-ds#etc-ds .etc-article-green .etc-article-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0!important;padding:0!important;font-size:12px;color:var(--ea-muted)!important}
html#etc-ds#etc-ds .etc-article-green .etc-article-meta .desc{font-size:12px!important;color:var(--ea-muted)!important}
.ea-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start;scroll-margin-top:24px}
html#etc-ds#etc-ds .etc-article-green .etc-article-content{width:100%!important;max-width:none!important;margin:0!important;border:1px solid var(--ea-line)!important;border-radius:20px!important;background:var(--ea-paper)!important;box-shadow:0 12px 36px #23492a06!important;min-width:0}
html#etc-ds#etc-ds .etc-article-green .etc-article-content>.card-body{padding:clamp(24px,3.1vw,52px)!important}
html#etc-ds#etc-ds .etc-article-green .page,html#etc-ds#etc-ds .etc-article-green .pageItem{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;color:var(--ea-ink)!important;overflow-wrap:anywhere}
html#etc-ds#etc-ds .etc-article-green .pageItem p,html#etc-ds#etc-ds .etc-article-green .pageItem li{font-size:18px!important;line-height:1.8!important;color:var(--ea-ink)!important}
html#etc-ds#etc-ds .etc-article-green .pageItem h2{font-size:clamp(24px,2.1vw,32px)!important;line-height:1.25!important;letter-spacing:-.025em;color:var(--ea-ink)!important;margin:36px 0 18px!important;scroll-margin-top:28px}
html#etc-ds#etc-ds .etc-article-green .pageItem h3{color:var(--ea-ink)!important;line-height:1.35}
html#etc-ds#etc-ds .etc-article-green a:not(.ea-eyebrow):not(.ea-read):not(.btn){color:#167348}
.etc-article-green .pageItem img,.etc-article-green .pageItem iframe{max-width:100%!important}
.etc-article-green .pageItem table{display:block;max-width:100%;overflow-x:auto}
.etc-article-green .pageItem pre{max-width:100%;overflow:auto;white-space:pre-wrap}
.ea-sidebar{position:sticky;top:24px;min-width:0}
.ea-toc{border:1px solid var(--ea-line);border-radius:16px;background:var(--ea-paper);padding:22px}
.ea-toc summary{font-weight:750;font-size:16px;cursor:pointer;color:var(--ea-ink)}
.ea-toc nav{display:grid;gap:4px;margin-top:16px;max-height:60vh;overflow:auto}
html#etc-ds#etc-ds .etc-article-green .ea-toc a{display:block;border-left:2px solid #dbe6d7;padding:9px 0 9px 13px;color:var(--ea-muted)!important;font-size:13px;line-height:1.5;text-decoration:none;transition:background .2s,border-color .2s}
html#etc-ds#etc-ds .etc-article-green .ea-toc a:hover,html#etc-ds#etc-ds .etc-article-green .ea-toc a[aria-current]{border-color:#78994c;background:#91b16d15;color:var(--ea-ink)!important}
.ea-back{display:block;padding:18px 8px;font-size:13px;font-weight:650}
.etc-article-green a:focus-visible,.etc-article-green summary:focus-visible{outline:3px solid #91af58;outline-offset:4px}
.ea-reading-layout:not(.has-toc){grid-template-columns:1fr}
html#etc-ds#etc-ds[data-etc-theme=dark] .etc-article-green{--ea-ink:#e3ede0;--ea-muted:#b2c5b6;--ea-paper:#162d23;--ea-line:#36513d}
html#etc-ds#etc-ds[data-etc-theme=dark] .etc-article-green a:not(.ea-eyebrow):not(.ea-read):not(.btn){color:#b6d895}
@media(min-width:1800px){html#etc-ds#etc-ds .etc-article-green{width:calc(100% - 120px)!important}}
@media(max-width:1000px){.ea-reading-layout{grid-template-columns:1fr;gap:18px}.ea-sidebar{position:static;grid-row:1}.ea-back{display:none}.ea-toc nav{max-height:320px}.ea-toc{padding:18px 22px}html#etc-ds#etc-ds .etc-article-green .ea-hero{gap:24px;padding:28px}html#etc-ds#etc-ds .etc-article-green h1{font-size:32px!important}}
@media(max-width:640px){html#etc-ds#etc-ds .etc-article-green{width:calc(100% - 24px)!important;margin:16px auto 34px!important}html#etc-ds#etc-ds .etc-article-green .ea-hero{grid-template-columns:1fr;gap:25px;padding:24px 20px;border-radius:20px}html#etc-ds#etc-ds .etc-article-green h1{font-size:30px!important;line-height:1.15!important}html#etc-ds#etc-ds .etc-article-green .ea-eyebrow{font-size:10px;margin-bottom:18px}html#etc-ds#etc-ds .etc-article-green .ea-read{margin-top:22px}.ea-hero-visual{width:100%}html#etc-ds#etc-ds .etc-article-green .etc-article-content>.card-body{padding:24px 19px!important}html#etc-ds#etc-ds .etc-article-green .pageItem p,html#etc-ds#etc-ds .etc-article-green .pageItem li{font-size:17px!important;line-height:1.75!important}html#etc-ds#etc-ds .etc-article-green .etc-article-meta{gap:7px 16px}body:has(.etc-article-green) .etc-social-dock{position:relative!important;inset:auto!important;display:flex!important;justify-content:center;margin:20px auto!important;width:max-content!important;z-index:10}body:has(.etc-article-green) .etc-social-actions{flex-direction:row!important}}
@media(prefers-reduced-motion:reduce){.etc-article-green *{scroll-behavior:auto!important;transition:none!important}}

html#etc-ds#etc-ds .etc-article-green .ea-hero--text{grid-template-columns:1fr}.ea-hero--text .ea-hero-visual{display:none}

/* Keep contact actions available below the page without covering article text. */
html#etc-ds#etc-ds body:has(.etc-article-green) .etc-social-dock{position:relative!important;inset:auto!important;display:flex!important;justify-content:center;margin:20px auto!important;width:max-content!important;z-index:10!important}
html#etc-ds#etc-ds body:has(.etc-article-green) .etc-social-actions{flex-direction:row!important}