.hero-panel--legal {
  --work-body-font-size: clamp(1rem, 1.45vw, 1.1rem);
  --work-body-line-height: 1.76;
}

.hero-panel--legal .page-title {
  max-width: none;
}

.hero-panel--legal code {
  padding: 0.1rem 0.4rem;
  border-radius: 0.45rem;
  background: rgba(255, 255, 255, 0.06);
  color: var(--ink);
  font: 700 0.92em/1 var(--font-body);
}

html[data-theme="light"] .hero-panel--legal code {
  background: rgba(255, 255, 255, 0.82);
}

.legal-article {
  display: grid;
  gap: 1.25rem;
}

.legal-toolbar {
  display: flex;
  justify-content: flex-start;
  margin-bottom: -0.1rem;
}

.legal-home-link {
  flex: 0 0 auto;
  min-width: clamp(220px, 24vw, 288px);
}

.legal-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 0.9rem;
  align-items: center;
}

.legal-meta-item {
  margin: 0;
  color: var(--ink-soft);
  font: 600 0.88rem/1.4 var(--font-body);
  letter-spacing: 0.02em;
}

.legal-meta-item strong {
  color: var(--ink);
}

.legal-intro {
  display: grid;
  gap: 0.95rem;
}

.legal-section-stack {
  display: grid;
  gap: 1.1rem;
}

.legal-list {
  margin: 0;
  padding-left: 1.2rem;
  color: var(--ink-soft);
  font-family: var(--font-body);
  font-size: var(--work-body-font-size);
  line-height: var(--work-body-line-height);
}

.legal-list li + li {
  margin-top: 0.45rem;
}

.legal-contact-link {
  color: var(--accent-strong);
}

@media (max-width: 767px) {
  .legal-toolbar {
    justify-content: flex-start;
  }
}