/* Basic inline styles for email client compatibility, as external stylesheets can be stripped */
    body { font-family: 'trebuchet ms', verdana, Arial, sans-serif; line-height: 1.6; color: #333; margin: 0; padding: 0; }
    .flyer { max-width: 564px; margin: 20px auto; background: #ffffff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
    h1, h2 { color: #5e290e; text-align: center; margin-top: 15px; margin-bottom: 10px; }
    h1 { font-size: 24px; }
    h2 { font-size: 20px; }
    .section { margin-bottom: 20px; padding: 0 10px; }
    .section p, .section ul, .section ol { margin-bottom: 10px; }
    a { color: #5e290e; text-decoration: none; }
    a:hover { text-decoration: underline; }
    .image-placeholder img { display: block; margin: 0 auto 20px auto; max-width: 100%; height: auto; }
    .zoom-link-container { text-align: center; margin-top: 15px; }
    .zoom-link { display: inline-block; background-color: #5e290e; color: #FFFFFF !important; padding: 10px 20px; text-decoration: none; border-radius: 5px; font-weight: bold; }
    .zoom-link:hover { background-color: tan; text-decoration: none; }
    .footer { text-align: center; margin-top: 30px; padding-top: 15px; border-top: 1px solid #eee; font-size: 0.9em; color: #666; }
    .sign { text-align: center; margin-top: 20px; font-size: 0.95em; line-height: 1.4; }
    .sign a { color: #5e290e; }
    .donate-buttons-wrapper {
        display: flex;
        justify-content: center;
        gap: 20px; /* Space between buttons */
        margin: 20px auto;
        flex-wrap: wrap; /* Allows wrapping on smaller screens */
        max-width: 350px; /* Constrain width as per original intent */
    }
    .donate-button {
        text-align: center;
        flex: 0 0 auto; /* Don't grow, don't shrink, base on content */
        width: 150px; /* Fixed width for each button */
    }
    .donate-button a {
        display: block; /* Make the whole link clickable block */
        text-decoration: none;
        color: inherit; /* Inherit color from strong tag */
    }
    .donate-button img {
        display: block; /* Remove extra space below image */
        margin: 0 auto 5px auto; /* Center image and add small margin below */
        max-width: 100%;
        height: auto;
    }
    /* Ensure text color for strong tags within links is white for buttons */
    .zoom-link strong { color: #FFFFFF !important; }

    /* Specific styles for the unsubscribe link */
    .unsubscribe-link {
        text-align: center;
        color: grey;
        font-size: 0.85em;
        margin-top: 20px;
    }
    .unsubscribe-link a {
        color: grey;
        text-decoration: underline;
    }