.po-letters {
    position: relative;
    margin: 2.5rem 0 1rem;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--border-color, rgba(128, 128, 128, 0.35));
    border-radius: 12px;
    max-width: 40rem;
}
.po-letters__title { margin: 0 0 0.5rem; font-size: 1.4rem; font-weight: 700; line-height: 1.25; }
.po-letters-wrap--band { display: flex; justify-content: center; padding: 0 16px; }
.po-letters-wrap--band .po-letters { width: 100%; margin: 2rem auto; }
.po-letters__intro { margin: 0 0 1rem; }
.po-letters__row { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.po-letters__row input[type="email"] {
    flex: 1 1 14rem;
    min-width: 0;
    padding: 0.65rem 0.8rem;
    font: inherit;
    border: 1px solid var(--border-color, #888);
    border-radius: 8px;
    background: var(--bg-color, transparent);
    color: var(--text-color, inherit);
}
.po-letters__row button {
    padding: 0.65rem 1.1rem;
    font: inherit;
    font-weight: 600;
    border: 0;
    border-radius: 8px;
    background: var(--accent-color, #222);
    color: var(--mp-btn-text, #fff);
    cursor: pointer;
}
.po-letters__row button:hover { background: var(--accent-hover, var(--accent-color, #000)); }
.po-letters__row button[disabled] { opacity: 0.6; cursor: progress; }
.po-letters__note { margin: 0.75rem 0 0; font-size: 0.85em; opacity: 0.8; }
.po-letters__note a { color: inherit; }
.po-letters__msg { margin: 0.75rem 0 0; font-weight: 600; }
.po-letters__msg.is-error { color: #c0392b; }
.po-letters__hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Invite inside the translator's result card */
.po-letters-invite { margin: 0.75rem 0 1rem; }
.po-letters--inline { margin: 0; padding: 0.85rem 2.25rem 0.85rem 1rem; max-width: none; border-radius: 10px; }
.po-letters--inline .po-letters__intro { margin: 0 0 0.6rem; }
.po-letters--inline .po-letters__row input[type="email"] { flex-basis: 12rem; padding: 0.5rem 0.7rem; }
.po-letters--inline .po-letters__row button { padding: 0.5rem 0.9rem; }
.po-letters--inline .po-letters__note { margin-top: 0.5rem; font-size: 0.75em; }
.po-letters__close {
    position: absolute; top: 0.35rem; right: 0.45rem;
    width: 1.8rem; height: 1.8rem; padding: 0; border: 0; border-radius: 50%;
    background: transparent; color: inherit; font-size: 1.25rem; line-height: 1; cursor: pointer; opacity: 0.6;
}
.po-letters__close:hover, .po-letters__close:focus-visible { opacity: 1; }