/* Privacy and Terms: the calculator's own rules, kept apart from policy.css (shared word for word with the Microsite).
   First, the microsite's current policy look on every screen: no tracked capitals, fluid small type, a 12px contact card,
   the arrow drawn before "Back to Office Space Calculator", the product name beside the logo in the wordmark face. */
.policy-eyebrow { font-size: clamp(10px, calc(8.76px + .14vw), 11.4px); letter-spacing: 0; text-transform: none; }
.policy-meta, .back-link { font-size: clamp(10.8px, calc(9.47px + .15vw), 12.31px); }
.policy-section p, .policy-section ul li { font-size: clamp(12.6px, calc(11.04px + .17vw), 14.36px); }
.policy-table { font-size: clamp(11.7px, calc(10.26px + .16vw), 13.34px); }
.policy-table th { font-size: clamp(10px, calc(8.76px + .14vw), 11.4px); letter-spacing: 0; text-transform: none; }
.policy-contact-card { border-radius: 12px; }
.back-link::before { content: '\2190'; }
.wordmark .sub { letter-spacing: 0; text-transform: none; }
code { font-family: inherit; } /* one family on the page, as in the app */

/* On a phone: text never under 12px, links and the footer easy to hit, the data table a visible scroller. */
@media (max-width: 820px) {
  .policy-eyebrow, .policy-meta, .policy-table th, .policy-table td, .policy-footer, .policy-footer a, .back-link,
  .site-footer, .site-footer .footer-copy, .footer-links a, .footer-sep, .kf-long { font-size: 12px !important; }
  .back-link, .policy-footer a, .footer-links a { display: inline-flex; align-items: center; min-height: 44px; }
  .site-footer .footer-copy { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .policy-table {
    background: linear-gradient(90deg, #fff 30%, rgba(255, 255, 255, 0)) left center / 28px 100% no-repeat local,
      linear-gradient(270deg, #fff 30%, rgba(255, 255, 255, 0)) right center / 28px 100% no-repeat local,
      radial-gradient(farthest-side at 0 50%, rgba(26, 26, 26, .22), rgba(26, 26, 26, 0)) left center / 10px 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%, rgba(26, 26, 26, .22), rgba(26, 26, 26, 0)) right center / 10px 100% no-repeat scroll;
  }
}