/* QDX Bookmark Us (No-JS) – CSS-only modal via :target */
.qdx-bookmark-btn{
  display:inline-flex; align-items:center; gap:.5rem;
  font:600 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  padding:.55rem .8rem; border-radius:999px; border:1px solid #ffd0a3;
  background:linear-gradient(135deg,#ff7a18,#ffd0a3);
  color:#0b1324; box-shadow:0 8px 20px rgba(0,0,0,.12);
  text-decoration:none;
}
.qdx-bookmark-btn .qdx-icon{ width:18px; height:18px; fill:#0b1324 }
.qdx-bookmark-fab{ position:fixed; right:16px; bottom:16px; z-index:99999; }

/* Modal default hidden */
.qdx-bookmark-modal{ position:fixed; inset:0; display:block; pointer-events:none; }
.qdx-bookmark-modal .qdx-bookmark-backdrop{ position:fixed; inset:0; background:rgba(2,6,23,.55); backdrop-filter:saturate(140%) blur(2px); opacity:0; transition:opacity .2s ease; }
.qdx-bookmark-dialog{
  position:fixed; inset:auto 0 0 0; margin:auto; top:50%; transform:translateY(-40%);
  width:min(560px,92vw); background:#fff; border-radius:18px; overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.24); opacity:0; transition:opacity .2s ease, transform .2s ease;
}
.qdx-bookmark-header{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid #f1f5f9; }
.qdx-bookmark-header h3{ margin:0; font:700 18px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif; }
.qdx-close{ background:transparent; border:0; font-size:22px; text-decoration:none; line-height:1; padding:6px 10px; }
.qdx-bookmark-body{ padding:16px; color:#0b1324; }
.qdx-lead{ margin:.2rem 0 1rem; font:500 14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif; color:#334155; }
.qdx-instructions{ margin:0; padding-left:18px; }
.qdx-step{ margin:.4rem 0; font:500 14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif; color:#0b1324; }
.qdx-bookmark-footer{ padding:14px 16px; border-top:1px solid #f1f5f9; display:flex; justify-content:flex-end; }
.qdx-close-btn{ padding:.5rem .9rem; border-radius:10px; border:1px solid #e2e8f0; background:#f8fafc; text-decoration:none; color:#0b1324; }

/* Show modal when targeted */
:target.qdx-bookmark-modal{ pointer-events:auto; }
:target.qdx-bookmark-modal .qdx-bookmark-backdrop{ opacity:1; }
:target.qdx-bookmark-modal .qdx-bookmark-dialog{ opacity:1; transform:translateY(-50%); }

@media (prefers-color-scheme: dark){
  .qdx-bookmark-dialog{ background:#0b1324; color:#e5e7eb; }
  .qdx-bookmark-header{ border-bottom-color:#1f2937; }
  .qdx-bookmark-footer{ border-top-color:#1f2937; }
  .qdx-close-btn{ background:#111827; color:#e5e7eb; border-color:#374151; }
}