/* DevOps and observability page. Reuses the fp-, sg- and ot- styles in styles.css. */
.dobs-set{margin-top:18px}
.dobs-set .fp-sw{align-items:flex-start}
.dobs-set small{color:var(--ink-2);font-size:.85rem}
.dobs-panel{position:static;margin-top:18px}
.dobs-panel p{margin:0;max-width:68ch}
.dobs-time{font-size:.95rem}
.dobs-ill{color:var(--ink-3)}
.dobs-bar{height:14px;border:1px solid var(--line);border-radius:3px;background:var(--surface-2)}
.dobs-bar span{display:block;height:100%;width:0;background:var(--gold-fill);border-radius:2px;transition:width .4s ease}
.dobs-close{margin-top:18px}
.dobs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin-top:16px}
.dobs-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}
.dobs-cta h3,.dobs-cta p{margin:0}
.dobs-cta>div{width:100%}
.dobs [hidden]{display:none}
@media (prefers-reduced-motion:reduce){.dobs-bar span{transition:none}}