.obs-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}.obs-nav a{color:var(--muted);border-bottom:2px solid #0000;padding:.45rem .8rem;text-decoration:none}.obs-nav a:hover{color:var(--text)}.obs-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.obs-nav a.obs-dev{margin-left:.5rem;font-size:.8rem}.obs-subnav{margin-top:-.75rem;font-size:.9rem}.obs-subnav a{padding:.3rem .7rem}.world-problems{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.obs-nav .obs-tick{color:var(--muted);align-self:center;margin-left:auto;font-size:.8rem}.obs-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem;display:flex}.obs-toolbar input[type=search]{min-width:14rem}.obs-toolbar label{color:var(--muted);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.spark{vertical-align:middle;display:inline-block}.spark .spark-line{fill:none;stroke:var(--accent);stroke-width:1.5px}.spark .spark-ref{stroke:var(--muted);stroke-dasharray:2 2;stroke-width:1px;opacity:.6}.statusbar{vertical-align:middle;gap:2px;width:7rem;height:8px;display:inline-flex}.statusbar>span{border-radius:2px;min-width:2px}.statusbar .good{background:var(--good)}.statusbar .warn{background-color:var(--warn)}.chevron-left,.chevron-right{background-position:50%;background-size:6px 8px}.chevron-left{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='8'%3E%3Cpath d='M4.5 0.5 1.5 4l3 3.5' fill='none' stroke='%23000' stroke-opacity='.5' stroke-width='1.5'/%3E%3C/svg%3E")}.chevron-right{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='8'%3E%3Cpath d='M1.5 0.5 4.5 4l-3 3.5' fill='none' stroke='%23000' stroke-opacity='.5' stroke-width='1.5'/%3E%3C/svg%3E")}.statusbar .bad{background:var(--bad)}.statusbar .muted{background:var(--border)}.delta{margin-left:.35rem;font-size:.8rem}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.delta.flat{color:var(--muted)}.index-chip{font-family:var(--mono)}.index-chip.hi{color:var(--warn)}.index-chip.lo{color:var(--accent)}.index-chip.wild{color:var(--bad)}.obs-grid{grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));gap:1rem;display:grid}.obs-grid>.panel{margin:0}.obs-legend{color:var(--muted);flex-wrap:wrap;gap:.75rem;font-size:.8rem;display:flex}.obs-legend .swatch{border-radius:2px;width:10px;height:8px;margin-right:.3rem;display:inline-block}.obs-legend .swatch.good{background:var(--good)}.obs-legend .swatch.warn{background-color:var(--warn)}.obs-legend .swatch.bad{background:var(--bad)}.obs-legend .swatch.muted{background:var(--border)}.obs-pager{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}