.mf-availability-reminder { display:flex; align-items:center; gap:10px; max-width:1400px; margin:10px auto; padding:9px 14px; border:1px solid #28524c; border-radius:10px; background:#102526; color:#cce9e2; font-size:.85rem; line-height:1.5; }
.mf-availability-reminder[hidden] { display:none; }
.mf-availability-reminder-dot { width:7px; height:7px; flex-shrink:0; border-radius:50%; background:#59d9b0; }
.mf-availability-reminder-copy { flex:1; min-width:0; overflow-wrap:anywhere; }
.mf-availability-reminder-label { display:block; font-weight:600; }
.mf-availability-reminder-deadline { display:block; }
.mf-availability-reminder strong { margin-left:6px; color:#93efd4; font-variant-numeric:tabular-nums; white-space:nowrap; }
.mf-availability-reminder a { color:#98ebff; font-weight:600; white-space:nowrap; }
.mf-availability-reminder button { background:none; border:0; color:#cce9e2; font:inherit; font-size:1.4rem; min-width:32px; min-height:32px; cursor:pointer; }
.mf-availability-reminder a:focus-visible,.mf-availability-reminder button:focus-visible { outline:2px solid #93efd4; outline-offset:3px; }
@media(max-width:1440px) { .mf-availability-reminder { margin:10px 16px; } }
@media(max-width:430px) { .mf-availability-reminder { gap:8px; padding:8px 10px; font-size:.8rem; } }