/* ===========================
   Atom One Dark (scoped to .md)
   =========================== */

   .md code.hljs {
    display: block;
    overflow-x: auto;
    padding: 0.9rem 1.1rem;
    border-radius: 12px;
    background: #282c34;
    color: #abb2bf;
    border: 1px solid rgba(255, 255, 255, 0.08);
  }
  
  /* Inline code styling (inside paragraphs, lists, etc.) */
  .md :not(pre) > code.hljs {
    display: inline;
    padding: 0.08rem 0.36rem;
    border-radius: 6px;
  }
  
  /* Comments & quotes */
  .md .hljs-comment,
  .md .hljs-quote {
    color: #5c6370;
    font-style: italic;
  }
  
  /* Keywords */
  .md .hljs-doctag,
  .md .hljs-keyword,
  .md .hljs-formula {
    color: #c678dd;
  }
  
  /* Sections, tags, deletions, substitutions */
  .md .hljs-section,
  .md .hljs-name,
  .md .hljs-selector-tag,
  .md .hljs-deletion,
  .md .hljs-subst {
    color: #e06c75;
  }
  
  /* Literals */
  .md .hljs-literal {
    color: #56b6c2;
  }
  
  /* Strings, regex, additions, attributes */
  .md .hljs-string,
  .md .hljs-regexp,
  .md .hljs-addition,
  .md .hljs-attribute,
  .md .hljs-meta .hljs-string {
    color: #98c379;
  }
  
  /* Attributes, variables, numbers, selectors */
  .md .hljs-attr,
  .md .hljs-variable,
  .md .hljs-template-variable,
  .md .hljs-type,
  .md .hljs-selector-class,
  .md .hljs-selector-attr,
  .md .hljs-selector-pseudo,
  .md .hljs-number {
    color: #d19a66;
  }
  
  /* Symbols, bullets, links, meta, IDs, titles */
  .md .hljs-symbol,
  .md .hljs-bullet,
  .md .hljs-link,
  .md .hljs-meta,
  .md .hljs-selector-id,
  .md .hljs-title {
    color: #61aeee;
  }
  
  /* Built-ins & class titles */
  .md .hljs-built_in,
  .md .hljs-title.class_,
  .md .hljs-class .hljs-title {
    color: #e6c07b;
  }
  
  /* Emphasis & strong */
  .md .hljs-emphasis {
    font-style: italic;
  }
  .md .hljs-strong {
    font-weight: bold;
  }
  
  /* Underlined links */
  .md .hljs-link {
    text-decoration: underline;
  }