/* A paper insert using the same serif type and terracotta as the blog. */
.post-subscription {
    margin: 2rem 0;
    padding: 1.5rem 1.7rem;
    border: 1px solid var(--subtle-border);
    border-left: 4px solid var(--accent);
    border-radius: 8px;
    background: linear-gradient(120deg, #fbf5f1, var(--paper));
}
.post-subscription p { margin: 0 0 .75rem; }
.post-subscription .post-subscription-heading {
    font-family: 'DM Serif Display', serif;
    font-size: 1.5rem;
    color: var(--heading);
}
a.post-subscription-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    max-width: 100%;
    padding: .8rem 1.2rem;
    color: #fffefc;
    background: var(--link);
    border: 1px solid var(--link);
    border-radius: 5px;
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
    text-decoration: none;
}
a.post-subscription-button:hover { background: var(--link-dark); color: #fffefc; text-decoration: none; }
a.post-subscription-button:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.post-subscription .post-subscription-note { margin: .8rem 0 0; color: var(--muted); font-size: .85rem; }
.post-subscription-note a { text-decoration: underline; }
@media (max-width: 540px) {
    .post-subscription { padding: 1.2rem; }
    a.post-subscription-button { width: 100%; }
}