/* /qbo/ — the quasi-biennial oscillation. Generated by scripts/qbo_page.py.
   Loads after nino.css and reuses its figure, legend, tooltip and heat-table rules. Westerly
   rust, easterly blue, violet = SEAS5 mean, grey = members, ink = ERA5. */
.qdir{font-weight:700;color:var(--ink2)}
svg .qdv{stroke:var(--ink);stroke-width:1.5}
svg .qna{fill:var(--paper2);opacity:.9}
svg .qbr{fill:none;stroke:var(--ink);stroke-width:1.4}
svg .qbrl{fill:var(--ink);font-size:11px;font-weight:700;text-anchor:middle}
svg .qtk{stroke:var(--mut);stroke-width:1}
svg.qth,svg.qstrip{width:100%;height:auto;display:block;background:var(--card);
  border:1px solid var(--line);border-radius:8px}
svg .qmed{stroke:var(--n-mm);stroke-width:1.5;stroke-dasharray:5 4}
svg .qmedl{fill:var(--n-mm);font-size:11.5px;font-weight:700;text-anchor:end}
svg .qcyl{fill:none;stroke:var(--line);stroke-width:1.2}
svg .qcy{fill:var(--n-obs);stroke:var(--card);stroke-width:2}
svg .qcy.dis{fill:#b0242e}
svg .qcyt{fill:#b0242e;font-size:11.5px;font-weight:700}
svg .qmml{fill:var(--n-mm)}
.qcite{margin:.6rem 0 0;font-size:.78rem;color:var(--mut);font-style:italic}
svg .qmem{fill:none;stroke:var(--n-ctx);stroke-width:1;opacity:.38;stroke-linejoin:round}
svg .qside{fill:var(--mut);font-size:11px;font-weight:600;letter-spacing:.03em}
svg .qbar{stroke:none}
svg .qbar.fc{fill:var(--n-mm)}
svg .qfcl{fill:var(--n-mm);font-size:11px;font-weight:700;text-anchor:end}
svg .qfcl.s{font-size:10px;font-weight:600}
svg .qssw{fill:var(--ink);stroke:var(--card);stroke-width:1.2}
svg .qrl{fill:var(--ink);font-size:13px;font-weight:600;text-anchor:end}
svg .qhb{fill:var(--n-obs)}
svg .qhb.fc{fill:var(--n-mm)}
svg .qhv{fill:var(--ink);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}
svg .qhv .muted{fill:var(--mut);font-weight:400}
.qsw{display:inline-block;width:12px;height:12px;border-radius:2px}
.qsw.fc{background:var(--n-mm)}
.qpl[hidden],.qck[hidden]{display:none}
@media (max-width:640px){figure.qfig{overflow-x:auto;-webkit-overflow-scrolling:touch}
  figure.qfig svg.qth,figure.qfig svg.qstrip{min-width:760px}
  figure.qfig svg.qth.all{min-width:1000px}}
.scrollx{overflow-x:auto;padding:0;margin:6px 0}
table.heat.qchk{min-width:860px}
table.heat.qchk tr.obsrow th{box-shadow:inset 3px 0 0 var(--n-obs)}
table.heat.qht,table.heat.qwi,table.heat.qcyc{min-width:560px}
table.heat.qenso{min-width:520px}
table.heat.qenso td.hc{padding:10px 8px}
table.heat td.qhere{outline:3px solid var(--ink);outline-offset:-3px}
table.heat td .qhl{font-weight:800!important;opacity:1!important;margin-top:3px}
table.heat tr.qdiff th,table.heat tr.qdiff td{border-top:1px solid var(--line)}
table.heat .muted{color:var(--mut);font-weight:400}
svg .fsbg{fill:var(--card)}.fscred{fill:var(--mut);font-size:10.5px;letter-spacing:.02em}.fscred.site{fill:#04663d;font-weight:800;letter-spacing:.08em;font-family:'Overpass Mono',ui-monospace,monospace}