/* Scheme B: a compact invitation at the end of the reading area. */
body.rv-publication .gh-home-container > .gh-newsletter-section.rv-subscribe {
    container: home-subscribe / inline-size;
    padding: clamp(1.25rem, 1rem + .75vw, 1.75rem);
    border: 0;
    border-radius: .75rem;
    background: var(--rv-soft, #f1f1fe);
    color: var(--rv-ink, #313131);
}
.rv-subscribe-inner {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
}
.rv-subscribe-mark {
    display: grid;
    place-items: center;
    color: var(--rv-primary, #005fe7);
}
.rv-subscribe-mark svg { display: block; inline-size: 3rem; block-size: 3rem; }
.rv-subscribe-copy { min-inline-size: 0; }
body.rv-publication .rv-subscribe .gh-newsletter-title {
    margin: 0;
    font-size: var(--rv-text-section, 1.5rem);
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -.025em;
    text-align: start;
    text-wrap: balance;
}
.rv-subscribe-description {
    margin: .5rem 0 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: start;
    color: var(--rv-ink, #313131);
}
.rv-subscribe-action {
    grid-column: 1 / -1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-block-size: 3rem;
    padding: .75rem 1.75rem;
    border: 1px solid transparent;
    border-radius: .375rem;
    background: var(--rv-primary, #005fe7);
    color: var(--rv-on-primary, #fff);
    font: 650 1rem/1.4 var(--rv-font, sans-serif);
    text-decoration: none;
    text-align: center;
    overflow-wrap: anywhere;
}
.rv-subscribe-action:hover { background: var(--rv-primary-hover, #004ed1); color: var(--rv-on-primary, #fff); }
.rv-subscribe-action:focus-visible { outline: 3px solid var(--rv-primary, #005fe7); outline-offset: 4px; }
.rv-subscribe-zh { display: none; }
html[data-article-locale="cn"] .rv-subscribe-en,
html:not([data-article-locale])[lang^="zh"] .rv-subscribe-en { display: none; }
html[data-article-locale="cn"] .rv-subscribe-zh,
html:not([data-article-locale])[lang^="zh"] .rv-subscribe-zh { display: inline; }
/* The default stacked grid is also the fallback without container queries. */
@container home-subscribe (min-width: 42rem) {
    .rv-subscribe-inner { grid-template-columns: 4.5rem minmax(0, 1fr) auto; gap: 1.5rem; }
    .rv-subscribe-mark { align-self: stretch; padding-inline-end: 1.5rem; border-inline-end: 1px solid var(--rv-primary, #005fe7); }
    .rv-subscribe-action { grid-column: auto; min-inline-size: 10rem; }
}
@media (forced-colors: active) {
    body.rv-publication .gh-home-container > .gh-newsletter-section.rv-subscribe { border: 1px solid CanvasText; }
    .rv-subscribe-action { border-color: ButtonText; }
}