/* Layout fixes, 4 Nov 2026: no text or numbers cut off at any screen width */

/* Headings never run off the edge: a very long word wraps instead of being clipped */
h1,h2,h3,h4{overflow-wrap:break-word}

/* Small phones: hero headings sized so the longest word fits */
@media (max-width:359px){
  .hero h1{font-size:calc(7.9vw - 3.5px)}
}

/* Download button: label and file size wrap on phones instead of being cut off */
@media (max-width:520px){
  .btn.dl{white-space:normal;flex-wrap:wrap;text-align:center;row-gap:6px;max-width:100%}
}

/* Prices at a glance: notes wrap under the price so the service names get room */
@media (max-width:480px){
  .glance dd small{max-width:17ch;margin-left:auto}
}

/* Scrolling chip rows fade at the right edge so they read as "swipe for more", not cut off */
.toc .wrap{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 36px),transparent)}
.toc .wrap::after{content:"";flex:none;width:28px;height:1px}

/* Tiny phones: input hints fit inside the box */
@media (max-width:359px){
  input::placeholder{font-size:13px}
}