/**
 * Sienna accessibility widget — theme-agnostic overrides.
 *
 * Sienna injects its CSS at runtime via JS (after the theme stylesheet),
 * and its `.asw-menu *` rule uses !important. To win the cascade we bump
 * specificity with `html …` (0,1,2 vs Sienna's 0,1,1) and keep !important.
 *
 * font-family is read from the theme's --font-base token (with a generic
 * fallback) so this file stays theme-independent — any host theme that
 * defines --font-base in :root automatically restyles the widget.
 */

.asw-menu-btn {
    width: 40px !important;
    height: 40px !important;
    border: 2px !important;
}

.asw-menu-btn svg {
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
}

html .asw-menu,
html .asw-menu * {
    font-family: var(--font-base, sans-serif) !important;
    line-height: 1.5 !important;
}

.asw-menu-header div[role=button] {
    width: 34px;
    height: 34px;
}