.up-hero {
  position: relative;
  padding: 60px 0 40px;
  background-image:
    linear-gradient(180deg, rgba(10, 15, 12, 0.5) 0%, rgba(10, 15, 12, 0.9) 100%),
    repeating-linear-gradient(90deg, rgba(134, 163, 132, 0.06) 0px, rgba(134, 163, 132, 0.06) 1px, transparent 1px, transparent 24px);
  border-bottom: 1px solid var(--line-soft);
}

.up-hero h1 {
  color: var(--bg);
  font-size: 32px;
  margin: 10px 0 12px;
  max-width: 760px;
}

.up-hero-sub {
  color: var(--secondary);
  max-width: 700px;
  margin: 0 0 10px;
}

.lc-updated {
  color: var(--amber);
  font-size: 12px;
  letter-spacing: 0.08em;
  margin: 0;
}

.up-table th {
  white-space: normal;
}

@media (max-width: 640px) {
  .up-hero {
    padding: 44px 0 30px;
  }

  .up-hero h1 {
    font-size: 25px;
  }
}
.up-fig {
  border: 1px solid var(--line);
  background: var(--panel);
  padding: 14px;
  max-width: 560px;
  margin-bottom: 26px;
}

.up-fig img {
  display: block;
  width: 100%;
  max-width: 500px;
  max-height: 320px;
  object-fit: cover;
}

.up-fig-cap {
  margin: 10px 2px 0;
  color: var(--green);
  font-size: 11.5px;
}