:root{--callout-info: var(--theme-accent);--callout-warning: var(--theme-callout-warning);--callout-tip: var(--theme-callout-tip);--callout-note: var(--theme-text-muted)}.callout{display:flex;gap:.75rem;padding:1rem 1.25rem;border-radius:.5rem;border-left:3px solid var(--callout-info);background:var(--theme-surface-card);margin-bottom:1rem}.callout-info{border-left-color:var(--callout-info)}.callout-warning{border-left-color:var(--callout-warning)}.callout-tip{border-left-color:var(--callout-tip)}.callout-note{border-left-color:var(--callout-note)}.callout-icon{flex-shrink:0;font-size:1.125rem;line-height:1.75}.callout-info .callout-icon{color:var(--callout-info)}.callout-warning .callout-icon{color:var(--callout-warning)}.callout-tip .callout-icon{color:var(--callout-tip)}.callout-note .callout-icon{color:var(--callout-note)}.callout-content{flex:1;min-width:0}.callout-content p{color:var(--theme-text-muted);font-size:1rem;line-height:1.75;margin:0}.callout-content p+p{margin-top:.5rem}.chart-container{border:1px solid var(--theme-surface-card-border);background:var(--theme-surface-card);border-radius:.5rem;padding:1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.chart-svg{width:100%;height:100%}.chart-title{fill:var(--theme-text);font-size:14px;font-weight:500;font-family:var(--font-lato),sans-serif}.chart-grid{stroke:var(--theme-surface-card-border);stroke-width:1;stroke-dasharray:4 2}.chart-axis{stroke:var(--theme-text-muted);stroke-width:1}.chart-axis-label{fill:var(--theme-text-muted);font-size:11px;font-family:var(--font-lato),sans-serif}.chart-value-label{fill:var(--theme-text);font-size:11px;font-weight:500;font-family:var(--font-lato),sans-serif}.chart-bar{fill:var(--theme-accent);opacity:.85;transition:opacity .15s ease}.chart-bar:hover{opacity:1}.chart-line{stroke:var(--theme-accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--theme-accent);stroke:var(--theme-surface-card);stroke-width:2}.code-demo{border:1px solid var(--theme-surface-card-border);border-radius:.5rem;overflow:hidden;margin-bottom:1rem}.code-demo-title{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--theme-surface-card);border-bottom:1px solid var(--theme-surface-card-border);color:var(--theme-text);font-size:.875rem;font-weight:500}.code-demo-lang{font-family:var(--font-ibm-plex-mono),ui-monospace,monospace;font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-surface-card-hover);padding:.125rem .5rem;border-radius:.25rem}.code-demo-panels{display:grid;grid-template-columns:1fr 1fr}@media(max-width:640px){.code-demo-panels{grid-template-columns:1fr}}.code-demo-source,.code-demo-output{padding:1rem;min-width:0;overflow-x:auto}.code-demo-source{border-right:1px solid var(--theme-surface-card-border)}@media(max-width:640px){.code-demo-source{border-right:none;border-bottom:1px solid var(--theme-surface-card-border)}}.code-demo-panel-label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-faint);margin-bottom:.5rem}.code-demo-source pre{margin:0;border:none;background:transparent;padding:0}.code-demo-output{font-family:var(--font-ibm-plex-mono),ui-monospace,monospace;font-size:.875rem;color:var(--theme-text-muted);line-height:1.6}.data-table-wrapper{overflow-x:auto;margin-bottom:1rem;border:1px solid var(--theme-surface-card-border);border-radius:.5rem}.data-table{width:100%;border-collapse:collapse;font-size:1rem}.data-table-caption{padding:.5rem .75rem;text-align:left;font-size:.875rem;font-weight:500;color:var(--theme-text-muted);caption-side:bottom;border-top:1px solid var(--theme-surface-card-border)}.data-table thead th{background:var(--theme-surface-card);color:var(--theme-text);font-weight:500;text-align:left;padding:.625rem .75rem;border-bottom:1px solid var(--theme-surface-card-border)}.data-table tbody td{color:var(--theme-text-muted);padding:.5rem .75rem;border-bottom:1px solid var(--theme-surface-card-border)}.data-table tbody tr:last-child td{border-bottom:none}.data-table-alt{background:var(--theme-surface-card)}