/* Battalion History — achievement records. */

.achievement-list { display: flex; flex-direction: column; gap: 0.85rem; }

.achievement-card {
  background: rgba(111, 147, 189, 0.05);
  border: 1px solid var(--border);
  border-left: 3px solid var(--steel-light);
  border-radius: 0 6px 6px 0;
  padding: 1rem 1.2rem;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.achievement-card:hover { background: rgba(111, 147, 189, 0.09); border-left-color: var(--gold); }

.achievement-card.high {
  border-left-color: var(--gold);
  background: rgba(201, 169, 97, 0.06);
}
.achievement-card.high:hover {
  background: rgba(201, 169, 97, 0.1);
  border-left-color: var(--gold-bright);
}

.achievement-header {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  margin-bottom: 0.55rem;
}
.achievement-icon { font-size: 1.4rem; flex-shrink: 0; line-height: 1; margin-top: 0.1rem; }

.achievement-title {
  font-family: var(--font-display);
  font-size: 1.05rem;
  letter-spacing: 0.05em;
  color: var(--gold);
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 0.2rem;
}
.achievement-tag {
  font-family: var(--font-display);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  color: var(--steel-light);
  text-transform: uppercase;
  opacity: 0.9;
}
.achievement-card p { font-size: 0.88rem; line-height: 1.6; opacity: 0.88; margin: 0; padding-left: 2.3rem; }

@media (max-width: 700px) {
  .achievement-card p { padding-left: 0; }
}