@layer components {
.phone-only { display: none; }

@media (max-width: 1023px) {
  .desk-only { display: none !important; }
  .phone-only { display: revert; }

  span.phone-only, a.phone-only, b.phone-only,
  em.phone-only, strong.phone-only { display: inline; }
  svg .phone-only, g.phone-only { display: revert; }
}

@media (max-width: 1023px) {
  svg .desk-only { display: none !important; }
}

@media (max-width: 1023px) {

  .legal-table-wrap table,
  .legal-table-wrap th, .legal-table-wrap td { font-size: 13px; line-height: 1.5; }

  code, kbd, samp { font-size: 13px; }

  .fig-lab, .art-source-tag, .site-note-label { font-size: 12px; line-height: 1.45; }

  dt, dd { font-size: 14px; }

  .site-lede {
    font-size: 1rem;
  }
}

@media (max-width: 374px) {
  :root { --gutter: var(--space-4); }
}

@media (max-width: 1023px) and (min-width: 769px) {

  :root { --gutter: var(--space-5); }
}
}