/* pekeliling/show.latte — overrides on top of ann-show.css */

/* Slightly darker hero gradient for pekeliling */
.hero-header {
  background: linear-gradient(135deg, rgba(16,38,68,0.95), rgba(8,18,34,0.98));
}

.ann-badge {
  font-family: var(--font-ui);
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.3rem 0.85rem;
  border-radius: 99px;
  background: var(--gold-light);
  color: var(--gold-hover);
  border: 1px solid rgba(251,191,36,0.4);
}

.ann-badge--pinned {
  background: var(--navy-light);
  color: var(--navy);
  border-color: rgba(15,76,117,0.22);
}

.ann-rule {
  background: linear-gradient(90deg, var(--gold), var(--teal));
}

.ann-attachment svg { color: var(--gold-hover); }

.ann-body blockquote {
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-left: 3px solid var(--gold);
  background: var(--gold-light);
  border-radius: 0 var(--r-sm) var(--r-sm) 0;
  font-style: italic;
  color: var(--fg-muted);
}