/* Shared action hierarchy. Add gage-button plus one variant.
   Primary: commit/proceed. Secondary: alternate action. Tertiary: utility/cancel. */
.gage-button.gage-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 40px;
    box-sizing: border-box;
    padding: 9px 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s, border-color .15s, color .15s;
}
.gage-button.gage-button--primary { background: #1c303a; border-color: #1c303a; color: #fff; }
.gage-button.gage-button--secondary { background: #fff; border-color: #526e7b; color: #29424d; }
.gage-button.gage-button--tertiary { background: transparent; border-color: transparent; color: #216b82; }
.gage-button.gage-button--primary:hover:not(:disabled) { background: #294b5b; border-color: #294b5b; }
.gage-button.gage-button--secondary:hover:not(:disabled) { background: #edf3f4; border-color: #216b82; }
.gage-button.gage-button--tertiary:hover:not(:disabled) { background: #edf3f4; color: #174e60; text-decoration: underline; text-underline-offset: 3px; }
.gage-button.gage-button:focus-visible { outline: 3px solid #f45b30; outline-offset: 3px; }
.gage-button.gage-button:disabled { opacity: .45; cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) { .gage-button.gage-button { transition: none; } }