/* ==========================================================================
   The Open Angle — Issue Article Styles (Beehiiv-faithful recreation)
   --------------------------------------------------------------------------
   Mirrors the Beehiiv-rendered post 1:1 in colors, fonts, spacing, and
   block treatment. Strips the email-table scaffolding and Outlook/MSO
   conditionals so the result is portable, clean HTML/CSS that the website
   integration agent can drop into a site page.
   Scoped under .toa-issue.
   ========================================================================== */

.toa-issue {
  /* Beehiiv-exact tokens (from beehiiv_dom.html). */
  --toa-page-bg:        #f4f0e7;  /* cream — body bg around the card */
  --toa-card-bg:        #fffdf8;  /* card surface, slightly whiter than page */
  --toa-footer-bg:      #eeeeee;  /* gray footer band */
  --toa-footer-inner:   #ffffff;  /* white inset under social icons */
  --toa-ink:            #172630;  /* near-black, all body + headings */
  --toa-muted:          #2d2d2d;  /* footer copy */
  --toa-muted-soft:     #767676;  /* "Powered by beehiiv" caption */
  --toa-accent:         #204f72;  /* link color + accent rule + lead-card border */
  --toa-rule:           #204f72;
  --toa-radius-card:    15px;
  --toa-radius-pill:    999px;
  --toa-container-w:    670px;

  /* Category palette — Beehiiv-final (kept in sync with Newsletter Dept Agent 7
     "Beehiiv Draft Update" palette table; Beehiiv's rendered post is the
     source of truth). */
  --toa-pill-diag-bg:   #EEE8F5;  /* Diagnostics */
  --toa-pill-diag-fg:   #5F4A8A;
  --toa-pill-diag-bd:   #B9A9D4;
  --toa-pill-meds-bg:   #E7F2EA;  /* Medication */
  --toa-pill-meds-fg:   #2F6B43;
  --toa-pill-meds-bd:   #9FC3A9;
  --toa-pill-pubh-bg:   #F3E5DF;  /* Public Health */
  --toa-pill-pubh-fg:   #8A4E3B;
  --toa-pill-pubh-bd:   #D1A493;
  --toa-pill-epi-bg:    #F5ECC7;  /* Epidemiology - muted yellow */
  --toa-pill-epi-fg:    #665A1E;
  --toa-pill-epi-bd:    #D5C477;
  --toa-pill-surg-bg:   #E2EDF5;  /* Surgery */
  --toa-pill-surg-fg:   #204F72;
  --toa-pill-surg-bd:   #84A9C4;
  --toa-pill-laser-bg:  #F8E9D2;  /* Laser */
  --toa-pill-laser-fg:  #9A5A12;
  --toa-pill-laser-bd:  #D8B07A;
  --toa-pill-ai-bg:     #E4F2F1;  /* Artificial Intelligence (alias: AI) */
  --toa-pill-ai-fg:     #2B6E6A;
  --toa-pill-ai-bd:     #94C3BF;
  --toa-pill-nutr-bg:   #F3E5DF;  /* Nutrition — shares bg with Public Health, distinct fg */
  --toa-pill-nutr-fg:   #7A2A3E;
  --toa-pill-nutr-bd:   #B6878E;

  display: block;
  max-width: var(--toa-container-w);
  width: 100%;
  margin: 0 auto;
  background: var(--toa-card-bg);
  color: var(--toa-ink);
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.toa-issue * { box-sizing: border-box; }

/* Headings — Beehiiv exact metrics (Georgia serif, 700 weight on h1/h2). */
.toa-issue h1,
.toa-issue h2,
.toa-issue h4,
.toa-issue h5,
.toa-issue h6 {
  font-family: "Georgia", "Times New Roman", serif;
  color: var(--toa-ink);
  margin: 0;
}
.toa-issue h1 { font-weight: 700; font-size: 32px; line-height: 1.75; }
.toa-issue h2 { font-weight: 700; font-size: 26px; line-height: 1.5; padding: 10px 0; }
.toa-issue h3 { font-family: "Helvetica", Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.25; padding: 14px 0; color: var(--toa-ink); margin: 0; }
.toa-issue h4 { font-weight: 400; font-size: 18px; line-height: 1.125; padding: 16px 0 4px; }
.toa-issue h5 { font-weight: 400; font-size: 16px; line-height: 1; padding: 16px 0 4px; }
.toa-issue h6 { font-weight: 400; font-size: 14px; line-height: 0.875; padding: 16px 0 4px; }

.toa-issue p {
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--toa-ink);
  margin: 0;
  padding: 12px 0;
}

