/* Predictive monitoring page and Were we not monitoring for that? Reuses fp-, sg-, ot- and ld- styles in styles.css. */
.pr .sg-h{margin-top:44px}
.pr-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.pr-level{padding:18px;border:1px solid var(--line);border-radius:6px;background:var(--surface);display:grid;gap:10px;align-content:start;min-width:0}
.pr-level h3{margin:0;font-size:1.1rem}
.pr-level p{margin:0}
.pr-tag{justify-self:start;font:500 .75rem/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);border-radius:3px;padding:5px 8px}
.pr-quote{margin:0;padding:10px 12px;border-left:3px solid var(--gold-fill);background:var(--surface-2);font-size:.92rem;display:grid;gap:4px}
.pr-quote p,.pr-claim p{margin:0}
.pr-claim{display:grid;gap:2px;font-size:.92rem;color:var(--ink-2)}
.pr-cite{font-size:.8rem;color:var(--ink-3)}
.pr-cite a{color:inherit}
.pr-src a{overflow-wrap:anywhere}
.pr-sim{margin-top:14px}
.pr-ctl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:14px 0}
.pr-ctl label,.pr-ctl legend{font:500 .88rem/1.3 var(--body);color:var(--ink)}
.pr-ctl .pr-c{display:grid;gap:6px;align-content:start;min-width:0}
.pr-ctl input[type=range]{width:100%;accent-color:var(--gold-fill)}
.pr-ctl select{padding:10px 12px;font:inherit;border:1px solid var(--line);border-radius:4px;background:var(--ground);color:var(--ink);max-width:200px}
.pr-ctl2{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:14px 0}
.pr-ctl2 fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pr-ctl2 legend{float:left;margin-right:10px;font:500 .88rem/1.3 var(--body);padding:0}
.pr-chart{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.pr-chart text{font-family:var(--mono)}
.pr-ax{font-size:11px;fill:var(--ink-3)}
.pr-lab{font-size:11px;fill:var(--ink-2)}
.pr-inc{font-size:12px;font-weight:600;fill:var(--ink)}
.pr-grid{stroke:var(--line);stroke-width:1}
.pr-day{stroke:var(--line);stroke-width:1;stroke-dasharray:2 4}
.pr-act{fill:none;stroke:var(--ink-3);stroke-width:2}
.pr-proj{stroke:var(--gold-fill);stroke-width:4;stroke-dasharray:6 5}
.pr-thr{stroke:var(--teal);stroke-width:1.5;stroke-dasharray:2 3}
.pr-full{stroke:var(--c-sec);stroke-width:1.5}
.pr-band{fill:var(--gold-fill);opacity:.22}
.pr-dot-fc{fill:var(--gold-fill);stroke:var(--ink);stroke-width:1.5}
.pr-dot-fx{fill:var(--c-sec);stroke:var(--ink);stroke-width:1.5}
.pr-out{margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--gold-fill);border-radius:4px;background:var(--surface);display:grid;gap:4px}
.pr-out p{margin:0}
.pr-legend{font-size:.85rem;color:var(--ink-2);margin:8px 0 0}
.pr-lim{display:grid;gap:10px;max-width:72ch;margin:10px 0 0;padding-left:1.2em;color:var(--ink-2)}
.pr-check{display:grid;gap:8px;max-width:72ch;margin:10px 0 0;padding-left:1.2em;color:var(--ink-2)}
.pr-teaser{margin-top:36px;padding:18px 20px;border:2px solid var(--gold-fill);border-radius:8px;background:var(--surface);display:grid;gap:8px}
.pr-teaser p{margin:0}
.pr-sources{margin:10px 0 0;padding-left:1.4em;display:grid;gap:6px;font-size:.9rem;color:var(--ink-2)}
.pr-sources a{overflow-wrap:anywhere}
.pc-band{margin:8px 0}
.pc-note{font-size:.9rem;color:var(--ink-2);margin:12px 0}
.pr [hidden]{display:none}
/* leaders page */
.mq-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.mq-stat{padding:18px;border:1px solid var(--line);border-radius:6px;background:var(--surface);display:grid;gap:6px;align-content:start;min-width:0}
.mq-big{font:800 2.4rem/1 var(--display);font-stretch:108%;color:var(--gold)}
.mq-stat p{margin:0}
.mq-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:16px}
.mq-card{padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--surface);display:grid;gap:8px;align-content:start;min-width:0}
.mq-card h3{margin:0;font-size:1.02rem}
.mq-card p{margin:0;font-size:.92rem;color:var(--ink-2)}
.mq-qs{margin:10px 0 0;padding-left:1.4em;display:grid;gap:8px;max-width:72ch}
.mq-cta{margin-top:24px;padding:18px 20px;border:2px solid var(--gold-fill);border-radius:8px;background:var(--surface);display:grid;gap:10px;justify-items:start}
.mq-cta h3,.mq-cta p{margin:0}
.mq-cta>div{width:100%}
.mq-field{width:100%;max-width:560px}
.mq-field input{width:100%}
@media (max-width:980px){.pr-levels,.mq-stats{grid-template-columns:1fr}.pr-ctl{grid-template-columns:1fr}}