/* ── 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}
/* Premium-only sources: the works-with dot; the note under them is the legend */
.dy-dot{display:inline-block;flex:none;width:8px;height:8px;margin:0 0 1px 8px;border-radius:50%;background:var(--green);vertical-align:middle}
.dy-note .dy-dot{margin:0 8px 2px 0}
/* On phones, what you need to get started comes before the spec list */
@media (max-width:760px){
  #need .wrap{display:flex;flex-direction:column}
  #need .box{order:1;margin:0 0 clamp(40px,5vw,64px)}
  #need .specs__grid{order:2}
  #need .specs__src{order:3}
}
/* The Premium list in two even columns */
@media (min-width:641px){
  ul.dy-plan__list.dy-plan__list--two{display:block;columns:2;column-gap:24px}
  ul.dy-plan__list--two li{break-inside:avoid;margin-bottom:8px}
}
/* The help row as wide as the others; the three device photos on one baseline */
.family.dy-help{max-width:none}
.dy-family img{aspect-ratio:910/170;object-fit:contain}