.current-controls {display:flex; flex-wrap:wrap; gap:1.4rem; padding:1.5rem 0; border-block:1px solid var(--color-border, #ddd); align-items:end}
.current-controls label {display:grid; gap:.45rem; font-weight:500}
.current-controls input[type=search], .current-controls select {font:inherit; padding:.7rem; max-width:100%; background:white; border:1px solid var(--color-ink, #222); border-radius:0}
.current-intro {max-width:74ch; margin-block:2rem}
.current-intro p {line-height:1.75}
.mapping-list article {border-top:1px solid var(--color-border, #ddd); padding:1.4rem 0}
.mapping-list h2 {font-size:1.5rem; overflow-wrap:anywhere}
.product h3 {overflow-wrap:anywhere}
.current-controls + #count {margin-block:1rem}
.pdf-band button:disabled {color:var(--color-ink, #222); background:var(--color-accent)}
@media(max-width:600px) {.current-controls {display:grid}.current-controls input[type=search],.current-controls select {width:100%}.preview-tools {flex-wrap:wrap}}

.skip-link:not(:focus) {clip-path:inset(50%); width:1px; height:1px; overflow:hidden; white-space:nowrap}

.product-photo-link {display:block}
.product-name-link {color:inherit; text-decoration:none}
.product-name-link:hover {text-decoration:underline; text-decoration-color:var(--color-accent); text-underline-offset:.15em}
.product-photo-link:focus-visible, .product-name-link:focus-visible {outline:3px solid var(--color-accent); outline-offset:4px}