img,
svg {
  max-width: 100%;
  height: auto;
}
.article-content iframe,
.article-content video,
.article-content embed {
  max-width: 100%;
}
.article-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.article-content pre {
  max-width: 100%;
  overflow: auto;
}
.shopping-product {
  max-width: 100%;
  overflow-wrap: anywhere;
}
@media (max-width: 700px) {
  .mobile-break {
    display: block;
  }
  body {
    overflow-x: hidden;
  }
  .masthead-top {
    padding: 9px 18px;
    font-size: 0.58rem;
  }
  .masthead-main {
    min-height: 92px;
    padding: 16px 18px;
    justify-content: flex-start;
  }
  .wordmark {
    text-align: left;
  }
  .wordmark strong {
    font-size: 2rem;
  }
  .edition-toggle {
    right: 18px;
    font-size: 0;
  }
  .edition-toggle .edition-icon {
    width: 20px;
  }
  .edition-nav {
    display: none;
    padding: 0 18px;
  }
  .edition-nav.is-open {
    display: block;
  }
  .edition-menu {
    align-items: stretch;
    min-height: 0;
    padding: 12px 0;
    display: block;
  }
  .edition-menu li + li {
    border-top: 1px solid var(--line);
  }
  .edition-menu a {
    display: flex;
    min-height: 44px;
    align-items: center;
    padding: 10px 0;
  }
  .cover {
    grid-template-columns: 1fr;
    min-height: auto;
    border: 0;
  }
  .cover-copy {
    padding: 4rem 22px;
  }
  .cover h1 {
    font-size: 2.85rem;
  }
  .cover-index {
    min-height: 210px;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.45);
    padding: 22px;
  }
  .edition-strip,
  .ledger-grid {
    padding: 4rem 22px;
  }
  .edition-list {
    margin-top: 2rem;
  }
  .edition-item {
    grid-template-columns: 36px 1fr 25px;
    gap: 0.5rem;
  }
  .edition-item p {
    grid-column: 2/4;
    font-size: 0.85rem;
  }
  .feature-spread {
    display: block;
    padding: 4rem 22px;
  }
  .feature-label {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 0 0 1rem;
    margin-bottom: 1.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .feature-label span {
    font-size: 2rem;
  }
  .lead-story {
    display: block;
    padding-left: 0;
  }
  .lead-image,
  .image-void {
    min-height: 280px;
  }
  .lead-content {
    padding-top: 1.7rem;
  }
  .story-grid,
  .archive-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    margin-top: 2rem;
  }
  .ledger-image {
    height: 260px;
  }
  .split {
    align-items: flex-start;
    flex-direction: column;
  }
  .editorial-note {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 4rem 22px;
  }
  .editorial-note h2 {
    font-size: 3rem;
  }
  .site-footer {
    padding: 0 22px 18px;
  }
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 3rem 0;
  }
  .article-wrap,
  .archive-wrap,
  .page-wrap,
  .not-found {
    padding: 3rem 22px;
  }
  .article-head {
    text-align: left;
  }
  .article-byline {
    justify-content: flex-start;
  }
  .article-content {
    font-size: 1rem;
  }
  .article-content h2 {
    font-size: 1.65rem;
  }
  .partner-note {
    margin: 1.5rem 0;
  }
  .wp-block-columns {
    gap: 1.2rem;
  }
}

@media (max-width: 700px) {
  .art-cover { display: block; min-height: 0; }
  .cover-rail { height: 34px; padding: 0 14px; flex-direction: row; writing-mode: horizontal-tb; transform: none; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.3); font-size: .5rem; }
  .cover-rail span:nth-child(2) { display: none; }
  .cover-copy { padding: 4.2rem 22px 4rem; min-height: 435px; }
  .cover-copy:after { font-size: 11rem; right: -.65rem; bottom: .35rem; }
  .cover-copy h1 { font-size: clamp(3.2rem, 15vw, 4.6rem); }
  .cover-copy > p:not(.kicker) { font-size: .94rem; margin: 1.6rem 0; }
  .cover-art { min-height: 420px; }
  .cover-art-fallback { min-height: 420px; }
  .cover-note { min-height: 265px; border-left: 0; border-top: 1px solid rgba(255,255,255,.3); padding: 22px; }
  .moving-type { font-size: 2.45rem; }
  .edition-index, .choice-atlas { display: block; padding: 4.7rem 22px; }
  .index-heading { margin-bottom: 3.4rem; }
  .index-heading h2, .atlas-intro h2, .section-intro h2 { font-size: clamp(3rem, 14vw, 4.5rem); }
  .edition-item { grid-template-columns: 2.4rem 1fr 1.8rem; min-height: 0; padding: 1.35rem 0; }
  .edition-item h3 { font-size: 2rem; }
  .edition-item p { grid-column: 2 / 4; font-size: .82rem; }
  .lead-spread { display: block; padding: 4.7rem 22px; }
  .spread-meta { min-height: auto; display: grid; grid-template-columns: 1fr auto; gap: 1.1rem; margin-bottom: 2.5rem; }
  .spread-meta > span { font-size: 2.7rem; grid-row: span 2; }
  .spread-meta > p:last-child { grid-column: 1; grid-row: 2; }
  .lead-story { display: block; }
  .lead-image { min-height: 390px; }
  .lead-content { padding-top: 1.7rem; }
  .empty-lead { display:block; }
  .empty-lead-mark { min-height:270px; }
  .empty-lead-copy { padding-top:1.7rem; }
  .empty-lead-links { grid-template-columns:1fr; }
  .lead-content h2 { font-size: clamp(3rem, 14vw, 4.4rem); }
  .choice-atlas:after { font-size: 11rem; bottom: -1.5rem; }
  .atlas-intro { margin-bottom: 2.5rem; }
  .atlas-steps li { min-height: 8rem; grid-template-columns: 2.2rem 1fr; gap: .35rem; }
  .atlas-steps span { grid-column: 2; font-size: .8rem; }
  .atlas-steps strong { font-size: 2.1rem; }
  .ledger-grid { padding: 4.7rem 22px 7rem; }
  .ledger-card:nth-child(even) { transform: none; }
  .story-grid { gap: 2.8rem; }
  .ledger-image { height: 290px; }
  .editorial-note { padding: 4.7rem 22px; }
  .editorial-note h2 { font-size: clamp(3.4rem, 15vw, 4.8rem); }
  .article-head:before { margin-bottom: .9rem; }
  .article-head h1 { font-size: clamp(3.15rem, 14vw, 4.8rem); }
  .article-visual { margin: 2.5rem -22px; }
  .article-content > p:first-of-type::first-letter { font-size: 4.8rem; }
}