/* The newsletter archive and its web editions (src/render/newsletter.js). An issue page borrows
   the email kit's look (BD-HL Integration/hl-emails): the pale sky canvas and the light footer
   band around the email. The archive keeps the site's section hero and story cards. */
:root {
  --nl-blue: #0A76BA; --nl-navy: #182E45; --nl-canvas: #F2FAFE; --nl-band: #E6F6FC;
  --nl-text: #4A5A6A; --nl-link: #1268AE;
}
.nla-eyebrow, .nle-nav__dir { font-weight: 700; text-transform: uppercase; }
.nla-eyebrow { font-size: 12px; letter-spacing: 0.16em; }
.nlx-form { max-width: 520px; }

/* archive: the subscribe form and the date chips sit in the section hero */
.nla-sub { margin-top: 20px; max-width: 520px; }
.nla-sub .nl__form { border: 1px solid var(--gray-200); }
.nla-dates { display: flex; flex-direction: column; gap: 8px; margin-top: 20px; }
.nla-dates__label { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gray-500); min-width: 56px; }
.post-list--newsletter .nla-month__h {
  grid-column: 1 / -1; margin: 12px 0 0; padding-bottom: 8px; border-bottom: 1px solid var(--gray-200);
  font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent-pressed);
  scroll-margin-top: calc(var(--header-h) + 16px);
}
.post-list--newsletter .nla-month__h:first-child { margin-top: 0; }

/* the web edition: the email on its canvas, then a subscribe band and the issues around it */
.nle { background: var(--nl-canvas); padding: 20px 16px 56px; }
.nle__wrap { max-width: 640px; margin: 0 auto; }
.nle__bar { font-size: 14px; line-height: 1.5; color: var(--nl-text); text-align: center; margin: 14px 0 16px; }
.nle__bar a, .nle__all a { color: var(--nl-link); font-weight: 700; }
.nle__email table { max-width: 100%; }
.nle__email img { max-width: 100%; height: auto; }
.nle__sub { margin-top: 24px; background: var(--nl-band); border-radius: 16px; padding: 22px 24px 24px; color: var(--nl-navy); }
.nle__sub .nla-eyebrow { color: var(--nl-blue); }
.nle__sub-h { font-size: 22px; line-height: 1.25; font-weight: 900; color: var(--nl-navy); margin: 8px 0 6px; }
.nle__sub p { font-size: 15px; line-height: 1.55; color: var(--nl-text); margin: 0 0 14px; }
.nle__sub .nl__form { border: 1px solid var(--gray-200); }
.nle-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
.nle-nav__link { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid var(--gray-200); border-radius: 12px; background: #fff; text-decoration: none; color: var(--nl-navy); }
.nle-nav__link:hover { border-color: var(--nl-blue); color: var(--nl-navy); }
.nle-nav__link--next { grid-column: 2; text-align: right; }
.nle-nav__link--none { border: 0; background: transparent; padding: 0; }
.nle-nav__dir { font-size: 12px; letter-spacing: 0.1em; color: var(--nl-blue); }
.nle-nav__title { font-size: 15px; line-height: 1.35; font-weight: 700; }
.nle-nav__date { font-size: 13px; color: var(--gray-500); }
.nle__all { text-align: center; margin: 18px 0 0; font-size: 14px; }
@media (max-width: 480px) {
  .nle { padding: 16px 8px 40px; }
}