.ecum-intro { margin: 1.5rem 0 2rem; }
.ecum-eyebrow { color: var(--ink-muted); font-size: var(--step--1); }
.ecum-intro h1 { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; }
.ecum-badge { font-size: .36em; letter-spacing: .08em; text-transform: uppercase; border: 1px solid var(--ink-muted); border-radius: .2em; padding: .2em .4em; }
.ecum-lead { font-family: var(--font-accent); font-style: italic; font-size: var(--step-1); }
.ecum-screenshot { --fig-w: 100%; }
div.page figure.ecum-screenshot { margin-block: 2rem; }
.ecum-screenshot img { width: 100%; max-width: none; height: auto; border-radius: .5rem; }
.ecum-screenshot figcaption { color: var(--ink-muted); font-size: var(--step--1); margin-top: .5rem; }
.ecum-download { margin: 1.5rem 0; padding: .7rem 1.2rem; border-left: 3px solid var(--ink-muted); }
.ecum-download p { margin: .5rem 0; }
.ecum-page pre { white-space: pre-wrap; overflow-wrap: anywhere; }

.ecum-screenshot img:hover { transform: none; }

.ecum-download a, .ecum-download a strong { color: var(--highlight-color); }
.ecum-download p { text-align: left; }