.author-profile__toggle {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.author-profile__toggle[hidden] {
  display: none;
}

.author-profile__toggle:focus-visible {
  box-shadow: 0 0 0 .125rem var(--white), 0 0 0 .25rem var(--blue-dark);
}

@media screen and (max-width: 991px) {
  .columns.author-profile {
    flex-direction: column;
    gap: var(--32);
  }

  .columns__col.author-profile__column {
    width: 100%;
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .collection__list.author-profile__tags {
    flex-wrap: wrap;
    margin-inline: 0;
    padding-inline: 0;
    overflow: visible;
  }

  .author-profile__tag {
    max-inline-size: 100%;
    min-block-size: 2.5rem;
    height: auto;
  }

  .author-profile__tag-label {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

.author-page__back {
  color: var(--white-60);

  display: inline-flex;
  align-items: center;
  gap: var(--4);
  line-height: 1.4;
}

.author-page__back-icon {
  width: var(--24);
  height: var(--24);
  opacity: .6;
}

@media screen and (min-width: 992px) {
  .author-page__back:is(:hover, :focus-visible) {
    color: var(--white);
  }

  .author-page__back:is(:hover, :focus-visible) .author-page__back-icon {
    opacity: 1;
  }

  .author-page__closing {
    margin-top: var(--104);
    padding-bottom: 0;
  }

  .author-page__closing > .success-line {
    margin-block: 0;
  }

  .author-page + .section.mod--new-discuss {
    margin-top: calc(var(--104) - var(--final-cta-leading-space, 0rem));
  }


  .columns.author-profile {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto 1fr;
  }

  .columns__col.author-profile__column {
    width: 100%;
  }

  .author-profile__card {
    grid-area: 1 / 1;
  }

  .author-profile__expertise {
    grid-area: 2 / 1;
    margin-top: var(--56);
  }

  .columns__col.author-profile__bio {
    grid-area: 1 / 2 / 3;
    justify-self: end;
  }
}

@media screen and (max-width: 991px) {
  .columns.author-profile {
    margin-bottom: var(--56);
  }

  .author-page .posts-pagination {
    margin-top: var(--56);
  }

  .author-page__count {
    margin-top: var(--12);
    margin-bottom: var(--56);
  }

  .author-page__closing {
    margin-top: var(--56);
    padding-bottom: 0;
  }

  .author-page__closing > .success-line {
    margin-block: 0;
  }

  .author-page + .section.mod--new-discuss {
    margin-top: calc(var(--56) - var(--final-cta-leading-space, 0rem));
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .section.author-page {
    padding-top: 9rem;
  }

  .author-page__return {
    display: flex;
    margin-bottom: var(--32);
  }

  .columns.author-profile {
    margin-bottom: var(--48);
  }

  .columns__col.author-profile__bio {
    order: 1;
    width: 80%;
  }

  .author-profile:has(.author-profile__expertise) .author-profile__bio {
    margin-top: var(--16);
  }

  .author-profile__paragraph {
    margin-top: var(--16);
  }
}

@media screen and (max-width: 767px) {
  .section.author-page {
    padding-top: 6.0625rem;
  }

  .columns.author-profile {
    margin-bottom: var(--32);
  }

  .author-page__return {
    display: flex;
    width: fit-content;
    padding-top: 0;
    margin-bottom: var(--24);
  }

  .author-profile__bio[data-mobile-layout="2026"] {
    font-size: var(--type-body-size);
  }

  .author-profile__paragraph,
  .author-profile__toggle,
  .author-page__count {
    margin-top: var(--8);
  }

  .author-page__count {
    margin-bottom: var(--32);
  }

  .author-page__closing {
    margin-top: var(--32);
  }

  .author-page + .section.mod--new-discuss {
    margin-top: calc(var(--32) - var(--final-cta-leading-space, 0rem));
  }
}

@media screen and (max-width: 767px) {
  /* Match the Split Accordion disclosure timing and easing. */
  .author-profile__disclosure {
    display: grid;
    grid-template-rows: 1fr;
  }

  /* The head script adds w-mod-js before the first paint. */
  .w-mod-js .author-profile__disclosure:not(.is--expanded) {
    grid-template-rows: 0fr;
  }

  .author-profile__disclosure-inner {
    min-height: 0;
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .author-profile__disclosure {
    transition: grid-template-rows .4s cubic-bezier(.65, 0, .35, 1);
  }
}