/* Pinned-post badge on home cards: default theme style is 12px gray (see home.styl
   .post-sticky-box). Enlarged and recolored here via theme inject, without touching
   the npm-managed theme. Mobile (<500px, keep-mobile breakpoint) keeps the theme's
   icon-only rotated pin, just bigger and tinted with the primary color. */

.home-content-container .home-post-list .home-post-item .post-sticky-box {
  padding: 0.25rem 0.7rem;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  background: var(--primary-color);
  border-radius: 0.45rem;
  box-shadow: 0 2px 8px rgba(0, 102, 204, 0.35);
  transform: scale(1);
}

.home-content-container .home-post-list .home-post-item .post-sticky-box .fas {
  font-size: 0.95em;
}

@media (max-width: 500px) {
  .home-content-container .home-post-list .home-post-item .post-sticky-box {
    padding: 0.1rem;
    color: var(--primary-color);
    font-size: 17px;
    background: none;
    box-shadow: none;
  }
}