.archive-header-links { display: flex; align-items: center; gap: clamp(22px, 3vw, 42px); }
.archive-header-links > * { white-space: nowrap; }
[data-subscription-open][hidden] { display: none; }
.archive-subscription-nav { display: inline-flex; align-items: center; gap: 12px; padding: 0; border: 0; background: transparent; color: var(--paper); font-size: .72rem; letter-spacing: .1em; cursor: pointer; }
.archive-subscription-nav span { color: var(--red); }
.archive-subscription-nav:focus-visible, .archive-subscription-close:focus-visible { outline: 2px solid var(--red); outline-offset: 5px; }
[data-subscription-bottom] { height: 1px; }
.archive-subscription-dialog { width: min(430px, calc(100vw - 40px)); max-height: calc(100svh - 40px); margin: auto; padding: 32px; border: 0; background: var(--paper); color: var(--ink); box-shadow: 0 18px 65px rgba(0,0,0,.22); overflow-y: auto; }
.archive-subscription-dialog::backdrop { background: rgba(0,0,0,.2); }
.archive-subscription-dialog > p { margin: 0 0 16px; font-size: .91rem; line-height: 1.6; }
.archive-subscription-dialog .archive-subscription-eyebrow { padding-right: 22px; margin-bottom: 22px; color: var(--red); font-size: .61rem; letter-spacing: .1em; }
.archive-subscription-dialog h2 { margin: 0 0 18px; font-family: "Newsreader", Georgia, serif; font-size: 2.9rem; font-weight: 400; line-height: 1; letter-spacing: -.04em; }
.archive-subscription-dialog .archive-subscription-opening { font-family: "Newsreader", Georgia, serif; font-size: 1.18rem; font-style: italic; }
.archive-subscription-close { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border: 0; background: transparent; color: var(--ink); font-size: 1.5rem; cursor: pointer; }
.archive-subscription-preview-fields { margin: 22px 0 18px; }
.archive-subscription-preview-fields label { display: block; font-size: .73rem; margin-bottom: 8px; }
.archive-subscription-preview-fields input { box-sizing: border-box; width: 100%; padding: 12px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--ink); font: inherit; font-size: .85rem; opacity: .65; }
.archive-subscription-preview-fields button { margin-top: 20px; border: 0; padding: 0 0 5px; border-bottom: 1px solid var(--red); background: transparent; color: var(--red); font-size: .7rem; letter-spacing: .1em; opacity: .65; }
.archive-subscription-dialog .archive-subscription-footer { color: #625d56; font-size: .72rem; }
.archive-subscription-dialog .archive-subscription-preview-note { margin-bottom: 0; color: #625d56; font-size: .72rem; line-height: 1.5; }
@media (max-width: 620px) {
  .archive-header-links { flex-direction: column; align-items: flex-end; gap: 10px; max-width: calc(100% - 96px); }
  .archive-subscription-nav { font-size: .62rem; white-space: normal; text-align: right; }
  .archive-subscription-dialog { width: calc(100vw - 32px); max-height: calc(100svh - 32px); margin: auto; padding: 28px; }
}