.toa-issue ul,
.toa-issue ol {
  font-family: "Helvetica", Arial, sans-serif;
  margin: 10px 0 10px 25px;
  padding: 0;
  color: var(--toa-ink);
  line-height: 24px;
  list-style: disc;
  font-size: 16px;
}
.toa-issue ol { list-style: decimal; }
/* li margin tuned to Beehiiv (~14px between bullets); was 10px, bumped to match the
   visual breathing room of Beehiiv's rendered AT A GLANCE list. */
.toa-issue li { margin: 14px 0 0 0; padding: 0; }
.toa-issue li > p { font-size: 16px; font-weight: 400; line-height: 24px; padding: 0; margin: 0; }

.toa-issue a {
  color: var(--toa-accent);
  text-decoration: underline;
  text-decoration-color: var(--toa-accent);
  font-weight: bold;
  word-break: break-word;
}
.toa-issue h1 a,
.toa-issue h2 a,
.toa-issue h3 a,
.toa-issue h4 a,
.toa-issue h5 a,
.toa-issue h6 a {
  text-decoration: underline;
  color: var(--toa-accent);
  font-weight: bold;
}

.toa-issue strong,
.toa-issue b { font-weight: bold; color: var(--toa-ink); }

/* Outer page surround — drawn under the card so it shows on the sides.
   Apply this on a parent wrapper (.toa-issue-page) when standalone. */
.toa-issue-page {
  background: #f4f0e7;
  padding: 0;
  margin: 0;
  min-height: 100vh;
}

/* --------------------------------------------------------------------------
   Top date row — right-aligned, 12px muted text
   -------------------------------------------------------------------------- */
.toa-issue__topbar {
  padding: 30px 30px 0;
  text-align: right;
}
.toa-issue__topbar p {
  font-size: 12px;
  line-height: 15px;
  color: var(--toa-ink);
  padding: 0;
  margin: 0;
}
.toa-issue__topbar a {
  color: var(--toa-ink);
  text-decoration: underline;
  font-weight: normal;
}

/* --------------------------------------------------------------------------
   Logo
   -------------------------------------------------------------------------- */
.toa-issue__brand {
  text-align: center;
  padding: 10px 20px;
}
.toa-issue__brand img {
  display: block;
  width: 100%;
  max-width: 378px;
  height: auto;
  margin: 0 auto;
  border: 0;
}
.toa-issue__brand a { display: inline-block; text-decoration: none; }

/* --------------------------------------------------------------------------
   Heavy 3px accent rule, used between every section
   -------------------------------------------------------------------------- */
.toa-issue__rule {
  border: 0;
  border-top: 3px solid var(--toa-rule);
  width: 95%;
  margin: 0 auto;
  height: 0;
  display: block;
}
.toa-issue__rule-wrap {
  /* Tuned to Beehiiv spacing — gives ~6px breathing room above + below each rule. */
  padding: 6px 0;
}

/* --------------------------------------------------------------------------
   Sub-head under the logo — "Four articles. Four minutes. | Issue #1"
   Beehiiv: Georgia 16px regular, centered, 20px side padding.
   Selectors are class-only (no tag prefix) so the rule applies whether the
   element is <h5> (email/standalone) or <p> (web-wrapped, demoted for valid
   page heading hierarchy). Specificity 0,0,2,0 still wins over the generic
   `.toa-issue p` (0,0,1,1) and `.toa-issue h5` (0,0,1,1) rules.
   -------------------------------------------------------------------------- */
.toa-issue .toa-issue__subhead {
  text-align: center;
  padding: 0 20px;
  font-family: "Georgia", "Times New Roman", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--toa-ink);
  margin: 0;
}

