/* Signed-out administrator view: use the available desktop width so the
   password field and action remain visible without a page-length scroll. */
@media (min-width: 980px) {
  body:has(main.desk > .editor-login) main.desk {
    align-items: center;
    column-gap: clamp(3rem, 7vw, 8rem);
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(25rem, 0.8fr);
    grid-template-rows: auto auto auto auto;
    min-height: calc(100vh - 15.5rem);
    padding-bottom: 2.25rem;
    padding-top: 2.25rem;
  }

  body:has(main.desk > .editor-login) main.desk > .eyebrow {
    grid-column: 1;
    grid-row: 1;
    margin: 0 0 1.25rem;
  }

  body:has(main.desk > .editor-login) main.desk > h1 {
    grid-column: 1;
    grid-row: 2;
    margin: 0 0 1.25rem;
  }

  body:has(main.desk > .editor-login) main.desk > .desk-intro {
    grid-column: 1;
    grid-row: 3;
    margin: 0;
    max-width: 52rem;
  }

  body:has(main.desk > .editor-login) main.desk > .desk-alert,
  body:has(main.desk > .editor-login) main.desk > .desk-success {
    grid-column: 1;
    grid-row: 4;
    margin-top: 1.25rem;
  }

  body:has(main.desk > .editor-login) main.desk > .editor-login {
    align-self: center;
    grid-column: 2;
    grid-row: 1 / span 4;
    margin: 0;
    max-width: none;
    padding: clamp(2rem, 3vw, 3rem);
    width: 100%;
  }

  body:has(main.desk > .editor-login) .editor-login h2 {
    margin-top: 0;
  }
}

@media (max-width: 979px) {
  body:has(main.desk > .editor-login) main.desk {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
  }

  body:has(main.desk > .editor-login) main.desk > .editor-login {
    margin-top: 2rem;
  }
}