nav.wizard {
    display: flex;
    flex-direction: row;
    width: max-content;
}
nav.wizard a, nav.wizard label {
    background: var(--etch-color);
    border-radius: 0.2em;
    color: var(--disabled-text-color);
    text-decoration: none;
    padding: 0.2em;
    margin: 0.2em;
    cursor: pointer;
}
nav.wizard a.active, nav.wizard label:has(input:checked) {
    color: var(--text-color);
    font-style: normal;
}
nav.wizard a:not([disabled]):hover, nav.wizard label:hover {
    color: var(--clickable-hover-color);
    font-style: normal;
}
nav.wizard a[disabled] {
    background: none;
    border: 1px solid var(--etch-color);
    cursor: not-allowed;
}
nav.wizard span {
    padding: 0.2em;
    margin: 0.2em;
}
nav.wizard button {
    margin: 0.2em;
    padding: 0.2em;
}
nav.wizard label input {
    display: none;
}