div.survey {
    display: block;
    max-width: var(--content-width);
}

div.survey div.sorting-label-agree, div.survey div.sorting-label-zero, div.survey div.sorting-label-disagree {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    color: var(--drawn-color);
    font-size: smaller;
}

div.survey div.sorting-label-agree {
    margin-bottom: 1em;
    text-align: left;
}
div.survey div.sorting-label-zero {
    text-align: center;
}
div.survey div.sorting-label-disagree {
    margin-top: 1em;
    text-align: right;
}
div.survey hr, div.survey-editor hr {
    border: none;
    border-top: 1px solid var(--drawn-color);
}

div.survey button.continue {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.survey div.item-deck {
    display: block;
    max-width: var(--content-width);
    margin: 1em;
    padding: 1em;
    border: 1px solid var(--etch-color);
    border-radius: 0.5em;
    position: sticky;
    top: 1em;
    background: var(--background-color);
    z-index: 10;
}
div.survey div.item-deck > div[sortable] > div.ldsl-item:not(:first-of-type) {
    display: none;
}
div.survey div.item-deck > p.nonempty-hint:not(:has(~ div[sortable] > div.ldsl-item)) {
    display: none;
}
div.survey div.item-deck > p.empty-hint:has(~ div[sortable] > div.ldsl-item) {
    display: none;
}
div.survey div.item-deck > div[sortable]:has(> div.ldsl-item) ~ button.empty-button {
    display: none;
}

div.survey > button:last-child {
    margin-top: 0.33em;
}