/* ── Remaining pages, reviewed (site_pages_ux.py) ── */
/* Links in running text: 24 px or more to tap, the line unchanged (they underline with text-decoration) */
main p a:not([class]),.ww-legend a{padding-block:3px}
/* No lone last words */
main h3,main summary{text-wrap:balance}
main li,main dd{text-wrap:pretty}
/* The feature lists open (the button sits in an h3, so the panel follows the h3) */
.feat h3:has(> .feat__btn[aria-expanded="true"]) + .feat__panel{grid-template-rows:1fr;visibility:visible;transition-delay:0s}
/* Slideshow: 24 px wide dots, the dots themselves unchanged; it holds under the pointer and while a control has focus */
.dot{padding-inline:8px}
@media (hover:hover){.gallery:hover .dot[aria-current="true"] i{animation-play-state:paused}}
.gallery:focus-within .dot[aria-current="true"] i{animation-play-state:paused}
/* Card rows: a part of the next card shows at every width */
.card{flex:0 0 clamp(264px,25vw,280px)}
/* Arrow links: 44 px to tap on phones, as on the product pages */
@media (max-width:760px){
  .link{position:relative}
  .link::after{content:"";position:absolute;inset:-8px -4px}
}
/* Setup steps: small labels at 13 px at least */
.steps li span{font-size:max(13px,.66em)}
/* "MP3 to DSD" fits its column */
.figs4 b{font-size:clamp(2.5rem,.4rem + 3.6vw,3.5rem)}
.path__name{text-wrap:balance}