/* Eigenstaendige Docs-Seite; alle Farben folgen dem vorhandenen Docs-Theme. */
.docs-playground .playground-grid {
    display: grid;
    grid-template-columns: minmax(18rem, .8fr) minmax(0, 1.65fr);
    gap: 1.5rem;
    align-items: start;
}
.docs-playground .docs-main { max-width: 96rem; }
.docs-playground .playground-grid .docs-section { margin-top: 0; min-width: 0; border-top: 0; }
.docs-playground .form-control,
.docs-playground .form-select {
    background-color: var(--nm-docs-surface);
    color: var(--nm-docs-text);
    border-color: var(--nm-docs-border);
    min-height: 44px;
}
.docs-playground .form-hint { color: var(--nm-docs-muted); }
.docs-playground .btn { min-height: 44px; white-space: normal; }
.docs-playground .btn-outline-primary {
    color: var(--nm-docs-accent);
    border-color: var(--nm-docs-accent);
}
.docs-playground .btn-outline-primary:hover {
    color: var(--nm-docs-surface);
    background-color: var(--nm-docs-accent);
}
.docs-playground .playground-output {
    background: var(--nm-docs-code-bg);
    color: #e5edf7;
    padding: 1rem;
    border-radius: var(--nm-docs-radius);
    height: clamp(28rem, 65vh, 56rem);
    min-height: 20rem;
    max-height: 85vh;
    resize: vertical;
    overflow: auto;
    font-size: .875rem;
    line-height: 1.65;
    tab-size: 2;
}
.docs-playground .docs-section-body .playground-output code {
    color: inherit;
    background: transparent;
    padding: 0;
    border: 0;
    font-size: inherit;
}
/* Kontrastreiche JSON-Farben auf dem in beiden Themes dunklen Antwortfeld. */
.playground-output .tok-key { color: #93c5fd; }
.playground-output .tok-string { color: #86efac; }
.playground-output .tok-number { color: #fcd34d; }
.playground-output .tok-boolean, .playground-output .tok-null { color: #c4b5fd; }
.playground-output .tok-punctuation { color: #cbd5e1; }
.docs-playground #playground-status { overflow-wrap: anywhere; }
.docs-playground #playground-endpoint { overflow-wrap: anywhere; min-width: 0; }
.docs-playground #playground-status[data-state="error"] { color: var(--tblr-danger, #d63939); }
:root[data-docs-theme="dark"] .docs-playground #playground-status[data-state="error"] { color: #ff8585; }
.docs-playground .docs-code-wrap { min-width: 0; }
.docs-playground fieldset { min-width: 0; }
.docs-playground .playground-dates { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.docs-playground [hidden] { display: none !important; }
@media (min-width: 1200px) {
    .docs-playground #response { position: sticky; top: 4.5rem; }
}
@media (max-width: 1199px) {
    .docs-playground .playground-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575px) {
    .docs-playground .form-control, .docs-playground .form-select { font-size: 16px; }
    .docs-playground .playground-dates { grid-template-columns: minmax(0, 1fr); }
}

.docs-playground #playground-language { max-width: 18rem; }
.docs-playground #examples .docs-code { max-height: 30rem; overflow: auto; }