/* Header rules scoped only to the standalone synthetic demo. */
body > header.demo-header { background: #fff; }
body > header.demo-header #clinic-logo { display: inline-flex; flex: 0 0 64px; width: 64px; height: 64px; align-items: center; justify-content: center; border-radius: 50%; padding: 0; margin: 0; }
body > header.demo-header #clinic-logo img { display: block; width: 64px; height: 64px; object-fit: contain; border-radius: 50%; }
@media (max-width: 680px) { body > header.demo-header #clinic-logo { flex-basis: 56px; width: 56px; height: 56px; } body > header.demo-header #clinic-logo img { width: 56px; height: 56px; } }