.printMembership :not(dialog, dialog *) {
    display: none;
}

.printMembership dialog {
    position: relative;
    overflow: hidden;
    width: 85.6mm;
    height: 54mm;
    border: 0.5mm solid var(--colour-green);
    border-radius: 4mm;
}

.printMembership .photo {
    position: absolute;
    top: 0.75mm;
    left: 0.75mm;
    height: 52mm;
    border-radius: 3mm;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
}
.printMembership .logo {
    position: absolute;
    bottom: 0.75mm;
    right: 0.75mm;
    height: 10mm;
}

.printMembership dl {
    position: absolute;
    top: 5mm;
    left: 43mm;
    flex-flow: row wrap;
    margin: 0;
}

dl {
}

.printMembership dd {
    font-size: 3mm;
    flex: 0 0 auto;
    width: 22mm;
    margin: 0;
    padding: 0;
}

.printMembership dt {
    flex: 1 1 auto;
}