.ledger-paper {
    background-color: #fffdfa;
    background-image: radial-gradient(#e5e7eb 0.5px, transparent 0.5px);
    background-size: 24px 24px;
    position: relative;
}

.scholarly-border {
    border-left: 1px solid rgba(27, 49, 32, 0.2);
}

.sidebar-backdrop {
    background: linear-gradient(
        160deg,
        #f5f0e8 0%,
        #efe8db 25%,
        #e8dfd0 50%,
        #f0e9dc 75%,
        #f5f0e8 100%
    );
}

.sidebar-overlay {
    background: linear-gradient(
        to bottom,
        rgba(255, 253, 250, 0.95) 0%,
        rgba(255, 253, 250, 0.85) 40%,
        rgba(255, 253, 250, 0.95) 100%
    );
}

/* Honeypot field -- hidden from real users */
.correspondence-hp {
    position: absolute;
    left: -9999px;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

/* Spinner for the submit button */
.correspondence-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: correspondence-spin 0.6s linear infinite;
}

@keyframes correspondence-spin {
    to { transform: rotate(360deg); }
}

/* Toggle button content while HTMX request is in flight */
.htmx-request .correspondence-btn-label {
    display: none;
}

.htmx-request .correspondence-btn-sending {
    display: flex;
}