body { font-family: 'Inter', sans-serif;}
.api-badge  { font-size: 0.45em; position: relative; top: -15px; margin-left: 4px; padding: 0.3em 0.6em; }
code        { font-size: 1em !important; font-weight: bold !important;}
.ti-section { margin-bottom: 1.5rem;}
.ti-header  { background: #000;color: #e0e0e0;padding: 8px 12px;font-weight: normal;border: none;border-bottom: 1px solid #111;text-transform: uppercase;font-size: 0.85rem;}
.ti-header .ti-copy-btn {font-size: 0.75rem; padding: 2px 8px;border-radius: 0;}
.ti-url      { background: #202020ff; color: #4cff4c;  padding: 18px 14px; margin: 0; border: none; border-top: 1px solid #111;  white-space: pre-wrap;}
.ti-response { background: #202020ff; color: #ffffffff; padding: 14px; margin: 0; border: none; border-top: 1px solid #111; min-height: 220px; white-space: pre-wrap;overflow-x: auto;}
.ti-header,.ti-url,.ti-response { border-radius: 0 !important;}
.json-key       { color: #00aaff; font-weight: 600; }
.json-string    { color: #00cc66; }
.json-number    { color: #ffb74d; }
.json-brace     { color: #e0e0e0; }
.json-boolean   { color: #ff5c5c; font-weight: 600; }
.json-null      { color: #9e9e9e; font-style: italic; }
.syntax-key     { color: #79c0ff; } 
.syntax-string  { color: #a5d6ff; }
.syntax-number  { color: #ffa657; }
.syntax-boolean { color: #ff7b72; }
.syntax-null    { color: #d2a8ff; }
.syntax-tag     { color: #7ee787; } 
.syntax-attr    { color: #e3b341; } 
.syntax-value   { color: #a5d6ff; } 
.syntax-text    { color: #c9d1d9; }  
.code-key       { color: #dcdcaa; }
.code-url       { color: #9cdcfe; }
.code-method    { color: #4ec9b0; font-weight: bold; }
.code-header    { color: #c586c0; font-weight: bold; }
.code-value     { color: #4ec9b0; font-weight: bold; }
.code-text {
    font-family: monospace;
}