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

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

.product-download a, .product-download a strong { color: var(--highlight-color); }
div.page .product-download p { text-align: left; hyphens: none; }