/* ==========================================================
   Visas / Customs — page-exclusive rules
   ==========================================================
   Everything reusable (policy-wrapper/policy-section/policy-note,
   coming-soon-actions, as-cta-bar, etc.) already lives in
   common.css and is reused as-is for the guide content. The only
   genuinely new pieces are the "International Delegate Travel
   Tip" step flow and the closing "Need Help?" prompt spacing.
   Namespace: .vc-*.
   ========================================================== */

.vc-flow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 4px 0 18px;
}

.vc-flow-step {
    display: inline-flex;
    align-items: center;
    padding: 9px 16px;
    background: rgba(20, 83, 188, 0.06);
    border: 1px solid rgba(20, 83, 188, 0.15);
    border-radius: var(--radius-pill);
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-dark);
    white-space: nowrap;
}

.vc-flow-step--final {
    background: rgba(213, 16, 36, 0.06);
    border-color: rgba(213, 16, 36, 0.18);
    color: var(--brand-red);
}

.vc-flow-arrow {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    fill: none;
    stroke: var(--brand-blue);
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vc-help-links {
    text-align: center;
    margin: 0 0 50px;
}

.vc-help-links p {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-dark);
    margin: 0 0 20px;
}

@media (max-width: 600px) {
    .vc-flow-step { font-size: 0.8rem; padding: 7px 12px; }
}