/* MFPS v4 - Scrollable results box, centered, simple light design */
.mfps-v4-root{ display:flex; justify-content:center; padding:24px 12px; box-sizing:border-box; }
.mfps-v4-inner{ width:100%; max-width:980px; background:transparent; }
.mfps-v4-heading{ text-align:center; font-size:20px; margin:0 0 12px 0; color:#0f172a; font-weight:700; }

.mfps-v4-input-wrap{ display:flex; align-items:center; gap:8px; margin-bottom:10px; }
#mfps-v4-input{ flex:1; padding:12px 14px; border-radius:8px; border:1px solid #e6edf3; font-size:15px; background:#fff; color:#0f172a; }
#mfps-v4-input:focus{ outline:none; border-color:#7c3aed; box-shadow:0 8px 24px rgba(124,58,237,0.08); }
#mfps-v4-clear{ background:transparent; border:0; font-size:18px; cursor:pointer; opacity:0.6; }

.mfps-v4-results-wrap{ max-height:400px; overflow:auto; border-radius:10px; padding:12px; background:transparent; box-shadow:0 8px 30px rgba(16,24,40,0.04); }
.mfps-v4-results{ display:flex; flex-direction:column; gap:10px; }

.mfps-v4-card{ padding:12px; border-radius:8px; border:1px solid #f1f5f9; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,0.03); transition:transform .12s ease; }
.mfps-v4-card:hover{ transform:translateY(-3px); }
.mfps-v4-card-title{ font-weight:600; font-size:15px; margin-bottom:6px; color:#0f172a; }
.mfps-v4-card-snippet{ color:#334155; font-size:14px; line-height:1.4; margin-bottom:8px; }
.mfps-v4-card-meta{ display:flex; gap:8px; align-items:center; }
.mfps-v4-open-link{ text-decoration:none; padding:6px 10px; border-radius:8px; border:1px solid #e6edf3; font-weight:600; background:#f8fafc; color:#0f172a; }

.mfps-v4-no-results{ padding:10px; color:#64748b; background:#f8fafc; border-radius:8px; }
.mfps-v4-suggestion{ padding:10px; background:#fffbeb; border-radius:8px; color:#7c4100; margin-bottom:8px; font-weight:600; }

.mfps-mark{ background:#7c3aed; color:white; padding:0 4px; border-radius:3px; }

/* scrollbar for modern browsers */
.mfps-v4-results-wrap::-webkit-scrollbar{ width:10px; }
.mfps-v4-results-wrap::-webkit-scrollbar-track{ background:transparent; }
.mfps-v4-results-wrap::-webkit-scrollbar-thumb{ background:#e6edf3; border-radius:8px; }

/* Responsive adjustments */
@media (max-width:760px){
    .mfps-v4-inner{ padding:0 12px; }
    .mfps-v4-results-wrap{ max-height:320px; padding:10px; }
    #mfps-v4-input{ padding:10px 12px; }
}
@media (max-width:420px){
    .mfps-v4-heading{ font-size:18px; }
    .mfps-v4-results-wrap{ max-height:260px; }
    .mfps-v4-card-snippet{ font-size:13px; }
}