/*
 * The founder's signed note (views/_founder-note.php) and the terms list of the PRO card (З.Б2 Б4).
 */

.app-founder-note {
    margin: var(--space-5) 0;
}

.app-founder-note__title {
    margin: 0 0 var(--space-3);
    text-wrap: balance;
}

.app-founder-note .app-prose + .app-prose {
    margin-top: var(--space-3);
}

/* The hero stands beside the signature it "says" the words with; the row never leaves the screen. */
.app-founder-note__foot {
    display: flex;
    align-items: flex-end;
    gap: var(--space-3);
    margin-top: var(--space-4);
}

.app-founder-note__hero {
    flex: none;
    width: 56px;
    height: auto;
}

/* The same hand as the footer signature (.app-footer__signature-name). */
.app-founder-note__sign {
    margin: 0;
    color: var(--signature);
    font-family: var(--font-signature);
    font-size: var(--fs-signature);
    font-weight: var(--fw-medium);
    line-height: var(--lh-flat);
    letter-spacing: 0.02em; /* as the footer signature */
}

/* The terms under the benefits: a short list, the lead words bold. */
.app-terms {
    display: grid;
    gap: var(--space-1);
    margin: var(--space-3) 0 0;
    padding: 0;
}

.app-terms li {
    padding-left: var(--space-3);
    position: relative;
}

.app-terms li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--accent);
}

.app-terms strong {
    color: var(--text);
    font-weight: var(--fw-semibold);
}

/* The pricing page's own heading above the cards (З.Б2 Б9). */
.app-pricing__lead {
    margin: var(--space-3) 0 var(--space-4);
    color: var(--text-3);
    font-weight: var(--fw-regular);
    text-wrap: balance;
}

/* The welcome (views/_welcome-note.php): the founder's note in a card above the page, closed by its own :target link. */
.app-welcome {
    margin: 0 0 var(--space-5);
    padding: var(--space-4);
    border: 1px solid var(--border);
    border-left-width: var(--toast-bar);
    border-left-color: var(--accent);
    border-radius: var(--radius-control);
    background: var(--surface);
}

.app-welcome .app-founder-note {
    margin: 0;
}

.app-welcome__close {
    margin-top: var(--space-4);
}

.app-welcome:has(#welcome-close:target) {
    display: none;
}

/* The ready message of the empty partner cabinet: its own line above the copy button. */
.app-empty__line {
    display: block;
    margin: var(--space-3) auto;
    max-width: 40em;
    color: var(--text);
    overflow-wrap: anywhere;
}