/*
 * The cookie notice (round 43, quicklead-consent.js). Self-contained like quicklead-play.css, so it
 * looks the same over every page style. Both answers are the same button: same size, same colour,
 * same weight. The notice is part of the page's flow (under the top bar): it covers nothing.
 */
.ql-consent {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 760px;
  margin: 16px auto;
  padding: 16px 18px;
  border: 1px solid #dfd5eb;
  border-radius: 18px;
  background: #ffffff;
  color: #17131d;
  font: 400 14px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: left;
  box-shadow: 0 16px 44px rgba(30, 23, 50, 0.1);
}
.ql-consent-text,
.ql-consent-status {
  margin: 0 0 12px;
}
.ql-consent-status {
  font-weight: 600;
}
.ql-consent a {
  color: #3a6fd4;
  text-decoration: underline;
}
.ql-consent-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}
.ql-consent-btn {
  flex: 0 1 180px;
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid #17131d;
  border-radius: 999px;
  background: #17131d;
  color: #ffffff;
  font: 700 15px/1.1 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor: pointer;
}
.ql-consent-btn:hover,
.ql-consent-btn:focus-visible {
  background: #2b2433;
}
.ql-consent-btn:focus-visible {
  outline: 3px solid #4f8bf6;
  outline-offset: 2px;
}
@media (max-width: 520px) {
  .ql-consent {
    margin: 12px auto;
    padding: 12px 14px;
    font-size: 13px;
  }
  .ql-consent-btn {
    flex: 1 1 0;
  }
}