/* --------------------------------------------------------------------------
   Section banner — rounded navy pill containing the section label.
   AT A GLANCE / STUDY OF THE WEEK / 3 QUICK HIGHLIGHTS / IN THE NEWS / TRIVIA
   Beehiiv: bg #204F72, border-radius 20px, full-width minus 20px side gutters,
   centered Lora serif 20px bold off-white text.
   Selector is class-only so the rule works whether the element is <h4>
   (email/standalone) or <h2> (web-wrapped, promoted for valid page heading
   hierarchy: h1 page-intro > h2 banner > h3 lead study title).
   -------------------------------------------------------------------------- */
.toa-issue__section-banner-wrap {
  /* Side gutters of 20px; 20px breathing room above/below to mirror Beehiiv. */
  padding: 20px 20px;
}
.toa-issue__section-banner {
  background: var(--toa-accent);
  border-radius: 20px;
  text-align: center;
  padding: 0;
  margin: 0;
}
.toa-issue .toa-issue__section-label {
  /* White-on-navy section title inside the banner pill. */
  text-align: center;
  padding: 12px 20px;
  font-family: "Lora", Palatino, "Book Antiqua", Georgia, serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.125;
  color: #FFFDF8;
  margin: 0;
}

/* Backwards-compat — old read-time h5 (no longer used in the skeleton). */
.toa-issue h5.toa-issue__readtime {
  text-align: center;
  padding: 24px 20px 12px;
  font-weight: 400;
  margin: 0;
}

/* --------------------------------------------------------------------------
   AT A GLANCE — bulleted list with highlight-style pills inline
   -------------------------------------------------------------------------- */
.toa-issue__glance-wrap {
  padding: 10px 30px;
}
.toa-issue__glance {
  list-style: disc;
  margin: 10px 0 10px 0;
  padding: 0;
}
.toa-issue__glance li {
  list-style: disc;
  margin-left: 18px;
  padding: 0;
}
.toa-issue__glance li p { padding: 0; }

/* Highlight-style pill (used in AT A GLANCE and Quick Highlights) — just a
   colored background span around bold colored text. NO padding/border/radius,
   matching Beehiiv exactly. */
.toa-issue__hl {
  background-color: var(--toa-pill-diag-bg);
  color: var(--toa-pill-diag-fg);
  font-weight: bold;
}
.toa-issue__hl--diagnostics              { background-color: var(--toa-pill-diag-bg);  color: var(--toa-pill-diag-fg); }
.toa-issue__hl--medication               { background-color: var(--toa-pill-meds-bg);  color: var(--toa-pill-meds-fg); }
.toa-issue__hl--public-health            { background-color: var(--toa-pill-pubh-bg);  color: var(--toa-pill-pubh-fg); }
.toa-issue__hl--epidemiology             { background-color: var(--toa-pill-epi-bg);   color: var(--toa-pill-epi-fg); }
.toa-issue__hl--surgery                  { background-color: var(--toa-pill-surg-bg);  color: var(--toa-pill-surg-fg); }
.toa-issue__hl--laser                    { background-color: var(--toa-pill-laser-bg); color: var(--toa-pill-laser-fg); }
.toa-issue__hl--ai,
.toa-issue__hl--artificial-intelligence  { background-color: var(--toa-pill-ai-bg);    color: var(--toa-pill-ai-fg); }
.toa-issue__hl--nutrition                { background-color: var(--toa-pill-nutr-bg);  color: var(--toa-pill-nutr-fg); }

/* --------------------------------------------------------------------------
   Study of the Week card — 2px accent border, 15px radius, transparent bg, padded
   -------------------------------------------------------------------------- */
.toa-issue__lead-wrap { padding: 10px; }
.toa-issue__lead-card {
  background: transparent;
  border: 2px solid var(--toa-accent);
  border-radius: var(--toa-radius-card);
  padding: 10px;
  margin: 0;
}
.toa-issue__lead-card-pillrow { padding: 4px 20px; }

