/* Hints — neutral block, GitHub-style icons with proper colors */
.md-callout{
  display:flex;
  gap:.65rem;
  align-items:center;
  margin:1.1rem 0;
  padding:.7rem .9rem;
  border-radius:2px;
  border:1px solid oklch(25.33% 0.016 252.42);
  background:oklch(21.15% 0.012 254.09);
  color:oklch(97.807% 0.029 256.847 / .72);
  font-size:.9rem;
  line-height:1.5;
}
.md-callout-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.1rem;
  height:1.1rem;
  flex-shrink:0;
  line-height:0;
}
.md-callout-icon svg{
  display:block;
  width:16px;
  height:16px;
}
.md-callout-body{flex:1;min-width:0}
.md-callout-body p{
  margin:0;
  font-size:inherit;
  line-height:inherit;
  color:inherit;
}
.md-callout-body p + p{margin-top:.35rem}
.md-callout a{
  color:#6dc512;
  font-weight:500;
  text-decoration:none;
}
.md-callout a:hover{text-decoration:underline}

/* info / note — muted grey icon (not accent green) */
.md-callout--info{
  background:oklch(21.15% 0.012 254.09);
  border-color:oklch(25.33% 0.016 252.42);
}
.md-callout--info .md-callout-icon{color:oklch(97.807% 0.029 256.847 / .55)}

/* tip / success — green */
.md-callout--success{
  background:oklch(21.15% 0.012 254.09);
  border-color:oklch(25.33% 0.016 252.42);
}
.md-callout--success .md-callout-icon{color:#6dc512}

/* warning — yellow/amber */
.md-callout--warn{
  background:oklch(21.15% 0.012 254.09);
  border-color:oklch(25.33% 0.016 252.42);
}
.md-callout--warn .md-callout-icon{color:#e3b341}

/*
  Quotes — fcheats metrics + green accent, slightly more spacing
*/
.md-callout--important{
  display:block;
  margin:14px 0;
  padding:10px 12px 10px 16px;
  border:none;
  border-left:3px solid #6dc512;
  border-radius:0 7.5px 7.5px 0;
  background:rgba(109, 197, 18, 0.08);
  box-shadow:none;
  color:oklch(97.807% 0.029 256.847 / 0.7);
  font-size:15px;
  line-height:1.55;
  align-items:stretch;
}
.md-callout--important .md-callout-title{
  display:block;
  font-size:11.25px;
  font-weight:600;
  letter-spacing:0.28px;
  text-transform:uppercase;
  color:#6dc512;
  margin:0 0 4px;
  line-height:1.4;
}
.md-callout--important .md-callout-body,
.md-callout--important .md-callout-body p{
  margin:0;
  padding:0;
  color:oklch(97.807% 0.029 256.847 / 0.7);
  font-size:15px;
  font-weight:400;
  line-height:1.55;
}
.md-callout--important .md-callout-body p + p{margin-top:.45rem}