.obt{margin:0 0 26px}
.obt-h{display:flex;align-items:center;gap:11px;margin:0 0 12px;color:var(--hi);font:19px/1 var(--f-lbl);letter-spacing:2px;text-transform:uppercase}
.obt-h::before{content:'';flex:none;width:6px;height:19px;background:var(--acc);transform:skewX(-14deg)}
.obt-h::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--ln),transparent)}
.obt-h b{color:var(--acc-tx);font:16px var(--f-num)}
.obt-none{margin:0;padding:14px 18px;background:var(--pn);border:1px solid var(--ln);color:var(--tx);font:16px var(--f-ui)}
.obt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.obt-c{position:relative;display:flex;flex-direction:column;gap:7px;padding:12px 16px 13px;background:var(--pn);border:1px solid var(--ln);border-left:3px solid var(--sc,var(--ln));box-shadow:var(--sh)}
.obt-c[hidden]{display:none}
.obt-c.s-live{--sc:var(--acc)}
.obt-c.s-ok{--sc:var(--good)}
.obt-c.s-up{--sc:#4c7dff}
.obt-c.s-end{--sc:var(--ln)}
.obt-c.s-aw{--sc:var(--acc2)}
.obt-c.s-end :is(.obt-nm,.obt-stg,.obt-ln){opacity:.72}
.obt-hd{display:flex;align-items:center;justify-content:space-between;gap:10px}
.obt-k{color:var(--acc-tx);font:12px/1 var(--f-lbl);letter-spacing:1.8px;text-transform:uppercase}
.obt-st{padding:4px 11px 3px;background:var(--pn3);color:var(--tx);font:11px/1 var(--f-lbl);letter-spacing:1.4px;text-transform:uppercase;clip-path:var(--slant)}
.s-live .obt-st{background:var(--acc);color:var(--ink)}
.s-ok .obt-st{background:color-mix(in srgb,var(--good) 30%,var(--pn3));color:var(--hi)}
.s-up .obt-st{background:#4c7dff;color:#fff}
.obt-nm{color:var(--hi);font:18px/1.25 var(--f-lbl);font-weight:normal}
a.obt-nm{color:var(--link);text-decoration:none}
a.obt-nm:hover{text-decoration:underline}
a.obt-nm::after{content:' \2192';font-size:.85em;opacity:.7}
.obt-ln a{color:var(--link);text-decoration:none}
.obt-ln a:hover{text-decoration:underline}
.obt-stg{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none}
.obt-stg li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:3px 9px;background:var(--pn2);color:var(--tx);font:15px/1.3 var(--f-ui)}
.obt-stg li>span:last-child{flex:none;text-align:right}
.obt-stg li small{margin-left:6px;color:var(--acc-tx);font:11px var(--f-lbl);letter-spacing:1.2px;text-transform:uppercase}
.obt-stg li>span:last-child small{color:var(--dim)}
.obt-stg li b{color:var(--hi);font:15px var(--f-num)}
.obt-stg li.more{background:none;color:var(--dim);font-size:14px}
.obt-ln{margin:0;color:var(--tx);font:15.5px/1.4 var(--f-ui)}
.obt-ln b{color:var(--hi);font-family:var(--f-num)}
.obt-ln a{color:var(--link)}
.obt-note{color:var(--dim);font-size:14px}
.obt-c time{margin-top:auto;color:var(--dim);font:13px var(--f-lbl);letter-spacing:.6px}
.obt-note time{margin:0;font:inherit}
.obt-more{display:flex;justify-content:center;margin-top:18px}
.obt-more[hidden]{display:none}
.obt-kinds{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.obt-kc{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:var(--pn2);border:1px solid var(--ln);color:var(--tx);
  font:13px var(--f-lbl);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;clip-path:var(--slant);transition:background .12s,border-color .12s,color .12s}
.obt-kc b{color:var(--dim);font:12px var(--f-num)}
.obt-kc:hover{border-color:var(--acc)}
.obt-kc.on{background:var(--acc);border-color:var(--acc);color:var(--ink)}
.obt-kc.on b{color:var(--ink)}