/* ==========================================================================
   Newsletter — page layer for /newsletter (.nwl) and /newsletter/<slug> (.nwi), loaded after brand/hub.css.
   Section styles: assets/css/newsletter/<id>.css (landing) · issue.css (the issue page) · signup.css (the form both
   share, plus the restyled result pages). Tokens from core.css only; no new colours, no gradients except mask fades,
   no !important. Fonts: var(--f-h) headings · var(--f) labels, figures, readouts · var(--f-b) reading.
   ========================================================================== */

.nwl,.nwi{--nws-rule:1px solid var(--ink)}

/* the masthead wordmark: the newsletter's name set in Outfit, never an image */
.nws-word{font-family:var(--f-h);font-weight:500;letter-spacing:-.02em;color:var(--ink);line-height:1}

/* breadcrumb (landing and issue) */
.nws-crumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;font-size:var(--t-sm);color:var(--muted)}
.nws-crumb li{display:inline-flex;align-items:center}
.nws-crumb li+li::before{content:"/";margin-inline:10px;color:var(--ghost)}
.nws-crumb a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:4px;transition:color var(--d1) var(--e-io)}
.nws-crumb a:hover{color:var(--ink);text-decoration-color:var(--ink)}
.nws-crumb [aria-current]{color:var(--ink)}
@media (max-width:680px){
  .nws-crumb a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
}

/* mono kicker used for topics and story numbers */
.nws-kick{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1.2}

/* search-term highlight in the archive */
.nwl mark,.nwi mark{background:var(--blue-wash-2);color:var(--ink);border-radius:3px;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* the honeypot: off screen for people, present for bots */
.nws-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}