/* --- 1. フォントサイズの固定 --- */
    #accessibility-toolbar div.font-xs {
        font-size: 12px !important;
    }
    #accessibility-toolbar button.text-sm {
        font-size: 14px !important;
    }
    #accessibility-toolbar button.text-xs {
        font-size: 12px !important;
    }

    /* --- 2. スペース（余白・間隔）の固定 --- */
    #accessibility-toolbar .p-3 {
        padding: 12px !important;
    }
    #accessibility-toolbar .gap-x-1 {
        column-gap: 4px !important;
    }
    #accessibility-toolbar .mr-2 {
        margin-right: 8px !important;
    }
    #accessibility-toolbar #decrease-font {
        padding: 8px 16px !important;
    }
    #accessibility-toolbar #increase-font {
        padding: 8px 12px !important;
    }
    #accessibility-toolbar #toggle-dark-mode {
        padding: 8px 12px !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    #accessibility-toolbar #reset-accessibility {
        padding: 8px 12px !important;
        margin-right: 16px !important;
    }

    /* --- 3. 要素のサイズ（幅・高さ）の固定 --- */

    /* ★★★ これが高さが変わる問題の直接的な解決策です ★★★ */

    /* 左側の見えないスペーサーDIVのサイズを固定 */
    #accessibility-toolbar > .max-w-6xl > div:first-child {
        width: 40px !important;
        height: 40px !important;
        flex-shrink: 0; /* 念のため縮まないように指定 */
    }
    /* 右側の閉じるボタンのサイズを固定 */
    #accessibility-toolbar #close-accessibility-btn {
        width: 40px !important;
        height: 40px !important;
    }
    /* 閉じるボタン内のSVGアイコンのサイズを固定 */
    #accessibility-toolbar #close-accessibility-btn svg {
        width: 20px !important;
        height: 20px !important;
    }