/* LiveMapChat feature polish — retain artwork, copy and destination links. */
#livemapchat-showcase { background: #FFF; padding: 48px 0; scroll-margin-top: 90px; }
#livemapchat-showcase .mf-livemap-showcase-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); align-items: center; gap: 48px; background: #F4F8FF; border: 1px solid #E0EAF8; border-radius: 28px; padding: 40px; box-shadow: 0 8px 28px rgba(6,43,111,.04); }
#livemapchat-showcase .mf-livemap-content { min-width: 0; }
#livemapchat-showcase .mf-badge-livemap { font-size: 11px; background: #E3EEFF; color: #003DA5; padding: 7px 12px; margin-bottom: 18px; }
#livemapchat-showcase .mf-pulse-dot { background: #003DA5; animation: none; box-shadow: 0 0 0 4px #D1E3FF; }
#livemapchat-showcase .mf-section-title { font-size: clamp(28px,2.7vw,38px); line-height: 1.35; letter-spacing: -.4px; color: #092551; margin: 0 0 18px; }
#livemapchat-showcase .mf-brand-text { font-size: .85em !important; color: #003DA5; }
#livemapchat-showcase .mf-highlight-blue { color: #003DA5; }
#livemapchat-showcase .mf-section-subtitle { font-size: 14px; line-height: 1.8; color: #64748B; margin-bottom: 22px; }
#livemapchat-showcase .mf-feature-checklist { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 0 0 24px; padding: 0; list-style: none; }
#livemapchat-showcase .mf-checklist-item { display: flex; gap: 9px; align-items: flex-start; margin: 0; padding: 12px; border-radius: 12px; background: #FFF; border: 1px solid #E3ECF8; font-size: 13px; font-weight: 600; line-height: 1.65; color: #092551; }
#livemapchat-showcase .mf-check-icon { width: 22px; height: 22px; flex: 0 0 22px; font-size: 13px; background: #FFC400; color: #092551; margin-top: 1px; }
#livemapchat-showcase .mf-livemap-cta-group { display: flex; flex-wrap: wrap; gap: 10px; }
#livemapchat-showcase .mf-livemap-cta-group .mf-btn { min-height: 48px; font-size: 13px; padding: 12px 16px; border-radius: 12px; border-width: 1px; }
#livemapchat-showcase .mf-livemap-cta-group .mf-btn-primary { background: #FFC400; color: #092551; border-color: #FFC400; }
#livemapchat-showcase .mf-livemap-cta-group .mf-btn-primary:hover { background: #FFD33D; }
#livemapchat-showcase .mf-livemap-cta-group .mf-btn-outline-blue { background: #FFF; border-color: #CFDDF0; color: #003DA5; }
#livemapchat-showcase .mf-feature-app-notice { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; margin-top: 16px; }
#livemapchat-showcase .mf-notice-tag { color: #003DA5; background: #E3EEFF; font-size: 10px; white-space: nowrap; }
#livemapchat-showcase .mf-notice-desc { color: #64748B; font-size: 11px; line-height: 1.6; }
#livemapchat-showcase .mf-livemap-mockup-wrapper { padding: 16px; min-width: 0; }
#livemapchat-showcase .mf-livemap-mockup-wrapper::before { inset: -8px; border-radius: 50%; background: radial-gradient(ellipse at 75% 25%,rgba(255,196,0,.18),transparent 60%),radial-gradient(ellipse at 25% 75%,rgba(0,61,165,.12),transparent 65%); }
#livemapchat-showcase .mf-livemap-mockup-wrapper::after { display: none; }
#livemapchat-showcase .mf-livemap-artwork-link { max-width: 390px; border: 5px solid #FFF; border-radius: 24px; box-shadow: 0 16px 36px rgba(6,43,111,.16); }
#livemapchat-showcase .mf-livemap-artwork-img { border-radius: 18px; }
#livemapchat-showcase a:focus-visible { outline: 3px solid #003DA5; outline-offset: 4px; }
@media (max-width:1023px) {
 #livemapchat-showcase .mf-livemap-showcase-grid { gap: 24px; padding: 28px; }
 #livemapchat-showcase .mf-feature-checklist { grid-template-columns: minmax(0,1fr); }
 #livemapchat-showcase .mf-section-title { font-size: 30px; }
}
@media (max-width:767px) {
 #livemapchat-showcase { padding: 28px 0; }
 #livemapchat-showcase .mf-livemap-showcase-grid { grid-template-columns: minmax(0,1fr); padding: 22px 18px; border-radius: 22px; gap: 24px; }
 #livemapchat-showcase .mf-section-title { font-size: clamp(24px,6.3vw,30px); letter-spacing: 0; overflow-wrap: anywhere; }
 #livemapchat-showcase .mf-livemap-cta-group { flex-direction: column; }
 #livemapchat-showcase .mf-livemap-cta-group .mf-btn { width: 100%; box-sizing: border-box; }
 #livemapchat-showcase .mf-livemap-mockup-wrapper { padding: 8px; }
 #livemapchat-showcase .mf-livemap-artwork-link { max-width: 340px; }
}
@media (prefers-reduced-motion:reduce) { #livemapchat-showcase .mf-livemap-artwork-link { transition: none; } #livemapchat-showcase .mf-livemap-artwork-link:hover { transform: none; } }