.logo {
    position: relative;
    padding: 1em; /* Using em for proportional spacing as per manual */
}

.logo img {
    max-height: 50px;
    width: auto;
}

/* Implementing the M-spacing rule from manual */
.logo::before {
    content: '';
    position: absolute;
    top: -1em;
    right: -1em;
    bottom: -1em;
    left: -1em;
    pointer-events: none;
}