@use '../core' as *;

ul#{$selector-exclude-grid},
ol#{$selector-exclude-grid} {
    padding-left: 2.25em;

    &:where(:not(:last-child)) {
        margin-bottom: $spacing-size-4;
    }
}

li:where(:not(:last-child)) {
    margin-bottom: $spacing-size-2;
}

li > ol#{$selector-exclude-grid},
li > ul#{$selector-exclude-grid} {
    margin-top: $spacing-size-2;
    padding-left: 1.5em;
}

ul.list-style-none,
ol.list-style-none,
.list-style-none > li ul,
.list-style-none > li ol {
    padding-left: 0;
    list-style: none;

    li:where(:not(:last-child)) {
        margin-bottom: 0;
    }
}

pre#{$selector-exclude-grid} {
    padding: $spacing-size-2 $spacing-size-4;
    font-family: var(--text-monospace-font-family);
    font-size: 15px;
    border-radius: var(--radius-md);
    border: 1px solid color-mix(in srgb, var(--color-border-secondary), var(--color-border-primary));
    background-color: var(--color-bg-secondary);
}

hr#{$selector-exclude-grid} {
    height: 1px;
    border-radius: 1px;
    background-color: var(--color-border-primary);
    border: 0;
}

address#{$selector-exclude-grid} {
    font-style: inherit;
    line-height: inherit;
}
