/* The weekly email sign-up (T-0832, T-0956). This style sheet is linked only by pages that have the sign-up box or the unsubscribe page,
   and only in a build with the weekly email switched on, so the default build's pages and style sheet are the same as without it. */
.hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; } /* for programs: a person never sees or fills it */
.turnstile-box { min-height: 0; flex-basis: 100%; }
@media (max-width: 760px) { .form-row .input { flex: none; } } /* a later rule gave the field a 220px basis, which is a height in a column */

/* the chosen box: three repos of the next issue above the field */
.nl-lead { font-size: 14px; color: var(--text-2); margin: 0 0 12px; }
.nl-mini { list-style: none; margin: 0 0 12px; padding: 0; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.nl-mini li { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 8px; padding: 9px 10px; align-items: baseline; font-size: 14px; }
.nl-mini li + li { border-top: 1px solid var(--line); }
.nl-mini .n { font-family: var(--font-mono); color: var(--text-3); font-size: 12px; }
.nl-mini .nm { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 450; color: var(--text-2); }
.nl-mini .nm b { font-weight: 600; color: var(--text); }
.nl-mini .g { font-family: var(--font-mono); font-weight: 600; color: var(--accent-text); font-size: 13px; }
.nl-mini .more { grid-column: 1 / -1; font-size: 12px; color: var(--text-3); font-family: var(--font-mono); }
.nl-src { font-size: 12px; color: var(--text-3); margin: 0 0 12px; font-family: var(--font-mono); }
.nl-page-preview { max-width: 520px; margin-top: 24px; }
.nl-page-preview .nl-mini { margin-bottom: 8px; }
.nl-page-preview + .form-row { margin-top: 16px; }