img.qr-code {
    width: 16.00rem;
}

.hd-client,
.hd-story {
    padding-inline: 8.00rem;
}

.hd-client__header,
.hd-story__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-block: 2.00rem;
}

.hd-story__content {
    figure {
        margin-inline: 1.00rem;
    }

    figure.alignleft {
        float: left;
    }

    figure.alignright {
        float: right;
    }

    img {
        display: inline;
        width: auto;
    }
}

.hd-story__recordings {
    margin-top: 2.00rem;

    audio {
        width: 50%;
    }
}