:not(pre) > code,
kbd,
samp {
    padding: 0.05em 0.4em;
    font-family: var(--mono);
    font-size: 0.9em;
    border-radius: 3px;
}

:not(pre) > code {
    background: color-mix(in srgb, var(--accent) 16%, var(--surface));
    border: 1px solid color-mix(in srgb, var(--accent) 40%, transparent);
}

kbd {
    white-space: nowrap;
    background: var(--surface);
    border: 2px solid var(--border);
    border-bottom-width: 4px;
}

samp {
    background: var(--surface);
    border: 1px dashed var(--border);
}

abbr[title] {
    text-decoration: underline dotted var(--deco) 2px;
    text-underline-offset: 3px;
    cursor: help;
}

dfn {
    font-weight: 700;
    font-style: normal;
    color: var(--accent);
}

mark {
    padding: 0 0.25em;
    color: var(--text);
    background: color-mix(in srgb, var(--deco) 35%, transparent);
    border-radius: 3px;
}

ins {
    text-decoration: underline wavy var(--accent) 1px;
    text-underline-offset: 3px;
}

del {
    text-decoration-color: var(--warn);
    text-decoration-thickness: 2px;
    opacity: 0.8;
}

cite {
    font-style: italic;
}

var {
    font-family: var(--mono);
    font-size: 0.95em;
    color: var(--accent-2);
}

small {
    font-size: 0.85rem;
    color: color-mix(in srgb, var(--text) 70%, transparent);
}