/* Mobile reading adjustments. Imported after tokens.css. */
@media (max-width: 767px) {
  body { font-size: 16px; line-height: 1.68; overflow-wrap: anywhere; }
  h1 { max-width: none; font-size: clamp(1.75rem, 7.7vw, 1.875rem); font-weight: 400; line-height: 1.25; letter-spacing: -.035em; }
  h2 { font-size: clamp(1.3rem, 6vw, 1.5rem); line-height: 1.32; }
  .panel h2 { font-size: 24px; line-height: 1.32; }
  h3 { font-size: 1.15rem; line-height: 1.4; }
  .lede { font-size: 1.05rem; line-height: 1.55; }
  .article { max-width: 42rem; font-size: 1.0625rem; line-height: 1.7; }
  .article p:first-child { font-size: 1.125rem; line-height: 1.62; }
  .article blockquote { font-size: 1.15rem; line-height: 1.5; }
  .rows a { font-size: 1.2rem; line-height: 1.3; }
  .recommendations .rows a { font-size: 1.1rem; }
  .folio { min-height: 340px; }
  .folio-copy { padding-top: 42px; }
  .folio-copy h1 { max-width: 11ch; font-size: clamp(2.125rem, 9vw, 2.25rem); font-weight: 400; line-height: 1.15; }
  .folio-copy .lede { font-size: 1rem; line-height: 1.52; }
  .folio-mark { font-size: 11px; }
  .source-list, .rows p, .notice { overflow-wrap: anywhere; }
}