.application-body.application-journal {
  --app-colour: var(--app-colour-journal, #C50F1F);
  --quaive-newspaper-masthead-font: 'Cormorant Garamond', 'TeX Gyre Pagella', Palatino, Georgia, serif;
}
.application-body.application-journal .newspaper-masthead {
  font-family: var(--quaive-newspaper-masthead-font);
  font-weight: 600;
  letter-spacing: 0;
}
.application-body.application-journal .journal-blog-author-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 3rem;
}
.application-body.application-journal .journal-blog-author-hero-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  text-indent: -9999px;
  overflow: hidden;
}
.application-body.application-journal .journal-blog-author-avatar {
  --pat-avatar-background-colour: var(--quaive-newspaper-byline-border-colour, rgba(0, 0, 0, 0.12));
  --pat-avatar-padding: 0;
  width: 12rem;
  height: 12rem;
  padding: 0;
  font-size: 3.5rem;
  border: 1px solid var(--quaive-newspaper-byline-border-colour, rgba(0, 0, 0, 0.12));
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-color 150ms ease, background-color 150ms ease;
}
.application-body.application-journal .journal-blog-author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 150ms ease;
}
.application-body.application-journal .journal-blog-author-name {
  font-family: var(--font-family-sans, var(--body-font-family));
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0;
  padding: 0.45rem 1rem;
  border: 1px solid var(--quaive-newspaper-byline-border-colour, rgba(0, 0, 0, 0.12));
  border-radius: 0.4rem;
  color: var(--quaive-newspaper-byline-colour, #6b6b6b);
  background: var(--tabs-bar-tab-background-colour-dimmed);
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}
@media (hover: hover) {
.application-body.application-journal .journal-blog-author-hero.is-linked:hover .journal-blog-author-avatar {
  --pat-avatar-background-colour: var(--quaive-newspaper-byline-border-colour-hover, rgba(0, 0, 0, 0.22));
  border-color: var(--quaive-newspaper-byline-border-colour-hover, rgba(0, 0, 0, 0.22));
}
}
@media (hover: hover) {
.application-body.application-journal .journal-blog-author-hero.is-linked:hover .journal-blog-author-avatar img {
  transform: scale(1.06);
}
}
@media (hover: hover) {
.application-body.application-journal .journal-blog-author-hero.is-linked:hover .journal-blog-author-name {
  background: var(--tabs-bar-tab-background-colour-dimmed-hover);
  border-color: var(--quaive-newspaper-byline-border-colour-hover, rgba(0, 0, 0, 0.22));
  color: var(--quaive-newspaper-byline-colour-hover, #3a3a3a);
}
}
// Styling for the Journal application. Name-spaced under #application-body-journal.

    .application-body.application-journal {
  background-color: var(--colour-base);
}
.application-body.application-journal .document-body,
.application-body.application-journal .document-content {
  background-color: var(--colour-base);
}