/* Article titles with a series prefix: distinct hierarchy on narrow screens.
   Keep the full source title in the document and leave desktop typography intact. */
@media (max-width: 820px) {
  .two-article-heading h1 {
    font-size: clamp(26px, 7.2vw, 30px);
    line-height: 1.4;
    letter-spacing: 0;
    text-wrap: wrap;
  }
  .two-article-heading .two-title-topic {
    display: block;
    margin-bottom: 10px;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.6;
  }
  .two-article-heading .two-title-separator,
  .two-article-heading h1 wbr { display: none; }
  .two-article-heading .two-title-main {
    display: block;
    word-break: normal;
    overflow-wrap: anywhere;
    line-break: strict;
  }
}