@layer components{.sd-chips{flex-wrap:wrap;gap:8px;display:flex}.sd-chip{border:1px solid var(--line-strong);background:var(--card);height:40px;color:var(--ink-2);letter-spacing:.048em;text-transform:uppercase;border-radius:99px;padding:0 15px;font-size:11px;font-weight:600;transition:background .25s,color .25s,border-color .25s}.sd-chip:hover{border-color:var(--ink)}.sd-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.sd-frame{margin-top:14px;position:relative}@media (min-width:640px){.sd-frame{margin-top:22px}.sd-frame:before{content:"";pointer-events:none;--c:var(--line-strong);background:linear-gradient(var(--c), var(--c)) left top / 14px 1px no-repeat, linear-gradient(var(--c), var(--c)) left top / 1px 14px no-repeat, linear-gradient(var(--c), var(--c)) right top / 14px 1px no-repeat, linear-gradient(var(--c), var(--c)) right top / 1px 14px no-repeat, linear-gradient(var(--c), var(--c)) left bottom / 14px 1px no-repeat, linear-gradient(var(--c), var(--c)) left bottom / 1px 14px no-repeat, linear-gradient(var(--c), var(--c)) right bottom / 14px 1px no-repeat, linear-gradient(var(--c), var(--c)) right bottom / 1px 14px no-repeat;position:absolute;inset:-10px}}}
@layer components{.ops-line{max-width:25em;color:var(--ink-2);text-wrap:pretty;font-size:clamp(17px,1.3vw,19px);line-height:1.5}.ops-datum{--up:52px;--down:26px}.ops-datum-row{border-bottom:1.2px solid var(--ink);grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;display:grid}.ops-datum-col{height:var(--up);flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.ops-datum-col:after{content:"";background:var(--line-strong);width:1px;height:7px;position:absolute;bottom:-4px;left:50%}.ops-datum-up{width:62%;height:calc(var(--h) * 1%);background:var(--red-fill);border-radius:1.5px 1.5px 0 0;min-height:0;display:block}.ops-datum-down{width:62%;height:calc(var(--h) * var(--down) / 100);border:1px solid var(--ochre);background:repeating-linear-gradient(45deg, var(--ochre-bg) 0 3px, var(--ochre) 3px 4px);border-top:0;position:absolute;top:calc(100% + 1px)}.ops-datum-axis{margin-top:calc(var(--down) + 6px);color:var(--muted);white-space:nowrap;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;font-size:9.5px;display:grid}.ops-datum-axis>span{text-align:left;overflow:visible}.ops-seg{border:1px solid var(--line-strong);background:var(--card);border-radius:99px;flex:none;gap:2px;padding:2px;display:inline-flex}.ops-seg-item{color:var(--ink-2);white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:12px;line-height:1.3}@media (min-width:1024px){.ops-stick{position:sticky;top:112px}}}
