/* ═══════════════════════════════════════════════════════
   Sticky mobile CTA
   A persistent "get in touch" bar on small screens. Hidden
   on desktop (the header/contact section already covers it
   there). Self-contained styling, same reasoning as
   cookie-consent.css - journal/ runs a separate stylesheet
   with no shared variables.
   ═══════════════════════════════════════════════════════ */
.mcta-bar {
    display: none;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 940;
    align-items: center; justify-content: space-between; gap: 0.75rem;
    background: #FFFFFF; border-top: 1px solid rgba(20,33,61,0.14);
    box-shadow: 0 -10px 26px rgba(10,20,40,0.1);
    padding: 0.7rem 1rem; padding-bottom: max(0.7rem, env(safe-area-inset-bottom));
}
.mcta-label {
    font-family: -apple-system, 'Segoe UI', Inter, sans-serif; font-size: 0.76rem;
    color: #5C6470; line-height: 1.3; min-width: 0;
}
.mcta-label strong { display: block; color: #14213D; font-size: 0.86rem; font-weight: 700; }
.mcta-btn {
    flex-shrink: 0; display: inline-flex; align-items: center; gap: 0.4rem;
    background: #14213D; color: #FFFFFF; text-decoration: none;
    font-family: -apple-system, 'Segoe UI', Inter, sans-serif; font-weight: 700; font-size: 0.78rem;
    padding: 0.65rem 1.1rem; border-radius: 4px; white-space: nowrap;
    transition: background-color 0.25s ease;
}
.mcta-btn:hover { background: #A9832E; }
.mcta-btn svg { width: 15px; height: 15px; }

@media (max-width: 480px) {
    .mcta-bar { display: flex; }
    body { padding-bottom: 66px; }
}