/* Panel: the bordered sheet a screen's content sits on. */

.panel {
  width: 100%;
  max-width: 44rem;
  background: var(--surface);
  border: 1px solid var(--line);
  padding: 2.75rem;
}

.panel--narrow {
  max-width: var(--measure);
  background: transparent;
  border: 0;
  padding: 0;
}

.panel--wide { max-width: 72rem; background: transparent; border: 0; padding: 0; }

.panel__lead {
  margin: 0.625rem 0 0;
  font-size: 1.0625rem;
  color: var(--ink-muted);
  text-wrap: pretty;
}

.panel__foot { margin: 1.5rem 0 0; font-size: 0.875rem; color: var(--ink-muted); }