.mtss-section,
.mtss-history-nav {
  margin: 2rem 0;
  padding: 1.25rem 1.4rem;
  border: 1px solid #d9dee5;
  border-left: 5px solid #183b68;
  border-radius: 4px;
  background: #f8fafc;
}

.mtss-section h2,
.mtss-history-nav h2 {
  margin-top: 0;
}

.mtss-confirmed { border-left-color: #237a45; }
.mtss-unknown { border-left-color: #a46a00; }
.mtss-analysis { border-left-color: #7a263a; }
.mtss-sources { background: #fff; }

.mtss-faq details {
  padding: .8rem 0;
  border-bottom: 1px solid #d9dee5;
}

.mtss-faq summary {
  cursor: pointer;
  font-weight: 700;
}

.mtss-history-nav > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.mtss-history-nav a {
  display: block;
  text-decoration: none;
}

.mtss-history-nav a span {
  display: block;
  margin-bottom: .3rem;
  color: #606b78;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.mtss-next { text-align: right; }

.mtss-history-hub li {
  display: grid;
  grid-template-columns: 9rem 1fr;
  gap: 1rem;
  padding: .7rem 0;
  border-bottom: 1px solid #e4e7eb;
}

@media (max-width: 640px) {
  .mtss-history-nav > div,
  .mtss-history-hub li {
    grid-template-columns: 1fr;
  }
  .mtss-next { text-align: left; }
}