/* The public demo only (CLINIC_DEMO=1): base.html links this file when the
   demo is on. The one-line banner and the role picker's grid. */
.demo-line {
  margin: 0; padding: 8px 16px; text-align: center;
  font-size: 0.875rem; line-height: 1.35; color: #5F5A52; background: var(--surface2);   /* 6:1 on the band */
}
.demo-line.note { color: #78350F; background: #FDF3E3; font-weight: 600; }
.demo-roles { margin-bottom: 14px; }
.demo-roles > form { display: contents; }
.demo-roles > form:last-child:nth-child(odd) > .tile { grid-column: 1 / -1; }
.demo-roles .tile { min-height: 84px; }