/* =========================================================
   submit-article.css — "Write for Us" page
   Builds on about.css + contact.css (hero, section, form fields) —
   this file only covers what's unique: the optional-field tag,
   the select dropdown, and the larger draft textarea.
   ========================================================= */

.contact-form__optional {
    font-weight: 400;
    font-size: 0.72rem;
    color: #6b7a8f;
    text-transform: none;
    letter-spacing: 0;
}

select.contact-form__input {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23020e38' stroke-width='1.6' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.9rem center;
    padding-right: 2.2rem;
    cursor: pointer;
}

.contact-form__input--large {
    min-height: 280px;
}

.submit-note {
    background: linear-gradient(160deg, #d4e4f5, #c4d5eb);
    border: 2px solid #020e38;
    border-radius: 10px;
    padding: 0.9rem 1.1rem;
    margin-top: 1.2rem;
    font-family: 'Exo 2', sans-serif;
    font-size: 0.88rem;
    color: #020e38;
    line-height: 1.65;
}

@media (max-width: 480px) {
    .contact-form__input--large { min-height: 200px; }
    .contact-form__optional     { display: block; font-size: 0.66rem; }
}