.hwe-skip-link {
    position: fixed;
    inset-inline-start: 16px;
    top: -80px;
    z-index: 100001;
    padding: 10px 16px;
    border: 2px solid #236f02;
    border-radius: 4px;
    color: #111;
    background: #fff;
    font-weight: 700;
    text-decoration: none;
}

.hwe-skip-link:focus { top: 12px; }

#content:focus {
    outline: 3px solid #236f02;
    outline-offset: 4px;
}

#nagish-online-toolbar {
    position: fixed;
    left: 0;
    right: auto;
    top: 24%;
    z-index: 100000;
    width: auto;
    color: #111;
    font-family: Arial, sans-serif;
    text-align: right;
}

#nagish-online-toolbar .nagish-online-toolbar-toggle { text-align: left; }

#nagish-online-toolbar .nagish-online-toolbar-toggle > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 2px solid #fff;
    border-radius: 0 0 8px 0;
    color: #fff;
    background: #236f02;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    font-size: 24px;
    text-decoration: none;
}

#nagish-online-toolbar .nagish-online-toolbar-overlay {
    display: none;
    width: min(300px, calc(100vw - 24px));
    max-height: 70vh;
    overflow-y: auto;
    border: 1px solid #cbd5c7;
    border-radius: 0 0 8px 0;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

#nagish-online-toolbar.nagish-online-toolbar-open .nagish-online-toolbar-overlay { display: block; }
#nagish-online-toolbar .nagish-online-toolbar-inner { padding: 16px; }

#nagish-online-toolbar .nagish-online-toolbar-title {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 700;
}

#nagish-online-toolbar .nagish-online-toolbar-items {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#nagish-online-toolbar .nagish-online-toolbar-link,
#nagish-online-toolbar .nagish-online-toolbar-link-offline {
    display: block;
    width: 100%;
    min-height: 42px;
    padding: 9px 12px;
    border: 1px solid #aab5a6;
    border-radius: 4px;
    color: #111;
    background: #fff;
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none;
}

#nagish-online-toolbar .nagish-online-toolbar-link:hover,
#nagish-online-toolbar .nagish-online-toolbar-link-offline:hover,
#nagish-online-toolbar .nagish-online-toolbar-link.active {
    color: #fff;
    background: #236f02;
}

#nagish-online-toolbar .footer-nagish-toolbar { margin-top: 12px; }

#nagish-online-toolbar a:focus-visible,
.hwe-skip-link:focus-visible {
    outline: 3px solid #cdf604;
    outline-offset: 2px;
}

body.nagish-online-grayscale { filter: grayscale(100%); }

body.nagish-online-high-contrast {
    color: #fff !important;
    background: #000 !important;
}

body.nagish-online-high-contrast a { color: #ffeb3b !important; }

body.nagish-online-negative-contrast {
    filter: invert(100%);
    background: #000 !important;
}

body.nagish-online-light-background,
body.nagish-online-light-background main {
    color: #111 !important;
    background: #fff !important;
}

body.nagish-online-links-underline a { text-decoration: underline !important; }

body.nagish-online-readable-font,
body.nagish-online-readable-font * { font-family: Arial, sans-serif !important; }

@media (max-width: 600px) {
    #nagish-online-toolbar { top: 16%; }
    #nagish-online-toolbar .nagish-online-toolbar-toggle > a { width: 46px; height: 46px; }
}