@media (min-width: 160rem) {
  html[data-surface="maintainer"] {
    --am-axis-width: 19rem;
    --am-mast-height: 7.2rem;
    --am-stage-max: 168rem;
  }

  html[data-surface="maintainer"] .am-axis {
    padding-inline: 1.8rem;
  }

  html[data-surface="maintainer"] .am-stage {
    padding-inline: clamp(5rem, 5vw, 9rem);
  }
  html[data-surface="maintainer"] .am-page {
    max-width: 148rem;
    margin-inline: auto;
  }
}

@media (min-width: 210rem) {
  html[data-surface="maintainer"] {
    --am-stage-gutter: calc(
      (100vw - var(--am-axis-width) - var(--am-stage-max)) / 2
    );
  }
  html[data-surface="maintainer"] .am-stage {
    margin-right: auto;
    margin-left: calc(var(--am-axis-width) + var(--am-stage-gutter));
  }
  html[data-surface="maintainer"] .am-mast {
    right: var(--am-stage-gutter);
    left: calc(var(--am-axis-width) + var(--am-stage-gutter));
  }
}

@media (max-width: 90rem) {
  html[data-surface="maintainer"] {
    --am-axis-width: 10.2rem;
  }
  html[data-surface="maintainer"] .am-axis {
    padding-inline: 0.85rem;
  }
  html[data-surface="maintainer"] .am-axis a[data-admin-domain] {
    grid-template-columns: 1.65rem 1fr;
    gap: 0 0.48rem;
  }
  html[data-surface="maintainer"] .am-axis a[data-admin-domain] small {
    display: none;
  }
  html[data-surface="maintainer"] .am-axis a[data-admin-domain] span {
    align-self: center;
  }
  html[data-surface="maintainer"] .am-mast {
    gap: var(--am-space-3);
    padding-inline: 1.5rem;
  }
  html[data-surface="maintainer"] .am-mast::after {
    right: 1.5rem;
    left: 1.5rem;
  }
  html[data-surface="maintainer"] .am-stage {
    padding-inline: clamp(1.2rem, 2.4vw, 3rem);
  }
}

