/*
 * KoloPlus — widgets/legal/document_hero · v1.1.3.009
 */

.w-legal-document-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--n-s-3);
  padding: var(--n-s-6) var(--n-s-4);
  text-align: center;
  background:
    radial-gradient(ellipse 60% 80% at 50% 0%, var(--n-accent-soft), transparent 60%),
    var(--n-bg-2);
  border: 1px solid var(--n-line);
  border-radius: var(--n-r-lg);
  margin-bottom: var(--n-s-4);
}

.w-legal-document-hero__icon {
  font-size: 56px;
  line-height: 1;
  opacity: 0.7;
}

.w-legal-document-hero__title {
  margin: 0;
  font-weight: var(--n-w-bold);
  color: var(--n-text);
  line-height: var(--n-lh-tight);
}

.w-legal-document-hero__subtitle {
  color: var(--n-text-soft);
  max-width: 540px;
  line-height: var(--n-lh);
}

.w-legal-document-hero__meta {
  display: flex;
  align-items: center;
  gap: var(--n-s-3);
  flex-wrap: wrap;
  justify-content: center;
  color: var(--n-text-mute);
}

.w-legal-document-hero__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: var(--n-w-med);
}

@media (max-width: 600px) {
  .w-legal-document-hero__icon { font-size: 44px; }
}