/* Static-build only enhancements */

.code-examples-block {
    border-top: 1px dashed var(--border-color, #e5e7eb);
    padding-top: 1rem;
}
.code-example-title { margin-top: .75rem; }
.expected-output {
    margin: .25rem 0 1rem;
    background: #0f172a;
    border-radius: 0 0 8px 8px;
}
.expected-output .badge { margin: .5rem .5rem 0; }
.expected-output pre {
    color: #cbd5e1;
    padding: .25rem .75rem .75rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: .85rem;
    white-space: pre-wrap;
}

/* Search page */
.search-page-box input { padding: .9rem 1.1rem; }
#searchResults .list-group-item { border-radius: 8px; margin-bottom: .4rem; }

/* Notebook download callout */
.notebook-callout {
    display: flex;
    align-items: center;
    gap: .85rem;
    border: 1px solid var(--border-color, #e5e7eb);
    border-left: 4px solid #f97316;
    background: #fff7ed;
    border-radius: 8px;
    padding: .85rem 1rem;
    margin: 1.25rem 0;
}
.notebook-callout .nb-icon { color: #f97316; font-size: 1.5rem; }
.notebook-callout a { font-weight: 600; }

/* Language tab pills for multi-language examples */
.lang-tabs { display: flex; gap: .35rem; flex-wrap: wrap; margin-bottom: .25rem; }
.lang-tabs .lang-pill {
    font-size: .7rem; text-transform: uppercase; letter-spacing: .03em;
    padding: .15rem .55rem; border-radius: 999px; background: #eef2ff; color: #4338ca;
}

/* Callout boxes used in expanded content */
.callout { border-radius: 8px; padding: .9rem 1.1rem; margin: 1.1rem 0; border: 1px solid transparent; }
.callout-note { background: #eff6ff; border-color: #bfdbfe; }
.callout-tip  { background: #ecfdf5; border-color: #a7f3d0; }
.callout-warn { background: #fef2f2; border-color: #fecaca; }
.callout-title { font-weight: 700; margin-bottom: .25rem; display: flex; align-items: center; gap: .4rem; }