/* Header-only mobile layout; article, navigation and editor behavior is unchanged. */
@media (max-width: 700px) {
  .dkw-upper-header {
    display: flex;
    flex-direction: column;
  }

  .dkw-upper-header > .masthead {
    order: 0;
  }

  .dkw-upper-header > .utility {
    order: 1;
  }

  .dkw-upper-header .masthead > .site-width {
    min-height: 72px;
    padding-block: 6px;
    align-items: start;
  }

  .dkw-upper-header .brand {
    min-height: 44px;
  }

  .dkw-upper-header .utility > .site-width {
    flex-wrap: wrap;
    gap: 3px 8px;
    padding-block: 3px;
  }
}