/* One mobile scale across editorial pages and custom project landing pages.
 * Keep desktop typography and the compact header/dock independent. */
@media (max-width:700px) {
 :root {
  --mobile-title:clamp(1.875rem,7.7vw,2rem);
  --mobile-section:1.5rem;
  --mobile-card:1.25rem;
  --mobile-body:1rem;
  --mobile-small:.875rem;
  --mobile-caption:.8125rem;
 }
 body { font-size:var(--mobile-body); }
 body .site-main h1,
 body .site-main :is(.hero,.archive-header,.page-hero,.single-hero,.about-hero) h1 {
  font-size:var(--mobile-title); line-height:1.15; letter-spacing:-.035em;
 }
 body .site-main h2,
 body .site-main :is(.section-heading,.entry-content,.latest-note,.app-feature,.home-cta) h2,
 body .site-footer .footer-invitation h2 {
  font-size:var(--mobile-section); line-height:1.25; letter-spacing:-.025em;
 }
 body .site-main h3,
 body .site-main :is(.entry-content,.content-card,.app-card,.use-card) h3 {
  font-size:var(--mobile-card); line-height:1.3; letter-spacing:-.015em;
 }
 body .site-main :is(h4,h5,h6) { font-size:1.125rem; line-height:1.4; }
 body .site-main :is(.entry-content,.about-lead,.app-card__description),
 body .site-main p:not(.eyebrow):not(.card-meta),
 body .site-main :is(.hero-copy,.single-hero__copy,.use-card,.article-rating__copy) p:not(.eyebrow) {
  font-size:var(--mobile-body); line-height:1.65;
 }
 body .site-main .entry-content { line-height:1.75; }
 body .site-main .entry-content :is(p,li) { line-height:1.75; }
 body .site-main :is(blockquote,.article-quote) p {
  font-size:1.125rem; line-height:1.55;
 }
 body .site-main .article-summary li { font-size:var(--mobile-body); line-height:1.6; }
 body .site-main :is(.eyebrow,.card-meta,.card-meta .card-category,.card-meta .card-date,.recent-row__label,.recent-row__meta,figcaption,.article-facts span) {
  font-size:var(--mobile-caption); line-height:1.5;
 }
 body .site-main .eyebrow { letter-spacing:.08em; }
 body .site-main :is(.recent-row__title,.topic-card,.explore-topic-name) { font-size:var(--mobile-body); line-height:1.4; }
 body .site-main :is(.button-link,.primary-button,.secondary-button,.text-link,.app-card__link,.section-heading > a,.blog-topic-chips a,.blog-topics-mobile summary),
 body .site-main .hero-actions a {
  font-size:var(--mobile-small); line-height:1.4;
 }
 body .site-main .article-indexes :is(summary,li a),
 body .site-main .legal-sidebar :is(h2,a),
 body .site-main .fb-resume :is(span,button) {
  font-size:var(--mobile-small); line-height:1.5;
 }
 body .site-footer :is(p,.footer-menu a,.footer-bottom),
 body .site-footer .footer-columns h3 { font-size:var(--mobile-small); line-height:1.6; }
 body .site-main .social-profile__text strong { font-size:var(--mobile-caption); }
}