.newsletter-page { background: #eee8df; }
.newsletter-hero { background: #151515; }
.newsletter-hero .guide-kicker { color: #e2b750; }
.newsletter-hero .guide-meta span { background: rgba(255, 255, 255, .1); }
.newsletter-layout { width: min(760px, calc(100% - 32px)); margin: 36px auto 72px; }
.newsletter-series-note { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; margin: 0 0 18px; padding: 14px 18px; border: 1px solid #d9d0c2; background: #fffdfa; color: #514b43; font: 500 .82rem/1.5 Inter, system-ui, sans-serif; }
.newsletter-series-note strong { color: #a83b32; }
.newsletter-series-note a { font-weight: 800; }
.newsletter-article { overflow: hidden; margin: 0 auto; padding: 36px 48px; border: 1px solid #d9d0c2; background: #fffdfa; color: #282824; font-family: Georgia, serif; box-shadow: 0 18px 50px rgba(31, 27, 22, .08); }
.newsletter-article .content { padding: 0; }
.newsletter-article h2 { margin: 34px 0 14px; padding-top: 14px; border-top: 3px solid #2c4a6e; color: #1a2744; font: 800 clamp(1.35rem, 3vw, 1.7rem)/1.25 Georgia, serif; }
.newsletter-article h3, .newsletter-article h4 { color: #1a2744; }
.newsletter-article p, .newsletter-article li { font-size: 1rem; line-height: 1.75; }
.newsletter-article a { color: #a52f25; overflow-wrap: anywhere; }
.newsletter-article img { display: block; max-width: 100% !important; height: auto !important; margin-right: auto; margin-left: auto; }
.newsletter-article table { max-width: 100% !important; }
.newsletter-article .callout, .newsletter-article .tool, .newsletter-article .quote { margin: 22px 0; padding: 17px 20px; border-left: 5px solid #2d6a4f; background: #edf4ef; }
.newsletter-article .barrier { border-left-color: #b64535; background: #fff2ed; }
.newsletter-article .quote { border-left: 0; background: #1a2744; color: #fff; }
.newsletter-article .source { color: #676158; font-size: .8rem; }
@media (max-width: 700px) {
  .newsletter-series-note { grid-template-columns: 1fr; }
  .newsletter-article { padding: 26px 20px; }
}
@media print {
  .newsletter-series-note { display: none; }
  .newsletter-layout { width: 100%; margin: 0; }
  .newsletter-article { border: 0; box-shadow: none; }
}
