/* Veća i mirnija tipografija za čitanje, posebno na telefonu. */
html { font-size: 17px; }
body { font-size: 1rem; }

.cards p,
.benefit-grid p,
.faq-list details p { font-size: .94rem; }

.current-detail,
.partner-box aside p,
.posts a,
.arrow-link { font-size: .86rem; }

footer a:not(.brand),
footer p { font-size: .82rem; }

.article-body p,
.article-body li,
.rules-content p,
.rules-content dd { font-size: 1rem; line-height: 1.72; }

@media (max-width: 600px) {
  html { font-size: 18px; }
  .site-header nav { font-size: .94rem; }
  .eyebrow { font-size: .78rem; }
  .lead { font-size: 1.08rem; line-height: 1.72; }
  .expert-note,
  .life-copy li,
  summary { font-size: .94rem; }
  .button { min-height: 52px; font-size: .94rem; }
  .current-facts span,
  .contact-meta,
  .contact label { font-size: .82rem; }
  .form-note { font-size: .74rem; line-height: 1.5; }
  .blog-grid p { font-size: .94rem; }
  .blog-grid a { font-size: .88rem; }
  .rules-back,
  .rules-nav a { font-size: .86rem; }
}