@media (max-width: 75rem) {
  html[data-surface="maintainer"] .am-mast__location {
    max-width: 13rem;
  }
  html[data-surface="maintainer"] .am-mast__location b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 68rem) {
  html[data-surface="maintainer"] {
    --am-mast-height: 4.9rem;
    --am-mobile-tabs-height: 5rem;
  }

  html[data-surface="maintainer"] .am-world__paper {
    left: 0;
    clip-path: none;
  }
  html[data-surface="maintainer"] .am-world__night {
    top: auto;
    width: 100%;
    height: var(--am-mobile-tabs-height);
    background: var(--am-night);
  }
  html[data-surface="maintainer"] .am-world__indigo {
    left: 48%;
  }
  html[data-surface="maintainer"] .am-axis {
    display: none;
  }
  html[data-surface="maintainer"] .am-mast {
    left: 0;
    grid-template-columns: minmax(10rem, 1fr) auto auto;
    padding-top: max(0.55rem, env(safe-area-inset-top));
    background: rgba(233, 230, 222, 0.92);
  }
  html[data-surface="maintainer"] .am-stage {
    width: 100%;
    padding-bottom: calc(
      var(--am-mobile-tabs-height) + 1.5rem + env(safe-area-inset-bottom)
    );
    margin-left: 0;
  }
  html[data-surface="maintainer"] .am-route-host {
    min-height: calc(
      100dvh - var(--am-mast-height) - var(--am-mobile-tabs-height) - 1.5rem -
        env(safe-area-inset-bottom)
    );
  }

  html[data-surface="maintainer"] .am-mobile-tabs {
    position: fixed;
    z-index: 100;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 0.35rem max(0.45rem, env(safe-area-inset-right))
      max(0.35rem, env(safe-area-inset-bottom))
      max(0.45rem, env(safe-area-inset-left));
    border-top: var(--am-hairline) solid var(--am-paper-18);
    background: var(--am-night-92);
    box-shadow: 0 -1rem 2.4rem rgba(12, 13, 20, 0.18);
    color: var(--am-muted-night);
  }

  html[data-surface="maintainer"] .am-mobile-tabs::before {
    position: absolute;
    top: -0.2rem;
    left: 0;
    width: 20%;
    height: 0.2rem;
    background: var(--am-crimson);
    content: "";
  }

  html[data-surface="maintainer"] .am-mobile-tabs a {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 3.9rem;
    place-items: center;
    align-content: center;
    padding: 0.38rem 0.2rem;
    color: inherit;
    transition:
      color var(--am-duration-fast),
      background var(--am-duration-fast),
      transform var(--am-duration-fast);
  }

  html[data-surface="maintainer"] .am-mobile-tabs a i {
    color: var(--am-cyan);
    font-family: var(--am-font-data);
    font-size: 0.68rem;
    font-style: normal;
    line-height: 1;
    opacity: 0.72;
  }
  html[data-surface="maintainer"] .am-mobile-tabs a span {
    overflow: hidden;
    margin-top: 0.25rem;
    font-size: 0.76rem;
    font-weight: 650;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  html[data-surface="maintainer"] .am-mobile-tabs a.is-active {
    background: var(--am-porcelain);
    color: var(--am-night);
    transform: translateY(-0.28rem);
  }
  html[data-surface="maintainer"] .am-mobile-tabs a.is-active::after {
    position: absolute;
    right: 22%;
    bottom: 0.25rem;
    left: 22%;
    height: 0.13rem;
    background: var(--am-crimson);
    content: "";
  }

  html[data-surface="maintainer"] .am-route-passage {
    min-height: calc(
      100dvh - var(--am-mast-height) - var(--am-mobile-tabs-height) - 1.5rem -
        env(safe-area-inset-bottom)
    );
  }
}

@media (max-width: 52rem) {
  html[data-surface="maintainer"] .am-mast {
    grid-template-columns: minmax(9rem, 1fr) auto;
  }
  html[data-surface="maintainer"] .am-mast__location {
    display: none;
  }
  html[data-surface="maintainer"] .am-page-head {
    grid-template-columns: 1fr auto;
    gap: var(--am-space-3);
    margin-bottom: var(--am-space-6);
  }
  html[data-surface="maintainer"] .am-page-head__index {
    font-size: clamp(4rem, 15vw, 7.5rem);
  }
  html[data-surface="maintainer"] .am-boot {
    grid-template-columns: 1fr minmax(14rem, 0.65fr);
  }
  html[data-surface="maintainer"] .am-boot__copy {
    padding: var(--am-space-5);
  }
}

@media (max-width: 40rem) {
  html[data-surface="maintainer"] {
    --am-mast-height: 4.5rem;
  }
  html[data-surface="maintainer"] .am-mast {
    gap: 0.45rem;
    padding-inline: max(0.8rem, env(safe-area-inset-left))
      max(0.8rem, env(safe-area-inset-right));
  }
  html[data-surface="maintainer"] .am-mast::after {
    right: max(0.8rem, env(safe-area-inset-right));
    left: max(0.8rem, env(safe-area-inset-left));
  }
  html[data-surface="maintainer"] .am-mast__identity span {
    overflow: hidden;
    max-width: 13rem;
    font-size: 0.64rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  html[data-surface="maintainer"] .am-mast__identity b {
    font-size: 1.1rem;
  }
  html[data-surface="maintainer"] .am-mast__actions {
    gap: 0.3rem;
  }
  html[data-surface="maintainer"] .am-profile-trigger {
    grid-template-columns: 2.35rem;
    padding: 0;
  }
  html[data-surface="maintainer"] .am-profile-trigger > span:nth-child(2),
  html[data-surface="maintainer"] .am-profile-trigger > svg,
  html[data-surface="maintainer"] .am-profile-trigger::after {
    display: none;
  }
  html[data-surface="maintainer"] .am-stage {
    padding-inline: max(0.95rem, env(safe-area-inset-left))
      max(0.95rem, env(safe-area-inset-right));
  }
  html[data-surface="maintainer"] .am-page {
    padding-block: var(--am-space-5) var(--am-space-7);
  }
  html[data-surface="maintainer"] .am-page-head {
    grid-template-columns: 1fr;
  }
  html[data-surface="maintainer"] .am-page-head__chapter {
    display: none;
  }
  html[data-surface="maintainer"] .am-page-head__index {
    top: 0;
    right: -0.05em;
    font-size: clamp(4rem, 23vw, 6.5rem);
    opacity: 0.72;
  }
  html[data-surface="maintainer"] .am-page-head h1 {
    max-width: 11ch;
  }
  html[data-surface="maintainer"] .am-page-head::after {
    background: linear-gradient(
      90deg,
      var(--am-crimson) 0 18%,
      var(--am-night) 18% 68%,
      var(--am-cyan) 68%
    );
  }
  html[data-surface="maintainer"] .am-chapter-rail {
    margin-inline: -0.95rem;
    padding-inline: 0.95rem;
    scroll-padding-inline: 0.95rem;
    scroll-snap-type: x proximity;
  }
  html[data-surface="maintainer"] .am-chapter-rail a {
    scroll-snap-align: start;
  }

  html[data-surface="maintainer"] .am-route-passage {
    padding: 2rem 0.35rem 4rem;
  }
  html[data-surface="maintainer"] .am-route-passage::before {
    inset: 19% -12% 13% 18%;
  }
  html[data-surface="maintainer"] .am-route-passage__index {
    top: 2rem;
    right: -0.03em;
    font-size: clamp(6rem, 31vw, 8.5rem);
  }
  html[data-surface="maintainer"] .am-route-passage__copy {
    width: 94%;
    padding: 1.45rem 1.2rem;
    box-shadow: 0.45rem 0.45rem 0 var(--am-indigo-deep);
  }
  html[data-surface="maintainer"] .am-route-passage__copy h1 {
    font-size: clamp(2.8rem, 15vw, 4.8rem);
  }
  html[data-surface="maintainer"] .am-route-passage__planes i {
    right: -18%;
    width: 84%;
  }
  html[data-surface="maintainer"] .am-route-passage__planes b {
    right: -7%;
    bottom: 8%;
    width: 11rem;
  }

  html[data-surface="maintainer"] .am-profile-menu {
    top: auto;
    right: 0.65rem;
    bottom: calc(
      var(--am-mobile-tabs-height) + 0.8rem + env(safe-area-inset-bottom)
    );
    width: calc(100vw - 1.3rem);
    box-shadow:
      0.5rem 0.5rem 0 var(--am-crimson-42),
      var(--am-shadow-night);
  }
  html[data-surface="maintainer"] .am-dialog-wrap {
    place-items: end center;
    padding: 0;
  }
  html[data-surface="maintainer"] .am-dialog {
    width: 100%;
    max-width: none;
    max-height: calc(100dvh - max(0.75rem, env(safe-area-inset-top)));
    box-shadow: none;
    transform-origin: bottom center;
  }
  html[data-surface="maintainer"] .am-search-dialog > header,
  html[data-surface="maintainer"] .am-auth-dialog > header,
  html[data-surface="maintainer"] .am-auth-dialog form {
    padding: var(--am-space-4);
  }
  html[data-surface="maintainer"] .am-search-field {
    margin: var(--am-space-3) var(--am-space-4);
  }
  html[data-surface="maintainer"] .am-search-results {
    padding: 0 var(--am-space-4)
      calc(var(--am-space-5) + env(safe-area-inset-bottom));
  }
  html[data-surface="maintainer"] .am-auth-dialog form footer {
    align-items: stretch;
    flex-direction: column-reverse;
  }
  html[data-surface="maintainer"] .am-toast-region {
    right: max(0.65rem, env(safe-area-inset-right));
    bottom: calc(
      var(--am-mobile-tabs-height) + 0.6rem + env(safe-area-inset-bottom)
    );
    width: calc(
      100vw -
        max(1.3rem, env(safe-area-inset-left) + env(safe-area-inset-right))
    );
  }

  html[data-surface="maintainer"] .am-boot {
    grid-template: minmax(0, 1fr) auto / 1fr;
  }
  html[data-surface="maintainer"] .am-boot__field {
    min-height: 0;
  }
  html[data-surface="maintainer"] .am-boot__copy {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--am-space-2) var(--am-space-4);
    padding: var(--am-space-5)
      max(var(--am-space-4), env(safe-area-inset-right))
      max(var(--am-space-5), env(safe-area-inset-bottom))
      max(var(--am-space-4), env(safe-area-inset-left));
  }
  html[data-surface="maintainer"] .am-boot__copy strong {
    grid-row: 1 / span 2;
    grid-column: 2;
    margin: 0;
    font-size: clamp(2.6rem, 14vw, 4.5rem);
    writing-mode: horizontal-tb;
  }
  html[data-surface="maintainer"] .am-boot__copy p {
    align-self: end;
  }

  html[data-surface="maintainer"] .am-gate,
  html[data-surface="maintainer"] .am-recovery {
    align-content: end;
    padding: var(--am-space-5)
      max(var(--am-space-4), env(safe-area-inset-right))
      max(var(--am-space-6), env(safe-area-inset-bottom))
      max(var(--am-space-4), env(safe-area-inset-left));
    background:
      linear-gradient(165deg, var(--am-night) 0 34%, transparent 34%),
      var(--am-porcelain);
  }
  html[data-surface="maintainer"] .am-gate > *,
  html[data-surface="maintainer"] .am-recovery > * {
    width: 100%;
    margin-left: 0;
  }
  html[data-surface="maintainer"] .am-gate > div {
    display: grid;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 23rem) {
  html[data-surface="maintainer"] .am-mast__identity span {
    display: none;
  }
  html[data-surface="maintainer"] .am-mobile-tabs a span {
    font-size: 0.7rem;
  }
}

@media (max-height: 42rem) and (orientation: landscape) {
  html[data-surface="maintainer"] .am-axis ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html[data-surface="maintainer"] .am-axis a[data-admin-domain] {
    min-height: 2.8rem;
  }
  html[data-surface="maintainer"] .am-axis a[data-admin-domain] small {
    display: none;
  }
  html[data-surface="maintainer"] .am-dialog {
    max-height: calc(100dvh - 1rem);
  }
}

/* The atelier changes composition at each breakpoint instead of shrinking the
   desktop drawing into a cramped terminal. */
@media (max-width: 90rem) and (min-width: 68.001rem) {
  html[data-surface="maintainer"] {
    --am-axis-width: 12.9rem;
  }

  html[data-surface="maintainer"] .am-axis {
    padding-inline: 0.85rem;
  }

  html[data-surface="maintainer"] .am-axis__caption small {
    display: none;
  }

  html[data-surface="maintainer"] .am-axis a[data-admin-domain] {
    grid-template-columns: 2.2rem minmax(0, 1fr);
    gap: 0 0.55rem;
    min-height: 4.5rem;
    padding-inline: 0.62rem;
  }

  html[data-surface="maintainer"] .am-axis a[data-admin-domain] span {
    font-size: var(--am-text-sm);
  }

  html[data-surface="maintainer"] .am-axis a[data-admin-domain] small {
    display: block;
    font-size: 0.76rem;
  }

  html[data-surface="maintainer"] .am-mast {
    padding-inline: clamp(1.4rem, 2.6vw, 3.2rem);
  }
}

@media (max-width: 75rem) and (min-width: 68.001rem) {
  html[data-surface="maintainer"] {
    --am-axis-width: 11.9rem;
  }

  html[data-surface="maintainer"] .am-axis a[data-admin-domain] small {
    display: none;
  }

  html[data-surface="maintainer"] .am-axis__signature {
    display: none;
  }

  html[data-surface="maintainer"] .am-mast__identity span {
    display: none;
  }
}

@media (max-width: 68rem) {
  html[data-surface="maintainer"] .am-world__atelier {
    top: 7rem;
    right: -11rem;
    width: 32rem;
    opacity: 0.22;
  }

  html[data-surface="maintainer"] .am-mast {
    background: linear-gradient(
      90deg,
      rgba(250, 247, 239, 0.95),
      rgba(235, 232, 224, 0.9)
    );
    box-shadow: 0 0.55rem 1.8rem rgba(20, 22, 34, 0.08);
    backdrop-filter: blur(14px);
  }

  html[data-surface="maintainer"] .am-mobile-tabs {
    gap: 0.2rem;
    padding-top: 0.48rem;
    border-top: 0;
    background: linear-gradient(
      112deg,
      rgba(23, 25, 37, 0.98),
      rgba(55, 61, 88, 0.97)
    );
    box-shadow: 0 -1.2rem 3rem rgba(14, 16, 24, 0.2);
  }

  html[data-surface="maintainer"] .am-mobile-tabs::before {
    right: 0;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background: linear-gradient(
      90deg,
      var(--am-crimson) 0 16%,
      transparent 16% 54%,
      var(--am-cyan) 54% 78%,
      var(--am-gold) 78% 100%
    );
  }

  html[data-surface="maintainer"] .am-mobile-tabs a {
    min-height: 4rem;
    border-radius: 0.25rem 0.8rem 0.25rem 0.8rem;
  }

  html[data-surface="maintainer"] .am-mobile-tabs a.is-active {
    background: linear-gradient(145deg, var(--am-light), var(--am-porcelain));
    box-shadow: 0 0.55rem 1.4rem rgba(7, 8, 13, 0.24);
  }
}

@media (max-width: 52rem) {
  html[data-surface="maintainer"] .am-page-head {
    min-height: 14rem;
    padding: 2rem 1.5rem 1.8rem;
    border-radius: 0.28rem 1.8rem 0.28rem 1.8rem;
  }

  html[data-surface="maintainer"] .am-page-head::before {
    right: -17%;
    width: 58%;
    opacity: 0.66;
  }

  html[data-surface="maintainer"] .am-page-head h1 {
    font-size: clamp(2.7rem, 7.4vw, 4.2rem);
  }

  html[data-surface="maintainer"] .am-page-head__copy > p {
    max-width: 40rem;
  }
}

@media (max-width: 40rem) {
  html[data-surface="maintainer"] .am-mast__identity {
    padding-left: 0.65rem;
    border-left-width: 0.2rem;
  }

  html[data-surface="maintainer"] .am-profile-trigger {
    min-height: 2.65rem;
    border-radius: 50%;
    background: transparent;
  }

  html[data-surface="maintainer"] .am-page {
    padding-block-start: 1.4rem;
  }

  html[data-surface="maintainer"] .am-page-head {
    min-height: 16rem;
    padding: 1.7rem 1.15rem 1.45rem;
    margin-bottom: 2.4rem;
  }

  html[data-surface="maintainer"] .am-page-head__copy {
    padding-left: 0.8rem;
    border-left-width: 0.24rem;
  }

  html[data-surface="maintainer"] .am-page-head h1 {
    font-size: clamp(2.55rem, 13vw, 4rem);
  }

  html[data-surface="maintainer"] .am-page-head__copy > p {
    font-size: 0.94rem;
    line-height: 1.65;
  }

  html[data-surface="maintainer"] .am-page-head__index {
    top: 0.08em;
    right: -0.02em;
    font-size: clamp(5rem, 27vw, 7.6rem);
  }

  html[data-surface="maintainer"] .am-chapter-rail {
    margin-right: -1.15rem;
    margin-left: -1.15rem;
    padding-inline: 1.15rem;
  }

  html[data-surface="maintainer"] .am-chapter-rail a {
    padding: 0.68rem 0.88rem;
  }

  html[data-surface="maintainer"] .am-profile-menu {
    border-radius: 1.6rem 0.3rem 1.6rem 0.3rem;
    box-shadow: 0 1.4rem 4rem rgba(14, 16, 24, 0.28);
  }

  html[data-surface="maintainer"] .am-dialog {
    border-radius: 1.7rem 0.3rem 0 0;
  }

  html[data-surface="maintainer"] .am-route-passage__copy {
    border-radius: 0.3rem 1.6rem 0.3rem 1.6rem;
    box-shadow: 0 1.2rem 3.2rem rgba(20, 22, 34, 0.16);
  }
}

@media (forced-colors: active) {
  html[data-surface="maintainer"] .am-world {
    display: none;
  }
  html[data-surface="maintainer"] .am-axis,
  html[data-surface="maintainer"] .am-mast,
  html[data-surface="maintainer"] .am-mobile-tabs,
  html[data-surface="maintainer"] .am-dialog {
    border: 1px solid CanvasText;
    box-shadow: none;
  }
  html[data-surface="maintainer"] .am-action,
  html[data-surface="maintainer"] .am-icon-action {
    forced-color-adjust: auto;
  }
}