/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */


    /* Make code blocks smaller */
    .prose .highlight pre code {
        @apply text-xs; /* This is 12px */
        line-height: 1.5;
    }
  
    /* Or for even more control, use a custom size */
    .prose .highlight pre code {
        font-size: 0.8125rem; /* 13px */
        /* or even smaller: */
        /* font-size: 0.75rem; */ /* 12px */
        /* font-size: 0.6875rem; */ /* 11px */
        line-height: 1.5;
    }
    
    /* Also make the padding smaller for a more compact look */
    .prose .highlight pre {
        @apply p-3; /* Instead of p-4 */
    }
    
    /* Optional: Make inline code smaller too */
    .prose .highlight pre code {
        font-size: 11px; /* Very small */
        line-height: 1.4;
      }

    /* Basic syntax colors */
    .highlight .k { color: #ff79c6; }  /* keywords */
    .highlight .s { color: #f1fa8c; }  /* strings */ 
    .highlight .c { color: #6272a4; }  /* comments */
    .highlight .n { color: #f8f8f2; }  /* names */
    .highlight .o { color: #ff79c6; }  /* operators */
    .highlight .p { color: #f8f8f2; }  /* punctuation */
    .highlight .l { color: #bd93f9; }  /* literals */
    .highlight .m { color: #50fa7b; }  /* numbers */
    .highlight .t { color: #8be9fd; }  /* types */
    .highlight .f { color: #ffb86c; }  /* functions */
    .highlight .g { color: #ff79c6; }  /* generic */
    .highlight .h { color: #ff79c6; }  /* headers */
    .highlight .v { color: #f8f8f2; }  /* variables */
    .highlight .w { color: #f8f8f2; }  /* whitespace */
    .highlight .x { color: #f8f8f2; }  /* special characters */
    .highlight .d { color: #ff79c6; }  /* decorators */
    .highlight .i { color: #f8f8f2; }  /* identifiers */
    .highlight .b { color: #f8f8f2; }  /* built-ins */
    .highlight .u { color: #f8f8f2; }  /* URLs */
    .highlight .e { color: #f8f8f2; }  /* errors */
    .highlight .x { color: #f8f8f2; }  /* special characters */
    .highlight .l .n { color: #f8f8f2; }  /* literal names */