/* /leaders/cmdb-continuous-delivery. Extra styles on top of finops.css; theme tokens only. */
:root{--cx-warn:var(--warn);--cx-warn-bg:#FDF1E3}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--cx-warn:var(--warn);--cx-warn-bg:#2A1F10}}
:root[data-theme="dark"]{--cx-warn:var(--warn);--cx-warn-bg:#2A1F10}
.fn .src{font:500 .8rem/1.4 var(--mono);color:var(--teal)}
.cx-by{margin:0 0 12px;font:500 .85rem/1.4 var(--mono);color:var(--ink-3)}
.cx-q{padding-left:1.4em;display:grid;gap:10px;max-width:72ch;color:var(--ink-2)}
.cx-tbl{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:.92rem;color:var(--ink-2)}
.cx-tbl th,.cx-tbl td{text-align:left;vertical-align:top;padding:10px 12px;border:1px solid var(--line)}
.cx-tbl thead th{background:var(--surface-2);color:var(--ink)}
.cx-tbl tbody th{font-weight:600;color:var(--ink);background:var(--surface)}
.cx-tbl td{background:var(--surface)}
.cx-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:14px}
.cx-col{padding:14px 18px;border:1px solid var(--line);border-left:4px solid var(--gold-fill);border-radius:6px;background:var(--surface)}
.cx-col+.cx-col{border-left-color:var(--ink-3)}
.cx-col h3{margin:0 0 8px;font:600 1rem/1.35 var(--body)}
.cx-col ul{margin:0;padding-left:1.2em;display:grid;gap:6px;color:var(--ink-2)}
.cx-fig{margin:0 0 16px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);max-width:560px}
.cx-scroll{overflow-x:auto;max-width:100%}
.cx-svg{display:block;width:100%;height:auto}
.cx-box{fill:var(--surface);stroke:var(--ink-3);stroke-width:1.5}
.cx-human{fill:color-mix(in srgb,var(--gold-fill) 24%,var(--surface));stroke:var(--gold-fill);stroke-width:3}
.cx-warn{fill:var(--cx-warn-bg);stroke:var(--cx-warn);stroke-width:2}
.cx-t{font:700 14px var(--body);fill:var(--ink)}
.cx-s{font:400 12px var(--body);fill:var(--ink-2)}
.cx-l{font:600 12px var(--body);fill:var(--ink-2)}
.cx-title{font:700 15px var(--display);fill:var(--ink)}
.cx-ar{fill:none;stroke:var(--ink-2);stroke-width:2}
.cx-ah{fill:var(--ink-2)}
.cx-key{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border:3px solid var(--gold-fill);border-radius:3px;background:color-mix(in srgb,var(--gold-fill) 24%,var(--surface))}
@media (max-width:640px){
  .cx-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .cx-tbl,.cx-tbl tbody,.cx-tbl tr,.cx-tbl th,.cx-tbl td{display:block}
  .cx-tbl tr{margin-bottom:12px;border:1px solid var(--line);border-radius:6px;overflow:hidden}
  .cx-tbl th,.cx-tbl td{border:0;border-bottom:1px solid var(--line)}
  .cx-tbl td::before{content:attr(data-l);display:block;font:500 .72rem/1.3 var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}
  .cx-fig{padding:14px 12px}
}