.markdown-body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  color: var(--fgColor-default);
  background-color: var(--bgColor-default);
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  font-size: 16px;
  line-height: 1.5;
}

body {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-weight: 400;
color: #404040;
}

.rst-content .toctree-wrapper>p.caption, .rst-content h1, .rst-content h2, .rst-content h3, .rst-content h4, .rst-content h5, .rst-content h6 {
margin-bottom: 24px;
margin-top: 34px;

}

.rst-content .admonition, .rst-content .admonition-todo, .rst-content .attention, .rst-content .caution, .rst-content .danger, .rst-content .error, .rst-content .hint, .rst-content .important, .rst-content .note, .rst-content .seealso, .rst-content .tip, .rst-content .warning {
clear: both;
border-radius: 6px;

font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-weight: 400;
word-wrap: normal;

border: 1px solid var(--cine-code-border);
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); /* faint inner stroke */



}

.rst-content code {
/* color: #000000; */
border-radius: 6px;
background-color: #f5f5f5;;
color: #2d3135;



}

.rst-content pre code {
white-space: pre;
display: block;
padding: 12px;
font-size: 12px;
border-radius: 5px;

}

.markdown-body .highlight pre,
.markdown-body pre {
    color: var(--fgColor-default);
    background-color: #f5f5f5;/* uses variable value */
    border-radius: 6px;
}


/* Float an image to the right and keep some breathing-room on mobile */
.img-right {
  float: right;          /* let following text wrap on the left   */
  margin: 0 0 1em 1em;   /* top 0, right 0, bottom 1 em, left 1 em */
  max-width: 100%;       /* never exceed the parent’s width */
  border:#ffffff 1px solid; /* add a border */
    box-shadow: 0 0 5px rgba(0,0,0,0.2); /* add a shadow */

}
@media (max-width: 600px) {        /* small screens */
  .img-right { float: none; margin: 0 auto 1em; display: block; }
}

  /* Custom look for the copy-to-clipboard button */

  /* Base: hidden until hover because autohide:true flips visibility */
  .hljs-copy-button {
    width: 2rem;
    height: 2rem;
    padding: 0;
    font-size: 0;              /* hide default text                */
    background: transparent;
    border: none;
    cursor: pointer;
    background-image: url("/assets/icons/clipboard.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  /* Hover state (optional subtle highlight) */
  .hljs-copy-container:hover .hljs-copy-button {
    filter: brightness(0.9);
  }

  /* Success – plugin sets data-copied="true" for 2 s */
  .hljs-copy-button[data-copied="true"] {
    background-image: url("/assets/icons/checkmark.svg"); /* e.g. ✅ icon */
  }

/* 1 — neutralise every token class … */
.hljs,
.hljs * {
  color: inherit !important;
  background: inherit !important;
  text-shadow: none !important;
  font-weight: inherit !important;
}

/* 2 — …except comments */
.hljs-comment,
.hljs-quote {                /* .hljs-quote covers #! / shebang lines */
  color: #6a737d !important; /* GitHub-style grey */
  font-style: italic;        /* remove if you prefer upright */
}

/* =========================================================
   Cinemate – admonition accent bar (no text-colour change)
   ========================================================= */

.markdown-body .admonition,
.rst-content  .admonition {
  /* keep existing font, border-radius, etc. from your sheet */
  background: #fafbfc;                   /* lighter than #f5f5f5        */
  border-left: 6px solid transparent;    /* will be set per-type below  */
  padding-left: calc(1rem - 6px);        /* keep text aligned           */
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}

/* Per-type accent colours —              ONLY the bar gets coloured  */
.admonition.tip,
.admonition.hint,
.admonition.success      { border-left-color: #28b4a4; } /* light teal  */

.admonition.note,
.admonition.important    { border-left-color: #3b82f6; } /* light blue  */

.admonition.warning,
.admonition.caution      { border-left-color: #f59e0b; } /* light amber */

.admonition.danger,
.admonition.error        { border-left-color: #ef4444; } /* light red   */

/* Optional: emphasise the built-in title without altering colour */
.admonition > .admonition-title {
  font-weight: 600;
}