/* Rounded pill — only inside the lead study card. */
.toa-issue__pill {
  display: inline-block;
  padding: 4px 10px;
  border-radius: var(--toa-radius-pill);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  background: var(--toa-pill-diag-bg);
  color: var(--toa-pill-diag-fg);
  border: 1px solid var(--toa-pill-diag-bd);
  font-family: Arial, sans-serif;
}
.toa-issue__pill--diagnostics              { background: var(--toa-pill-diag-bg);  color: var(--toa-pill-diag-fg);  border-color: var(--toa-pill-diag-bd); }
.toa-issue__pill--medication               { background: var(--toa-pill-meds-bg);  color: var(--toa-pill-meds-fg);  border-color: var(--toa-pill-meds-bd); }
.toa-issue__pill--public-health            { background: var(--toa-pill-pubh-bg);  color: var(--toa-pill-pubh-fg);  border-color: var(--toa-pill-pubh-bd); }
.toa-issue__pill--epidemiology             { background: var(--toa-pill-epi-bg);   color: var(--toa-pill-epi-fg);   border-color: var(--toa-pill-epi-bd); }
.toa-issue__pill--surgery                  { background: var(--toa-pill-surg-bg);  color: var(--toa-pill-surg-fg);  border-color: var(--toa-pill-surg-bd); }
.toa-issue__pill--laser                    { background: var(--toa-pill-laser-bg); color: var(--toa-pill-laser-fg); border-color: var(--toa-pill-laser-bd); }
.toa-issue__pill--ai,
.toa-issue__pill--artificial-intelligence  { background: var(--toa-pill-ai-bg);    color: var(--toa-pill-ai-fg);    border-color: var(--toa-pill-ai-bd); }
.toa-issue__pill--nutrition                { background: var(--toa-pill-nutr-bg);  color: var(--toa-pill-nutr-fg);  border-color: var(--toa-pill-nutr-bd); }

/* Lead study title — Beehiiv now uses H3 Helvetica 18px (bold via <b>),
   replacing the prior H2 Georgia 26px treatment. */
.toa-issue__lead-card h3.toa-issue__study-title {
  padding: 0 20px;
  margin: 0;
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: 400;          /* the <b> wrap inside provides bold weight */
  font-size: 18px;
  line-height: 1.25;
  text-align: left;
  text-wrap: wrap;
  color: var(--toa-ink);
}
.toa-issue__lead-card h3.toa-issue__study-title a {
  color: var(--toa-accent);
  text-decoration: underline;
  font-weight: bold;
}
.toa-issue__lead-card .toa-issue__study-meta,
.toa-issue__lead-card .toa-issue__study-block {
  padding: 0 20px;
  text-align: left;
  word-break: break-word;
  margin: 0;
}
.toa-issue__lead-card .toa-issue__study-meta { padding-top: 12px; padding-bottom: 12px; }
.toa-issue__lead-card .toa-issue__study-block { padding-top: 12px; padding-bottom: 12px; }

/* --------------------------------------------------------------------------
   "Our Angle" callout — category-tinted box with 2px left border.
   Mirrors Beehiiv's new framing of the editorial Our Angle text.
   The category modifier matches the lead-study category pill.
   -------------------------------------------------------------------------- */
