.modal-overlay[hidden]{ display:none !important; }
  .modal-overlay{
    position:fixed; inset:0; background:rgba(0,0,0,.65); backdrop-filter:blur(2px);
    display:grid; place-items:center; z-index:1000;
  }
  .modal-card{
    width:min(720px,92vw); max-height:85vh; overflow:auto;
    background:var(--card); border:1px solid #232636; border-radius:1rem; padding:1rem; position:relative;
  }
  .modal-close{
    position:absolute; top:.4rem; right:.6rem; font-size:1.8rem; line-height:1;
    background:none; border:0; color:#e5e7eb; cursor:pointer;
  }
  .modal-head{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-bottom:.75rem; }
  .modal-meta{ display:flex; gap:.4rem; flex-wrap:wrap; }