/* small utility classes to match the card look */
.card{background:#fff;border-radius:1rem;box-shadow:0 1px 2px rgba(0,0,0,.04);border:1px solid #e5e7eb}
.card-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem}
.subcard{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem}
.subcard-title{font-size:1rem;font-weight:600;margin-bottom:.5rem}
.hint{font-size:.75rem;color:#64748b}
.input{border:1px solid #cbd5e1;border-radius:.75rem;padding:.5rem .75rem}
.btn{background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;padding:.5rem 1rem}
.btn-dark{background:#0f172a;color:#fff;border-radius:.75rem;padding:.5rem 1rem}
.label-underline::after{content:"";display:block;height:2px;background:rgba(15,23,42,.12);margin-top:6px;border-radius:9999px}
.tooltip{position:fixed;z-index:1000;display:none;pointer-events:none}
.tooltip.show{display:block}
.ratio-pill{display:inline-flex;align-items:center;gap:.375rem;border:1px solid #e2e8f0;background:#f8fafc;border-radius:9999px;padding:.25rem .5rem;margin:.25rem .25rem 0 0}
.ratio-pill .k{font-weight:600}
.ratio-pill .v{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:#334155}
.atom-chip{display:inline-flex;align-items:center;border-radius:.5rem;padding:.125rem .5rem;margin:.25rem .25rem 0 0;font-weight:600;cursor:pointer}
/* --- Global header / banner --- */
.qds-header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: saturate(180%) blur(8px);
  background: rgba(255,255,255,0.85);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.qds-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.qds-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.qds-brand img {
  height: 28px; width: auto; display: block;
}
.qds-title {
  font: 600 16px/1.1 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #111827;
  letter-spacing: 0.2px;
}
.qds-nav {
  margin-left: auto;
  display: flex;
  gap: 14px;
}
.qds-nav a {
  font: 500 14px/1 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #374151;
  padding: 8px 10px;
  border-radius: 10px;
  text-decoration: none;
}
.qds-nav a:hover {
  background: rgba(17,24,39,0.06);
  color: #111827;
}
.qds-cta {
  border: 1px solid rgba(139,92,246,0.35);
}
.qds-cta:hover {
  background: rgba(139,92,246,0.08);
}

/* Ensure content isn't hidden behind sticky header on pages without spacing */
body { scroll-padding-top: 64px; }