/* A bundle's new emails, measured in the reference ("New From …"): the title
   on the page, then each thread in a 1078px card outlined orange because it
   was new, the subject at 30.8px over its entries. */

.bundle-page { width: min(1078px, 100%); margin: 0 auto; }
.bundle-page__title { margin: 0 0 24.75px; font-size: 44px; line-height: 44px; font-weight: 700; text-align: center; }

.bundle-page__topic {
  box-sizing: border-box;
  margin: 0 0 39.6px;
  /* The entries bring their own 56px inset, so only the header is padded */
  padding: 55px 0 12.375px;
  border: 1px solid rgb(248 121 23);
  border-radius: 29.7px;
  background: var(--color-sheet);
  box-shadow: rgb(var(--warm-rgb) / 0.5) 0 0 33px 0;
  font-size: 19.8px;
  line-height: 27.72px;
}

.bundle-page__header { display: flow-root; margin: 0; padding: 0 55px; }
.bundle-page__topic .entries { margin: 24.75px 0 0; }
.bundle-page__topic .entry { border: 0; border-radius: 0; background: none; box-shadow: none; }
.bundle-page__subject { margin: 0 0 9.625px; font-size: 30.8px; line-height: 30.8px; font-weight: 700; }
.bundle-page__subject a { color: inherit; text-decoration: none; }
.bundle-page__subject a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }

@media (max-width: 640px) {
  .bundle-page__topic { padding: 33px 16px 12px; border-radius: 0; }
}