/* SourceTip (js/sourcetip.js + include/provenance.php): the (i) next to a sourced value, and the
   "Values and sources" footnote. Brand tokens only: navy #0d1b2a, gold #f1b621, navy text on gold. */
:root { --bq-navy: #0d1b2a; --bq-navy-2: #16304a; --bq-gold: #f1b621; --bq-ink: #0d1b2a; --bq-muted: #4a5663; --bq-line: #e3e7ec; --bq-soft: #f4f6f8;
        --bq-ok: #1f8a4c; --bq-info: #2f6fd6; --bq-warn: #b26a00; }
.bq-tip-wrap { display: inline; }
.bq-tip-btn { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 24px; height: 24px;
  margin: -4px 0 -4px 2px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; opacity: .7; cursor: pointer;
  font: inherit; line-height: 1; text-transform: none; letter-spacing: 0; }
.bq-tip-btn span { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; border-radius: 50%;
  border: 1.5px solid currentColor; font: italic 700 10px/1 Georgia, "Times New Roman", serif; }
.bq-tip-btn:hover, .bq-tip-btn[aria-expanded="true"] { opacity: 1; color: var(--bq-gold); }
.bq-tip-btn:focus { outline: none; }
.bq-tip-btn:focus-visible { outline: 2px solid var(--bq-gold); outline-offset: 1px; opacity: 1; }
.bq-tip { position: fixed; z-index: 1080; display: flex; flex-direction: column; gap: 5px; width: max-content; max-width: min(340px, calc(100vw - 16px));
  box-sizing: border-box; padding: 11px 13px; border-radius: 10px; background: var(--bq-navy); color: #fff; border: 1px solid var(--bq-gold);
  box-shadow: 0 12px 30px rgba(13, 27, 42, .35); font: 400 12.5px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  text-align: left; text-transform: none; letter-spacing: 0; white-space: normal; font-style: normal; }
.bq-tip[hidden] { display: none; }
.bq-tip-head { font-weight: 700; color: #fff; }
.bq-tip-value { font-size: 15px; font-weight: 700; color: var(--bq-gold); }
.bq-tip-row { color: rgba(255, 255, 255, .75); overflow-wrap: anywhere; }
.bq-tip-row b { color: #fff; font-weight: 600; margin-right: 4px; }
.bq-tip-note { color: #fff; }
.bq-tip-link { color: var(--bq-gold); font-weight: 700; text-decoration: none; }
.bq-tip-link:hover, .bq-tip-link:focus-visible { color: var(--bq-gold); text-decoration: underline; outline: none; }
.bq-tip-status { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; white-space: nowrap; }
.bq-tip-status i { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; background: currentColor; }
.bq-tip .st-verified { color: #6fe0a1; } .bq-tip .st-secondary { color: #8fb8ff; } .bq-tip .st-owner-default { color: rgba(255,255,255,.75); } .bq-tip .st-sample { color: var(--bq-gold); }
.st-secondary i { transform: rotate(45deg); border-radius: 1px; }
.st-owner-default i { background: transparent; border: 1.5px solid currentColor; }
.st-sample i { border-radius: 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.bq-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.bq-val { white-space: nowrap; }

/* "Values and sources" footnote on a light section */
.bq-values-section { padding: 48px 0; background: var(--bq-soft); border-top: 1px solid var(--bq-line); }
.bq-values-block { background: #fff; border: 1px solid var(--bq-line); border-left: 4px solid var(--bq-gold); border-radius: 8px; padding: 1.4rem 1.5rem; color: var(--bq-ink); }
.bq-values-block h3 { font-size: 1.05rem; font-weight: 700; margin: 0 0 .4rem; color: var(--bq-ink); }
.bq-values-lead { font-size: .85rem; color: var(--bq-muted); line-height: 1.6; margin: 0 0 .8rem; }
.bq-values-list { list-style: none; margin: 0 0 .8rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: .35rem 1.5rem; }
.bq-values-list li { font-size: .84rem; color: var(--bq-muted); line-height: 1.5; padding: .3rem 0; border-bottom: 1px dashed var(--bq-line); }
.bq-values-list .bq-val { color: var(--bq-ink); white-space: normal; overflow-wrap: anywhere; }
.bq-values-details summary { cursor: pointer; font-size: .82rem; font-weight: 700; color: var(--bq-navy); }
.bq-values-details summary:focus-visible { outline: 2px solid var(--bq-gold); outline-offset: 2px; }
.bq-values-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-top: .6rem; }
.bq-values-block table { border-collapse: collapse; width: 100%; min-width: 760px; font-size: .78rem; }
.bq-values-block th, .bq-values-block td { text-align: left; vertical-align: top; padding: .45rem .55rem; border-bottom: 1px solid var(--bq-line); overflow-wrap: anywhere; }
.bq-values-block th { font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; color: var(--bq-muted); }
.bq-values-block td { color: var(--bq-muted); }
.bq-values-block td.v { color: var(--bq-ink); font-weight: 700; min-width: 7em; max-width: 16em; }
.bq-values-block td .c { font-size: .72rem; margin-top: 2px; }
.bq-values-block a { color: var(--bq-navy); font-weight: 700; border-bottom: 2px solid var(--bq-gold); text-decoration: none; }
.bq-values-block .st-verified { color: var(--bq-ok); } .bq-values-block .st-secondary { color: var(--bq-info); } .bq-values-block .st-owner-default { color: var(--bq-muted); } .bq-values-block .st-sample { color: var(--bq-warn); }
.bq-values-legend { font-size: .72rem; color: var(--bq-muted); margin: .7rem 0 0; line-height: 1.55; }

/* Illustrative ROI example inside the navy ROI block */
.bq-roi-example { margin-top: 1rem; padding: .9rem 1rem; background: var(--bq-soft); border-left: 4px solid var(--bq-gold); border-radius: 4px; font-size: .85rem; line-height: 1.7; color: var(--bq-ink); }
.bq-roi-example .tag { display: inline-block; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; background: var(--bq-gold); color: var(--bq-navy); padding: .1rem .45rem; border-radius: 20px; margin-right: .4rem; }
/* the tip's own link wins over any container link style (it sits inside light and dark blocks) */
.bq-tip a.bq-tip-link, .bq-values-block .bq-tip a.bq-tip-link { color: var(--bq-gold); border-bottom: 0; font-weight: 700; text-decoration: none; }
.bq-tip a.bq-tip-link:hover, .bq-tip a.bq-tip-link:focus-visible { color: var(--bq-gold); text-decoration: underline; }