.card-author-content p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
}

.section-head {
  max-width: 960px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
}

.post-tags.collapsed ul {
  max-height: 120px;
  overflow: hidden;
  position: relative;
  mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}

.post-tags ul {
  transition: max-height 0.3s ease;
}

.tags-toggle {
  display: block !important;
  text-align: center !important;
  margin-top: 1.5em !important;
}

.tags-toggle::before {
  display: none !important;
}

.post-tags:has(.tags-toggle:not(.expanded)) ul {
  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent) !important;
  mask-image: linear-gradient(to bottom, black 60%, transparent) !important;
}

body.tag-template .section-hero-content,
body.tag-template .section-hero-image+.section-hero-content {
  max-width: 1200px;
}

body.author-template .section-hero-image + .section-hero-content{
  max-width: 1000px;
}

body.tag-template .section-hero-image {
  display: none;
}

pre,
code {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
}

.post-header-buttons .post-comments-button .count {
  background: var(--ghost-accent-color);
  color: #fff;
}

section-hero-meta>svg {
  fill: var(--color-foreground);
}

.section-hero-meta>div:first-child:not(:only-child)::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-color: var(--color-foreground);
  /* This color will show */
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLW1hcC1waW4taWNvbiBsdWNpZGUtbWFwLXBpbiI+PHBhdGggZD0iTTIwIDEwYzAgNC45OTMtNS41MzkgMTAuMTkzLTcuMzk5IDExLjc5OWExIDEgMCAwIDEtMS4yMDIgMEM5LjUzOSAyMC4xOTMgNCAxNC45OTMgNCAxMGE4IDggMCAwIDEgMTYgMCIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTAiIHI9IjMiLz48L3N2Zz4=");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLW1hcC1waW4taWNvbiBsdWNpZGUtbWFwLXBpbiI+PHBhdGggZD0iTTIwIDEwYzAgNC45OTMtNS41MzkgMTAuMTkzLTcuMzk5IDExLjc5OWExIDEgMCAwIDEtMS4yMDIgMEM5LjUzOSAyMC4xOTMgNCAxNC45OTMgNCAxMGE4IDggMCAwIDEgMTYgMCIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTAiIHI9IjMiLz48L3N2Zz4=");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  vertical-align: middle;
  transform: translateY(-2px);
}

/* prompt syntax highlighting */
pre.shiki code .prompt-highlight {
  color: #7928ca !important;
  background: rgba(121, 40, 202, 0.12) !important;
  padding: 1px 4px;
  border-radius: 3px;
  font-weight: 500;
}
pre.shiki code .prompt-bracket {
  color: #cf222e !important;
}

html[data-color-scheme="dark"] pre.shiki code .prompt-highlight {
  color: #e2b6ff !important;
  background: rgba(210, 168, 255, 0.18) !important;
}
html[data-color-scheme="dark"] pre.shiki code .prompt-bracket {
  color: #ffa198 !important;
}

@media (prefers-color-scheme: dark) {
  html[data-color-scheme="system"] pre.shiki code .prompt-highlight {
    color: #e2b6ff !important;
    background: rgba(210, 168, 255, 0.18) !important;
  }
  html[data-color-scheme="system"] pre.shiki code .prompt-bracket {
    color: #ffa198 !important;
  }
}