/* Reuses the approved Global Ops achievement presentation, 2026-10-15. */
/* Reviewed achievement metrics in the shared data / trust modules. */
html body :is(#data,#trust) .stats > .stat.metric-laurel-host {
  container-type: inline-size;
  justify-items: center;
  text-align: center !important;
}
.metric-laurel {
  --metric-laurel-size: .72em;
  --metric-laurel-color: #BBB8C6;
  --metric-laurel-spacing: .16em;
  grid-row: 1;
  display: flex;
  align-items: center;
  gap: var(--metric-laurel-spacing);
  inline-size: max-content;
  max-inline-size: 100%;
  font-size: var(--wy-stat-size);
  line-height: 1;
  justify-self: center;
}
.metric-laurel[data-alignment="start"] { justify-self: start; }
.metric-laurel[data-alignment="end"] { justify-self: end; }
.metric-laurel > .metric-laurel__value { flex: none; }
/* Preserve the shared baseline. Tighten the unit by about 1px, and the
   prefix by about 2px at desktop size; use the same rules for every metric. */
html body :is(#data,#trust) .stats .stat .metric-laurel .metric-laurel__value .stat__unit {
  margin-left: 0;
}
html body :is(#data,#trust) .stats .stat .metric-laurel .metric-laurel__value .stat__prefix {
  margin-right: -.035em;
  align-self: center;
}
html body :is(#data,#trust) .stats > .stat.metric-laurel-host .metric-laurel__value .stat__unit {
  align-self: center;
}
html body :is(#data,#trust) .stats > .stat.metric-laurel-host .stat__label {
  text-align: center !important;
  justify-self: stretch;
}
.metric-laurel__branch {
  display: block;
  flex: none;
  block-size: var(--metric-laurel-size);
  inline-size: calc(var(--metric-laurel-size) * 44 / 76);
  color: var(--metric-laurel-color);
}
.metric-laurel__branch--right { transform: scaleX(-1); }
/* Keep a frame close to the visible digit height. Tight columns yield only
   the decoration; the complete metric and its original type size survive. */
@container (max-width: 150px) {
  .metric-laurel { --metric-laurel-size: .66em; --metric-laurel-spacing: .12em; }
}
@container (max-width: 125px) {
  .metric-laurel { gap: 0; }
  .metric-laurel__branch { display: none; }
}

/* Close only the value / description relation within each existing subgrid. */
html body :is(#data,#trust) .stats > .stat.metric-laurel-host {
  row-gap: calc(var(--wy-s5) * .82) !important;
}
@media (max-width: 767px) {
  html body :is(#data,#trust) .stats > .stat.metric-laurel-host {
    row-gap: calc(var(--wy-s4) * .82) !important;
  }
}