/**
 * Archetype 3: Institutional E-E-A-T, Methodology & Legal Docs (.zml-view-institutional)
 * Strictly <= 250 lines
 */
.zml-view-institutional .zml-doc-shell {
  background: var(--zml-bg-surface);
  border: 1px solid var(--zml-border-subtle);
  border-radius: var(--zml-radius-lg);
  padding: 2rem;
  box-shadow: var(--zml-shadow-card);
}

.zml-view-institutional .zml-doc-prose {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  color: var(--zml-text-secondary);
  line-height: 1.75;
}

.zml-view-institutional .zml-doc-prose h2 {
  color: var(--zml-text-primary);
  font-size: 1.35rem;
  margin-top: 1rem;
}

.zml-view-institutional .zml-doc-prose h3 {
  color: var(--zml-text-primary);
  font-size: 1.1rem;
  margin-top: 0.6rem;
}

.zml-view-institutional .zml-spec-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 1rem;
  margin: 1.25rem 0;
}

.zml-view-institutional .zml-spec-box {
  background: var(--zml-bg-elevated);
  border: 1px solid var(--zml-border-subtle);
  border-radius: var(--zml-radius-md);
  padding: 1.15rem;
}

@media (max-width: 640px) {
  .zml-view-institutional .zml-doc-shell {
    padding: 1.15rem;
  }
}