.toa-issue__angle-callout {
  margin: 12px 24px;
  padding: 7px 12px;
  border-style: solid;
  border-width: 0 0 0 2px;
  border-radius: 0;
}
.toa-issue__angle-callout p {
  padding: 0;
  margin: 0;
  text-align: left;
  word-break: break-word;
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
.toa-issue__angle-callout--diagnostics              { background: var(--toa-pill-diag-bg);  border-color: var(--toa-pill-diag-bd); }
.toa-issue__angle-callout--medication               { background: var(--toa-pill-meds-bg);  border-color: var(--toa-pill-meds-bd); }
.toa-issue__angle-callout--public-health            { background: var(--toa-pill-pubh-bg);  border-color: var(--toa-pill-pubh-bd); }
.toa-issue__angle-callout--epidemiology             { background: var(--toa-pill-epi-bg);   border-color: var(--toa-pill-epi-bd); }
.toa-issue__angle-callout--surgery                  { background: var(--toa-pill-surg-bg);  border-color: var(--toa-pill-surg-bd); }
.toa-issue__angle-callout--laser                    { background: var(--toa-pill-laser-bg); border-color: var(--toa-pill-laser-bd); }
.toa-issue__angle-callout--ai,
.toa-issue__angle-callout--artificial-intelligence  { background: var(--toa-pill-ai-bg);    border-color: var(--toa-pill-ai-bd); }
.toa-issue__angle-callout--nutrition                { background: var(--toa-pill-nutr-bg);  border-color: var(--toa-pill-nutr-bd); }

/* Image inside the lead card */
.toa-issue__lead-figure {
  text-align: center;
  padding: 10px 20px;
  margin: 0;
}
.toa-issue__lead-figure img {
  display: block;
  width: 100%;
  max-width: 590px;
  height: auto;
  margin: 0 auto;
  border: 0;
}

.toa-issue__lead-card .toa-issue__study-link { padding: 0 20px; padding-top: 12px; padding-bottom: 12px; }
.toa-issue__lead-card .toa-issue__study-link a { text-decoration: underline; font-weight: bold; }

.toa-issue__lead-card-spacer { height: 10px; line-height: 1px; font-size: 1px; }

/* --------------------------------------------------------------------------
   Quick highlights — flowing paragraphs (matches Beehiiv: 2 <p> elements,
   highlight pills inline, line breaks between highlights)
   -------------------------------------------------------------------------- */
.toa-issue__quick {
  margin: 0;
  padding: 0;
}
.toa-issue__quick p {
  padding: 0 20px;
  text-align: left;
  word-break: break-word;
  padding-top: 12px;
  padding-bottom: 12px;
}
.toa-issue__quick p a { color: var(--toa-accent); text-decoration: underline; font-weight: bold; }

/* --------------------------------------------------------------------------
   News list — bulleted <ul> matching Beehiiv's <ul><li><p>...</p></li></ul>
   structure (mirrors AT A GLANCE bullet treatment).
   -------------------------------------------------------------------------- */
.toa-issue__news-wrap {
  padding: 10px 30px;
}
ul.toa-issue__news {
  list-style: disc;
  margin: 10px 0;
  padding: 0;
}
ul.toa-issue__news li {
  list-style: disc;
  margin-left: 18px;
  padding: 0;
}
ul.toa-issue__news li p {
  padding: 0;
  margin: 0;
  text-align: left;
  word-break: break-word;
}
ul.toa-issue__news li + li {
  margin-top: 14px;     /* mirrors AT A GLANCE inter-bullet breathing room */
}

/* --------------------------------------------------------------------------
   Trivia
   -------------------------------------------------------------------------- */
.toa-issue__trivia p {
  padding: 0 20px;
  text-align: left;
  word-break: break-word;
  padding-top: 12px;
  padding-bottom: 12px;
}
.toa-issue__trivia-defer p { font-style: italic; }

/* --------------------------------------------------------------------------
   Forward / Reply + About + Trivia answer (all flowing paragraphs)
   .toa-issue__forward is deprecated for new issues (replaced by
   .toa-issue__subscribe + .toa-issue__credits) but preserved here so older
   archived issues that link to this CSS still render correctly.
   -------------------------------------------------------------------------- */
.toa-issue__forward p,
.toa-issue__answer p {
  padding: 0 20px;
  text-align: left;
  word-break: break-word;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* --------------------------------------------------------------------------
   Subscribe block — website-only, replaces FORWARD/REPLY on the website
   fragment (Beehiiv email keeps FORWARD/REPLY). Embeds the same Beehiiv-
   hosted form used on theopenangle.com homepage + /subscribe page
   (publication 134adda9-a817-4fe9-819d-0f1a962c2d56).
   -------------------------------------------------------------------------- */
.toa-issue__subscribe {
  padding: 24px 30px 12px;
  text-align: center;
}
/* Class-only selector: works whether element is <h5> (email/standalone) or
   <h2> (web-wrapped, promoted for valid page heading hierarchy). */
.toa-issue .toa-issue__subscribe-heading {
  font-family: "Georgia", "Times New Roman", serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
  color: var(--toa-ink);
  margin: 0;
  padding: 0 0 8px;
  text-align: center;
}
.toa-issue__subscribe-desc {
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: var(--toa-ink);
  text-align: center;
  margin: 0 auto;
  padding: 0 0 16px;
  /* `text-wrap: balance` evenly distributes wrapped lines so the desc never
     looks lopsided (e.g. an orphan word on its own line). max-width widened
     to 600px so the first sentence has room to fit on one line at desktop
     widths; on narrower viewports the balanced wrap kicks in. */
  max-width: 600px;
  text-wrap: balance;
  overflow-wrap: break-word;
}
.toa-issue__subscribe .beehiiv-embed-wrapper {
  margin: 8px auto 0;
  text-align: center;
  width: 400px;
  max-width: 100%;
}
.toa-issue__subscribe .beehiiv-embed-wrapper iframe {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: 49px;
  border: none;
  background-color: transparent;
  margin: 0 auto;
}

/* Privacy line below the subscribe iframe — nested inside .beehiiv-embed-wrapper
   so it inherits the 400px width and stacks flush under the Subscribe button. */
.toa-issue__subscribe .beehiiv-embed-wrapper .subscribe-privacy {
  margin: 0.9rem 0 0;
  font-size: 0.82rem;
  color: var(--toa-muted-soft);
  line-height: 1.55;
  text-align: center;
}
.toa-issue__subscribe .beehiiv-embed-wrapper .subscribe-privacy a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.toa-issue__subscribe .beehiiv-embed-wrapper .subscribe-privacy a:hover {
  color: var(--toa-accent);
}

/* Editor credits + disclaimer (no longer wrapped in __forward). */
.toa-issue__credits p {
  padding: 12px 20px;
  text-align: left;
  word-break: break-word;
  margin: 0;
}

/* --------------------------------------------------------------------------
   Footer band — gray outer, white inner with social icons + copyright + addr
   -------------------------------------------------------------------------- */
.toa-issue__footer {
  background: var(--toa-footer-bg);
  padding: 0;
  margin: 0;
}
.toa-issue__footer-social {
  background: var(--toa-footer-inner);
  padding: 12px;
  text-align: center;
}
.toa-issue__footer-social a {
  display: inline-block;
  margin: 0 18px;
  text-decoration: none;
  border: 0;
}
.toa-issue__footer-social img {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  border: 0;
}
.toa-issue__footer-meta {
  padding: 8px 8px 16px;
  text-align: center;
}
.toa-issue__footer-meta p {
  font-family: "Helvetica", Arial, sans-serif;
  color: var(--toa-muted);
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  padding: 2px 0;
  margin: 0;
}
.toa-issue__footer-meta p a {
  color: var(--toa-muted);
  text-decoration: underline;
  font-weight: normal;
}

/* --------------------------------------------------------------------------
   Responsive — phone widths
   -------------------------------------------------------------------------- */
@media (max-width: 700px) {
  .toa-issue {
    width: 100% !important;
    max-width: 100%;
  }
  .toa-issue__topbar { padding: 20px 16px 0; }
  .toa-issue__brand { padding: 8px 12px; }
  .toa-issue__subhead,
  .toa-issue__readtime,
  .toa-issue__lead-card h3.toa-issue__study-title,
  .toa-issue__lead-card h2,
  .toa-issue__lead-card .toa-issue__study-meta,
  .toa-issue__lead-card .toa-issue__study-block,
  .toa-issue__lead-card .toa-issue__study-link,
  .toa-issue__quick p,
  .toa-issue__trivia p,
  .toa-issue__forward p,
  .toa-issue__answer p {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .toa-issue__news-wrap { padding: 10px 16px; }
  ul.toa-issue__news li { margin-left: 14px; }
  .toa-issue__section-banner-wrap { padding: 16px !important; }
  .toa-issue .toa-issue__section-label { padding: 10px 16px !important; font-size: 18px; }
  .toa-issue__lead-figure { padding-left: 16px; padding-right: 16px; }
  .toa-issue__glance-wrap { padding: 10px 16px; }
  .toa-issue__glance li { margin-left: 14px; }
  .toa-issue__angle-callout { margin: 12px 16px; }
  .toa-issue__subscribe { padding-left: 16px !important; padding-right: 16px !important; }
  .toa-issue__subscribe .beehiiv-embed-wrapper {
    width: 100% !important;
    max-width: 400px;
  }
  .toa-issue__credits p { padding-left: 16px !important; padding-right: 16px !important; }
}