/* Veteran owned (partials/veteran.html): the two flags and the words, one quiet line in
   the footer, the Menu drawer and the landing page. A hairline round each flag keeps
   its white edge on a light page. */
.veteran {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0 0 var(--space-2);
}
.veteran-flag {
    display: block;
    height: 20px;
    width: auto;
    border-radius: 2px;
    box-shadow: 0 0 0 1px var(--border);
}
.veteran-text {
    margin-left: 4px;
    font-family: var(--font-title);
    font-size: var(--font-size-xs);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-secondary);
}

/* In the Menu drawer: under its links, left-aligned with them. */
.menu-section--info .veteran { justify-content: flex-start; padding: var(--space-3) var(--space-2) 0; margin: 0; }

/* On the landing page: above its links, at the sign-in panel's foot. */
.home-info .veteran { margin-bottom: var(--space-3); }