@media (max-width: 74rem) {
  .site-rail {
    transform: translateX(-102%);
    box-shadow: var(--shadow-lg);
    transition: transform var(--transition-base);
  }

  .site-rail.is-open {
    transform: translateX(0);
  }

  .site-canvas {
    margin-left: 0;
  }

  .nav-toggle,
  .rail-close {
    display: inline-flex;
  }

  .rail-close {
    position: absolute;
    z-index: 2;
    top: var(--space-3);
    right: var(--space-3);
    width: 2.4rem;
    height: 2.4rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgb(255 255 255 / 16%);
    border-radius: var(--radius-md);
    background: rgb(255 255 255 / 8%);
    color: #fff;
    font-size: 1.35rem;
  }

  .rail-brand {
    padding-right: 3.7rem;
  }

  .nav-scrim.is-visible {
    display: block;
  }

  .page-grid,
  .page-grid--wide-aside {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-aside {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 56rem) {
  :root {
    --banner-height: 12rem;
  }

  .site-topbar {
    padding-inline: var(--space-3);
  }

  .topbar-search {
    width: auto;
    flex: 1;
  }

  .topbar-search__hint {
    display: none;
  }

  .topbar-search__input {
    padding-right: var(--space-4);
  }

  .topbar-actions .button__label {
    display: none;
  }

  .topbar-actions .button {
    width: 2.65rem;
    min-height: 2.65rem;
    padding: 0;
  }

  .wiki-tabs {
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .wiki-tabs__inner {
    width: max-content;
    min-width: 100%;
  }

  .page-region {
    padding: var(--space-3);
  }

  .page-surface {
    border-radius: var(--radius-lg);
  }

  .page-surface__inner {
    padding: var(--space-5);
  }

  .article-infobox {
    float: none;
    width: min(100%, 26rem);
    margin: var(--space-5) auto var(--space-6);
  }

  .article-content {
    max-width: none;
  }

  .form-grid,
  .form-grid--three {
    grid-template-columns: minmax(0, 1fr);
  }

  .form-field--full {
    grid-column: auto;
  }
}

@media (max-width: 42rem) {
  :root {
    --banner-height: 9.5rem;
  }

  .site-banner__inner {
    padding: var(--space-5);
  }

  .site-banner__eyebrow {
    display: none;
  }

  .site-banner__title {
    font-size: clamp(2rem, 10vw, 2.75rem);
  }

  .topbar-actions {
    display: none;
  }

  .site-topbar {
    gap: var(--space-2);
  }

  .page-surface__inner {
    padding: var(--space-4);
  }

  .page-header__row,
  .article-header__row {
    display: block;
  }

  .page-header__actions,
  .article-actions {
    justify-content: flex-start;
    margin-top: var(--space-4);
  }

  .page-title,
  .article-title {
    font-size: clamp(1.9rem, 10vw, 2.7rem);
  }

  .page-subtitle,
  .article-summary {
    font-size: var(--text-base);
  }

  .page-aside,
  .link-columns {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-link-grid,
  .card-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-link {
    min-height: 3.8rem;
  }

  .stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .feature-card {
    min-height: 15rem;
  }

  .feature-card__body {
    padding: var(--space-5);
  }

  .article-content {
    font-size: 1rem;
    line-height: 1.7;
  }

  .article-content h2 {
    font-size: 1.5rem;
  }

  .infobox__row {
    grid-template-columns: minmax(5.2rem, 0.8fr) minmax(0, 1.2fr);
  }

  .filter-bar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .filter-bar__search,
  .filter-bar__field {
    min-width: 0;
    width: 100%;
  }

  .search-page-form {
    align-items: stretch;
    flex-direction: column;
  }

  .search-page-form .button {
    width: 100%;
  }

  .form-section {
    padding: var(--space-4);
  }

  .editor__toolbar {
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .editor__tool {
    flex: 0 0 auto;
  }

  .editor__write textarea,
  .editor textarea,
  .editor__preview {
    min-height: 24rem;
  }

  .form-actions {
    position: static;
    align-items: stretch;
    flex-direction: column;
  }

  .form-actions__status {
    margin-right: 0;
    text-align: center;
  }

  .form-actions .button {
    width: 100%;
  }

  .item-list__item {
    display: block;
  }

  .item-list__item > .badge,
  .item-list__item > time {
    margin-top: var(--space-2);
  }

  .message-stack {
    top: var(--space-3);
    right: var(--space-3);
  }

  .site-footer__inner {
    flex-direction: column;
  }
}

@media print {
  body {
    background: #fff;
  }

  .site-rail,
  .site-topbar,
  .site-banner,
  .wiki-tabs,
  .site-footer,
  .article-actions,
  .message-stack,
  .category-box,
  .article-supplementary {
    display: none !important;
  }

  .site-canvas {
    margin: 0;
  }

  .page-region {
    width: 100%;
    padding: 0;
  }

  .page-surface {
    border: 0;
    box-shadow: none;
  }

  .page-surface__inner {
    padding: 0;
  }

  .article-infobox {
    box-shadow: none;
  }

  a {
    color: inherit !important;
  }
}