.np {
    background: var(--accent-colour1);
    border: 1px solid var(--container-border);
    margin-top: var(--global-spacing);
    overflow: hidden;
}

.np-header {
    font-size: .8em;
    line-height: 1.5em;
    padding: 0 2px;
}
.np-header-icon {
    font-family: var(--font-cursive);
    padding: 2px;
}
.np-header-text {
    font-family: var(--font-header);
}

.np-cover {
    display: block;
    margin: 1px auto;
    width: 178px;
    height: 178px;
    flex-grow: 0;
    flex-shrink: 0;
    border: 1px solid var(--container-colour);
    background: var(--container-colour);
}
.np-cover img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    object-fit: cover;
    border: 1px solid var(--accent-colour1);
}

.np-details {
    margin: 0 4px 2px;
    text-align: center;
}
.np-details a {
    color: inherit;
    text-decoration: none;
}
.np-details a:hover,
.np-details a:focus {
    text-decoration: underline;
}

.np-title {
    font-size: 1.2em;
    line-height: 1.5em;
}
.np-artist {
    font-size: .9em;
    line-height: 1.5em;
}