/* THIS WORLD — HOME PREVIEW V10 */


/* ---------- random issue meta/actions ---------- */

#home.home-preview
.preview-home-card-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 8px;

  width: 100%;
  max-width: 100%;

  margin: 0;
}

#home.home-preview
.preview-home-issue-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  gap: 4px;

  white-space: nowrap;
  font-size: .99rem;

  font-family:
    "Frank Ruhl Libre",
    serif !important;

  font-weight: 400;

  flex: 1 1 auto;
  text-align: right;
}

#home.home-preview
.preview-home-icon-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  gap: 2px;

  flex: 0 0 auto;
}

#home.home-preview
.preview-home-icon-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;
  min-width: 32px;

  margin: 0;
  padding: 0;

  color: #C73413;

  text-decoration: none;
}

#home.home-preview
.preview-home-icon-action:hover,
#home.home-preview
.preview-home-icon-action:focus-visible {
  color: #111;
}

#home.home-preview
.preview-home-action-icon {
  display: block;

  width: 25px;
  height: 25px;

  margin: 0;

  object-fit: contain;
}

#home.home-preview
.preview-home-pdf-icon {
  width: 25px;
  height: 25px;
}


/* ---------- same animated frame as internal issue images ---------- */

@property --home-barry-v10 {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

#home.home-preview
.preview-home-cover-link {
  position: relative;

  overflow: visible !important;

  --home-barry-v10: 0deg;
}

#home.home-preview
.preview-home-cover-link::after {
  content: "";

  position: absolute;
  z-index: 7;

  inset: -10px;

  box-sizing: border-box;

  border: 4px solid transparent;

  border-image:
    conic-gradient(
      from -90deg,
      #C73413 0deg,
      #C73413 var(--home-barry-v10),
      transparent var(--home-barry-v10),
      transparent 360deg
    )
    1;

  opacity: 0;

  pointer-events: none;
}

#home.home-preview
.preview-home-cover-link:hover::after,
#home.home-preview
.preview-home-cover-link:focus-visible::after {
  opacity: 1;

  animation:
    home-barry-v10-draw
    .65s
    ease-out
    forwards;
}

@keyframes home-barry-v10-draw {
  from {
    --home-barry-v10: 0deg;
  }

  to {
    --home-barry-v10: 360deg;
  }
}


/* ---------- footer ---------- */

body > footer.container,
body > footer.container p,
body > footer.container span,
body > footer.container strong,
body > footer.container a {
  color: #fff !important;
}

body > footer.container a:hover,
body > footer.container a:focus {
  color: #C73413 !important;
}

body > footer.container
a[href$="/about"] {
  margin-right: 58px !important;
  margin-left: 0 !important;
}


/* ---------- mobile ---------- */

@media (max-width: 767.98px) {
  #home.home-preview
  .preview-home-card-meta-row {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;

    gap: .45rem;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  #home.home-preview
  .preview-home-issue-meta {
    flex: 1 1 auto;
    justify-content: flex-start;
    gap: 6px;
    text-align: right;
    font-size: .99rem;
  }

  #home.home-preview
  .preview-home-icon-actions {
    width: auto;
    flex: 0 0 auto;
    justify-content: flex-start;
  }

  #home.home-preview
  .preview-home-cover-link::after {
    display: none;
  }
}