/* IG Engine — supplemental styles. Tailwind handles the bulk. */

/* Print-friendly carousel slide layout: customers Cmd+P export to PNG */
@media print {
  body { background: #FFFFFF !important; }
  .no-print, .ig-sidebar, #toast-container, #ig-error-modal { display: none !important; }
  .ig-main { margin-left: 0 !important; }
}

/* Custom scrollbar (subtle) */
* { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.18) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.18); border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.28); }

/* Markdown-rendered content */
.prose-md h1, .prose-md h2, .prose-md h3 { font-weight: 700; margin: 1em 0 .4em; }
.prose-md h1 { font-size: 1.6em; }
.prose-md h2 { font-size: 1.3em; }
.prose-md p { margin: .6em 0; line-height: 1.6; }
.prose-md ul, .prose-md ol { padding-left: 1.4em; margin: .6em 0; }
.prose-md li { margin: .2em 0; }
.prose-md code { font-family: 'JetBrains Mono', monospace; font-size: .92em; padding: 1px 5px; background: var(--bg-muted); border-radius: 4px; }
.prose-md pre { background: var(--bg-muted); padding: 12px; border-radius: 8px; overflow-x: auto; }

/* Carousel slide preview (4:5 aspect, IG default) */
.carousel-slide { aspect-ratio: 4/5; }