/* Luage — Compendium meta strip
   Purpose: consistent ownership, versioning and review cadence on every chapter.
*/

.doc-meta{
  margin-top: .9rem;
  display: grid;
  gap: .55rem;
}

.doc-meta .meta-top{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
}

.doc-pill{
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .2rem .6rem;
  border-radius: 999px;
  border: 1px solid var(--luage-border, rgba(27,36,51,.18));
  background: rgba(255,255,255,.74);
  color: rgba(27,36,51,.78);
  font-weight: 800;
  font-size: .78rem;
  letter-spacing: .01em;
  white-space: nowrap;
}

.doc-pill--family{
  color: rgba(27,36,51,.74);
}

.doc-pill--planned{
  border-color: rgba(91,100,117,.32);
  background: rgba(91,100,117,.08);
}

.doc-pill--maturity-draft{
  border-color: rgba(245,158,11,.28);
  background: rgba(245,158,11,.08);
}

.doc-pill--maturity-recommended{
  border-color: rgba(70,220,212,.28);
  background: rgba(70,220,212,.08);
}

.doc-pill--maturity-mandatory{
  border-color: rgba(153,94,255,.25);
  background: rgba(153,94,255,.08);
}

.doc-meta .meta-line{
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  align-items: baseline;
  color: rgba(27,36,51,.76);
  font-size: .92rem;
}

.doc-meta .meta-k{
  font-weight: 800;
  color: rgba(27,36,51,.78);
}

.doc-meta .meta-v{
  font-weight: 800;
  color: rgba(27,36,51,.92);
}

.doc-meta .meta-sep{
  padding: 0 .15rem;
  opacity: .65;
}

.doc-meta.compact .meta-line{
  font-size: .88rem;
}

@media (max-width: 575px){
  .doc-meta .meta-line{
    line-height: 1.35;
  }
}
