/* Privacy and browsing safely (9/29/2026). Loaded after site.css; only what this page needs.
   Built on Avada Health's department page (templates/page-privacy.php). */

/* Two links land inside this page: the Quick exit's "What does this do?" (#quick-exit) and the old
   /browse-privately/ address (#browsing). The Quick exit is fixed at the top right, so a section
   that is jumped to stops clear of it instead of sliding its heading underneath. */
.dept__section[id] { scroll-margin-top: 130px; }

/* The fact card's buttons keep their labels on one line. Between 961px and 1180px the card is
   207 to 269px wide, and "Call 1-800-770-1650" at the shared padding breaks into two lines
   (the number split at a hyphen in Chromium). Narrower padding and tracking there, one line always. */
.sidecard .btn { white-space: nowrap; }
@media (min-width: 961px) and (max-width: 1180px) {
  .sidecard .btn { padding-inline: 10px; letter-spacing: .05em; }
}

/* The title is four words, and the site binds the last two ("browsing safely") so neither sits alone.
   At the shared phone size (46.8px at 390) that pair is 374px wide in a 330px band and runs off the
   edge. Here the title scales with the screen on phones, so the bound pair always fits: 40px at 390,
   32px at 320. From about 470px up the shared size applies unchanged. */
.title h1 { font-size: min(clamp(2.625rem, 1.9rem + 4.2vw, 5rem), calc((100vw - 64px) / 8.1)); }
/* On a small phone (under 400px) the card is 198 to 268px inside, so the same trim applies there. */
@media (max-width: 400px) {
  .sidecard .btn { padding-inline: 10px; letter-spacing: .04em; }
}