.ddp-code {
  --ddp-bg:#0f172a; --ddp-head-bg:#111827; --ddp-head-text:#e5e7eb;
  --ddp-code-text:#e6e6e6; --ddp-border:rgba(255,255,255,.06);
  --ddp-hl-bg:rgba(59,130,246,.20); --ddp-hl-bar:#3b82f6;
  margin:1rem 0; border-radius:12px; overflow:hidden;
  background:var(--ddp-bg); box-shadow:0 6px 18px rgba(2,6,23,.25);
  border:1px solid var(--ddp-border);
}
.ddp-code__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:.6rem .9rem; background:var(--ddp-head-bg); color:var(--ddp-head-text);
  border-bottom:1px solid var(--ddp-border); font-size:13px
}
.ddp-code__meta{display:flex;gap:.6rem;align-items:center}
.ddp-code__title{font-weight:600}
.ddp-code__file{opacity:.8;font-family:ui-monospace,Menlo,monospace}
.ddp-code__hint{opacity:.6;font-size:12px}
.ddp-code pre[class*="language-"],.ddp-code code[class*="language-"]{color:var(--ddp-code-text)}
pre.line-numbers { padding-left: 3.6em; }
pre[data-line] .line-highlight,
pre[class*="language-"] > code .line-highlight {
  background:var(--ddp-hl-bg); box-shadow: inset 4px 0 0 var(--ddp-hl-bar);
}

.ddp-table-wrap{width:100%;overflow-x:auto;margin:.75rem 0}
.ddp-table{width:100%;border-collapse:collapse}
.ddp-table th,.ddp-table td{border:1px solid #e5e7eb;padding:.6rem .75rem;text-align:left;vertical-align:top;background:#fff}
.ddp-table thead th{background:#f3f4f6;font-weight:700}
.ddp-table tbody tr:nth-child(odd) td{background:#fafafa}
.ddp-table-title{font-weight:600;margin:.25rem 0}