/* Chrome for shared-ui's Summary control. A sibling of one-web's rules, not a
   mirror: geometry uses the design system's spacing, radius and type tokens,
   colour uses sites' own.

   .fields, .label and .value are already defined in sites, so only the card and
   the full-row span are new. The full-row selector matters: sites styles
   `.field.is-full-row`, but Summary puts the class on a bare div inside .fields,
   so that existing rule cannot match it. */
.summary {
  font-size: var(--font-size-sm, 13px);
}

.summary-card {
  padding: var(--space-4);
  background-color: var(--color-base);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
}

.fields > .is-full-row {
  grid-column: 1 / -1;
}