/* Soft sea-glass background; white reading surfaces. */
html:not([data-kamusi-theme="dark"]) body{
 background-color:#ece2d8!important;
 background-image:radial-gradient(ellipse at 8% 12%,rgba(255,254,254,.65),transparent 55%),radial-gradient(ellipse at 95% 75%,rgba(236,226,216,.35),transparent 50%),linear-gradient(135deg,#ece2d8 0%,#fffefe 100%)!important;
 background-attachment:fixed!important;
 background-repeat:no-repeat!important;
 min-height:100vh;
}
html:not([data-kamusi-theme="dark"]) body :is(.ukurasa,.home-layout-three,.home-main,.home-sidebar){background:transparent!important}
html:not([data-kamusi-theme="dark"]) body :is(.widget-panel,.az-panel,.entry-card,.entry-image-card,.entry-mentioned,.image-card,.image-picture-wrap,.word-card,.daily-word-card,.search-panel,.search-results,.empty-state-panel,.hero,.entry-hero,.image-hero,.kamusi-hero,.daily-comparison,.daily-timeline__item,.kamusi-page-card,.meaning-block){background:#fff!important;background-image:none!important}
/* Only individual senses are cards; the surrounding section is open. */
html body .home-layout-three .home-main .entry-definition-card{
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:transparent!important;background-image:none!important;
 padding:0!important;backdrop-filter:none!important;
}
html body .home-layout-three .entry-definition-card__head{padding:0 0 14px;margin:0 0 18px;border:0;box-shadow:none;background:transparent!important}

/* Warm cream header in light mode. */
html:not([data-kamusi-theme="dark"]) body .site-header{background:#f6f4ee!important;background-image:none!important}
html:not([data-kamusi-theme="dark"]) body .site-header :is(.site-branding__link,.brand-link,.site-branding__name,.site-title,.site-nav__link,.site-mobile-menu__title){color:#292d26!important}
html:not([data-kamusi-theme="dark"]) body .site-header .site-mobile-toggle{background:#fffefe!important;border-color:#d5cbc0!important;color:#292d26!important}
html:not([data-kamusi-theme="dark"]) body .site-header .site-mobile-toggle__bar{background:#292d26!important}
html:not([data-kamusi-theme="dark"]) body .site-header :is(.site-mobile-toggle svg,.site-branding svg){color:#292d26!important}
html:not([data-kamusi-theme="dark"]) body :is(.site-mobile-menu__inner,.site-mobile-menu__header){background:#f6f4ee!important;color:#292d26!important}
html:not([data-kamusi-theme="dark"]) body :is(.site-mobile-nav__link,.site-mobile-menu__title,.site-mobile-menu__close){color:#292d26!important}
html:not([data-kamusi-theme="dark"]) body .home-sidebar .widget-panel :is(.widget-panel__title,h2,h3){color:#35483f!important}
/* Match the active theme even when page-local card rules are loaded later. */
html[data-kamusi-theme="dark"] body .home-layout-three :is(.home-main,.home-sidebar) :is(.meaning-block,.entry-card,.entry-hero,.entry-image-card,.entry-mentioned,.entry-mentioned__link,.widget-panel){background:#18231f!important;background-image:none!important;border-color:#35463c!important;color:#e4ece7!important}
html[data-kamusi-theme="dark"] body .home-layout-three .home-main .meaning-block :is(.lexicon-grammar,.sense-verb-heading){background:#203029!important;border-color:#3b5144!important;color:#e4ece7!important}
html[data-kamusi-theme="dark"] body .home-layout-three .home-main .meaning-block .lexicon-grammar>div{background:#203029!important;border-color:#3b5144!important}
html[data-kamusi-theme="dark"] body .home-layout-three .home-main .meaning-block .example-line{background:#292e24!important;border-color:#b79649!important;color:#e4ece7!important}
html[data-kamusi-theme="dark"] body .home-layout-three .home-main .meaning-block .entry-pill{background:#203029!important;border-color:#47604e!important;color:#b6e8cd!important}
html[data-kamusi-theme="dark"] body .home-layout-three .home-main .meaning-block :is(.sense-origin,.sense-references){border-color:#35463c!important}
html[data-kamusi-theme="dark"] body .home-layout-three .home-main .meaning-block :is(summary,.reference-count,.sense-verb-heading strong){color:#d3e9db!important}
html[data-kamusi-theme="dark"] body .home-layout-three .home-main .meaning-block .sense-number{background:#443c26!important;color:#efcf80!important}
/* Reduce cumulative outer gutters on phones. */
@media(max-width:600px){
 html body main.ukurasa .entry-definition-card__head{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 14px!important;margin:6px 0 12px!important;width:100%;box-sizing:border-box}
 html body main.ukurasa .entry-definition-card__head h2{margin:0;font-size:19px;line-height:1.35;min-width:0}
 html body main.ukurasa .entry-definition-card__head .entry-mini-badge{margin:0 0 0 auto;flex-shrink:0;white-space:nowrap;padding:6px 10px}
 html body main.ukurasa{padding-left:6px!important;padding-right:6px!important;min-width:0;box-sizing:border-box}
 html body main.ukurasa>.container{padding-left:0!important;padding-right:0!important;max-width:100%;box-sizing:border-box}
 html body main.ukurasa .home-layout-three{padding-left:0!important;padding-right:0!important;grid-template-columns:minmax(0,1fr);min-width:0}
 html body main.ukurasa .home-main{min-width:0;padding-left:0!important;padding-right:0!important}
 html body main.ukurasa .home-layout-three .home-sidebar{display:none!important}
 html body main.ukurasa .home-main .meaning-block{padding:14px!important}
 html body main.ukurasa .home-main .entry-hero{padding:14px!important}
}

html:not([data-kamusi-theme="dark"]) body .site-header{color:#292d26!important}
html:not([data-kamusi-theme="dark"]) body .site-header .site-branding :is(a,span,strong){color:#292d26!important}
/* Match Ushairi's solid accent navigation card. */
html body .home-layout-three .home-sidebar .widget-panel.widget-panel--accent{
 background:#944512!important;background-image:none!important;border:1px solid #944512!important;
 color:#fff!important;padding:16px 14px!important;box-shadow:0 4px 16px rgba(101,53,22,.08)!important;
}
html body .home-layout-three .home-sidebar .widget-panel.widget-panel--accent .widget-panel__title{
 color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:19px;line-height:1.35;margin:0 0 9px!important;padding:0 0 10px!important;border-bottom:1px solid rgba(255,255,255,.3)!important;
}
html body .home-layout-three .home-sidebar .widget-panel--accent .sidebar-link-list{display:block!important;gap:0!important;margin:0!important;padding:0!important;background:transparent!important}
html body .home-layout-three .home-sidebar .widget-panel--accent .sidebar-link-list__item{
 display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:transparent!important;
 border:0!important;border-bottom:1px solid rgba(255,255,255,.28)!important;border-radius:0!important;
 padding:6px 4px!important;margin:0!important;line-height:1.5;font-size:13px;font-weight:500;box-shadow:none!important;text-decoration:none!important;
}
html body .home-layout-three .home-sidebar .widget-panel--accent .sidebar-link-list__item:hover{background:rgba(255,255,255,.1)!important}
html body .home-layout-three .home-sidebar .widget-panel--accent .sidebar-link-list__item:focus-visible{outline:2px solid #ffe4b5;outline-offset:1px}
@media(max-width:920px){
 html:not([data-kamusi-theme="dark"]) body .site-header .site-branding .site-branding__link{color:#242923!important;-webkit-text-fill-color:#242923!important;opacity:1!important}
 html:not([data-kamusi-theme="dark"]) body .site-header button.site-mobile-toggle{color:#242923!important;background:#f6f4ee!important;border-color:#d4c9bd!important}
 html:not([data-kamusi-theme="dark"]) body .site-header button.site-mobile-toggle .site-mobile-toggle__bar{background:#242923!important;background-image:none!important;opacity:1!important}
 html:not([data-kamusi-theme="dark"]) body .site-header button.site-mobile-toggle svg{stroke:#242923!important}
}

/* Ushairi reference: subtle 4px card corners, on desktop and phone. */
html body .home-layout-three{--entry-card-radius:4px}
html body .home-layout-three :is(.home-main,.home-sidebar) :is(.widget-panel,.entry-hero,.entry-card,.entry-image-card,.meaning-block,.entry-mentioned,.entry-mentioned__link,.image-card,.word-card,.daily-word-card,.az-panel,.kamusi-page-card){border-radius:4px!important}
html body main.ukurasa :is(.widget-panel,.image-card,.word-card,.daily-word-card,.search-panel,.search-results,.empty-state-panel,.hero,.image-hero,.kamusi-hero,.daily-comparison,.daily-timeline__item,.kamusi-page-card){border-radius:4px!important}

/* Mobile drawer copied from the supplied Ushairi assets. */
/* Local mobile drawer skin; shared navigation behavior remains in place. */
.site-mobile-menu{background:rgba(15,24,20,.48)!important;backdrop-filter:blur(5px)}
.site-mobile-menu__inner{width:min(88vw,360px)!important;max-width:100%;height:100dvh!important;box-sizing:border-box;padding:24px 20px!important;background:#fffdf8!important;border-radius:0 24px 24px 0;box-shadow:16px 0 60px #11231b30;overflow-y:auto;overscroll-behavior:contain}
.site-mobile-menu__top{gap:14px;padding-bottom:20px!important;border-bottom:1px solid #ece2d3!important}
.site-mobile-menu__title{font-size:19px!important;line-height:1.4;font-weight:800;color:#314638!important}
.site-mobile-menu__close{width:38px;height:38px;border-radius:50%!important;border:1px solid #e6dfd2!important;background:#f5efe5!important;color:#435245!important;font-size:26px;display:grid;place-items:center;flex-shrink:0}
.site-mobile-menu__search{margin:22px 0!important}
.site-mobile-menu__search .site-search__form{border-radius:12px!important;overflow:hidden;background:#fff!important;border:1px solid #dedfd5!important}
.site-mobile-menu__search .site-search__input{min-width:0;width:100%;padding:12px!important}
.site-mobile-menu__group-title{font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:#9a7c53!important;margin:24px 10px 12px!important}
.site-mobile-nav{display:grid!important;gap:7px!important}
.site-mobile-nav__link{display:flex!important;align-items:center;gap:13px;padding:13px 14px!important;border:1px solid transparent!important;border-radius:12px!important;font-size:15px!important;font-weight:600;text-decoration:none;color:#394a3e!important;background:transparent!important;transition:background .18s}
.site-mobile-nav__link:hover,.site-mobile-nav__link:focus-visible,.site-mobile-nav__link.is-active{background:#f3e8d6!important;color:#784b24!important;border-color:#e8d6b8!important}
.kamusi-menu-icon{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#a47b48}
html[data-kamusi-theme="dark"] body .site-mobile-menu__inner{background:#18231f!important}
html[data-kamusi-theme="dark"] body .site-mobile-menu__top{border-color:#35463c!important}
html[data-kamusi-theme="dark"] body .site-mobile-nav__link{background:transparent!important;color:#dce9df!important;border-color:transparent!important}
html[data-kamusi-theme="dark"] body .site-mobile-nav__link:hover,html[data-kamusi-theme="dark"] body .site-mobile-nav__link:focus-visible,html[data-kamusi-theme="dark"] body .site-mobile-nav__link.is-active{background:#304335!important;border-color:#52614a!important;color:#f0dfb7!important}
html[data-kamusi-theme="dark"] body .site-mobile-menu__group-title{color:#c4ad83!important}
html[data-kamusi-theme="dark"] body .kamusi-menu-icon{color:#d4b47b}
html[data-kamusi-theme="dark"] body .site-mobile-menu__search .site-search__form{background:#203029!important;border-color:#465c4c!important}

/* Drawer input uses an explicit matching foreground and background in both themes. */
.site-mobile-menu__inner{border-radius:0!important}
.site-mobile-menu .site-search__input{background:#fff!important;color:#25372c!important;-webkit-text-fill-color:#25372c!important;caret-color:#805029!important}
.site-mobile-menu .site-search__input::placeholder{color:#778078!important;-webkit-text-fill-color:#778078!important;opacity:1}
html[data-kamusi-theme="dark"] body .site-mobile-menu .site-search__input{background:#203029!important;color:#e4ece7!important;-webkit-text-fill-color:#e4ece7!important;caret-color:#e4ece7!important}
html[data-kamusi-theme="dark"] body .site-mobile-menu .site-search__input::placeholder{color:#adbbb3!important;-webkit-text-fill-color:#adbbb3!important;opacity:1}


/* Same shared Ushairi topbar geometry, with Kamusi's selected light palette. */
@media(max-width:920px){
 html body .site-header .site-header__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 18px}
 html body .site-header .site-header__actions{width:auto;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
 html body .site-header :is(.site-nav,.site-search){display:none}
 html body .site-header .site-branding{min-width:0}
 html body .site-header .site-branding__link{white-space:normal;overflow-wrap:normal}
 html body .site-header .site-mobile-toggle{display:inline-flex;width:42px;height:42px;padding:8px;flex-shrink:0;border-radius:4px!important;align-items:center;justify-content:center;flex-direction:column;gap:4px}
 html body .site-header .site-mobile-toggle__bar{display:block;width:18px;height:2px;border-radius:999px}
 html:not([data-kamusi-theme="dark"]) body .site-header{background:#f6f4ee!important;border-bottom:1px solid #ded3c7!important}
 html:not([data-kamusi-theme="dark"]) body .site-header .site-branding__link{color:#242923!important;-webkit-text-fill-color:#242923!important}
 html:not([data-kamusi-theme="dark"]) body .site-header .site-mobile-toggle{background:#fffefe!important;border:1px solid #d5cbc0!important}
 html:not([data-kamusi-theme="dark"]) body .site-header .site-mobile-toggle__bar{background:#242923!important}
 html[data-kamusi-theme="dark"] body .site-header .site-branding__link{color:#e4ece7!important;-webkit-text-fill-color:#e4ece7!important}
 html[data-kamusi-theme="dark"] body .site-header .site-mobile-toggle{background:#203029!important;border-color:#405747!important}
 html[data-kamusi-theme="dark"] body .site-header .site-mobile-toggle__bar{background:#e4ece7!important}
}
@media(max-width:680px){html body .site-header .site-header__inner{padding:10px 16px}html body .site-header .site-branding__link{font-size:22px;line-height:1.12}html body .site-header .site-branding__tagline{font-size:11px}}
@media(max-width:480px){html body .site-header .site-header__inner{padding:8px 16px}html body .site-header .site-branding__link{font-size:20px}html body .site-header .site-mobile-toggle{width:40px;height:40px;padding:7px}}

/* Inset both sides of the meaning heading on every screen size. */
html body main.ukurasa .home-layout-three .home-main .entry-definition-card .entry-definition-card__head{
 display:flex!important;align-items:center;justify-content:space-between;gap:12px;
 padding:8px 16px 14px!important;margin:6px 0 12px!important;width:100%;box-sizing:border-box;
}
html body main.ukurasa .home-layout-three .home-main .entry-definition-card .entry-definition-card__head .entry-mini-badge{margin-left:auto;flex-shrink:0;white-space:nowrap}

/* Keep the show-more button and count on the same horizontal row. */
html body .home-main .entry-card #methali-more{display:inline-flex;vertical-align:middle;align-items:center;margin:14px 12px 0 0}
html body .home-main .entry-card #methali-more[hidden]{display:none!important}
html body .home-main .entry-card #methali-progress{display:inline-block;vertical-align:middle;margin:14px 0 0!important;font-size:13px;line-height:1.6}
html body .home-main .entry-card #methali-progress:empty{display:none}
/* Override the brown light-mode accent surface in dark mode. */
html[data-kamusi-theme="dark"] body .home-layout-three .home-sidebar .widget-panel.widget-panel--accent{background:#18231f!important;background-image:none!important;border-color:#35463c!important;color:#e4ece7!important}
html[data-kamusi-theme="dark"] body .home-layout-three .home-sidebar .widget-panel.widget-panel--accent .widget-panel__title{color:#e4ece7!important;-webkit-text-fill-color:#e4ece7!important;border-color:#405448!important}
html[data-kamusi-theme="dark"] body .home-layout-three .home-sidebar .widget-panel.widget-panel--accent .sidebar-link-list__item{background:transparent!important;color:#d5e6dc!important;-webkit-text-fill-color:#d5e6dc!important;border-bottom-color:#405448!important}
html[data-kamusi-theme="dark"] body .home-layout-three .home-sidebar .widget-panel.widget-panel--accent .sidebar-link-list__item:hover,html[data-kamusi-theme="dark"] body .home-layout-three .home-sidebar .widget-panel.widget-panel--accent .sidebar-link-list__item:focus-visible{background:#2b4135!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-kamusi-theme="dark"] body .home-main .entry-card #methali-progress{color:#adbbb3!important}

/* White text on the active topbar button. */
html body .site-header a.site-nav__link.is-active,
html body .site-header a.site-nav__link.is-active * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}


/* Mobile topbar action spacing and account control match Ushairi. */
@media(max-width:560px){
 html body .site-header .site-header__actions{gap:8px!important;align-items:center}
 html body .site-header .kr-header-avatar{width:32px;height:32px;flex:0 0 32px}
}

/* Mobile Kamusi header follows Ushairi's accent topbar in both themes. */
@media (max-width: 920px) {
    html body .site-header,
    html:not([data-kamusi-theme="dark"]) body .site-header,
    html[data-kamusi-theme="dark"] body .site-header {
        background: linear-gradient(135deg, #b35a1f 0%, #8f4617 100%) !important;
        background-image: linear-gradient(135deg, #b35a1f 0%, #8f4617 100%) !important;
        border-bottom: 1px solid rgba(255,255,255,.2) !important;
        color: #fff !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    html body .site-header :is(.site-branding__link, .site-branding__tagline),
    html body .site-header .site-header__actions :is(a, button, span, svg),
    html[data-kamusi-theme="dark"] body .site-header :is(.site-branding__link, .site-branding__tagline),
    html[data-kamusi-theme="dark"] body .site-header .site-header__actions :is(a, button, span, svg) {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }
    html body .site-header .site-header__actions svg {
        stroke: currentColor !important;
    }
    html body .site-header .site-mobile-toggle,
    html[data-kamusi-theme="dark"] body .site-header .site-mobile-toggle {
        background: rgba(255,255,255,.12) !important;
        border-color: rgba(255,255,255,.42) !important;
        color: #fff !important;
    }
    html body .site-header .site-mobile-toggle__bar,
    html[data-kamusi-theme="dark"] body .site-header .site-mobile-toggle__bar {
        background: #fff !important;
    }
}

/* Keep inline-styled sentence examples readable on phones in dark mode. */
@media (max-width: 680px) {
    html[data-kamusi-theme="dark"] body .entry-summary-example,
    html[data-kamusi-theme="dark"] body .meaning-block .example-line {
        background: #202b24 !important;
        background-color: #202b24 !important;
        background-image: none !important;
        border-left-color: #b99a53 !important;
        color: #e4ece7 !important;
        -webkit-text-fill-color: #e4ece7 !important;
    }
    html[data-kamusi-theme="dark"] body .entry-summary-example :is(strong, em, a),
    html[data-kamusi-theme="dark"] body .meaning-block .example-line :is(strong, em, a) {
        color: #e4ece7 !important;
        -webkit-text-fill-color: #e4ece7 !important;
    }
    html[data-kamusi-theme="dark"] body .entry-summary-example strong,
    html[data-kamusi-theme="dark"] body .meaning-block .example-line strong {
        color: #d9c58f !important;
        -webkit-text-fill-color: #d9c58f !important;
    }
}


/* Ensure every brand title variant stays light on the mobile accent bar. */
@media (max-width: 920px) {
    html body .site-header .site-branding,
    html body .site-header .site-branding :is(a, span, strong, h1, h2, div, small),
    html:not([data-kamusi-theme="dark"]) body .site-header .brand-link,
    html:not([data-kamusi-theme="dark"]) body .site-header .site-branding__name,
    html:not([data-kamusi-theme="dark"]) body .site-header .site-title,
    html[data-kamusi-theme="dark"] body .site-header .brand-link,
    html[data-kamusi-theme="dark"] body .site-header .site-branding__name,
    html[data-kamusi-theme="dark"] body .site-header .site-title {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        opacity: 1 !important;
    }
}

/* Mobile theme and home-account icons keep strong contrast on the accent bar. */
@media (max-width: 920px) {
    html body .site-header .site-header__actions button.kamusi-theme-toggle,
    html[data-kamusi-theme="dark"] body .site-header .site-header__actions button.kamusi-theme-toggle {
        background: #fff !important;
        background-image: none !important;
        border: 1px solid rgba(255,255,255,.9) !important;
        color: #172019 !important;
        box-shadow: 0 1px 4px rgba(0,0,0,.18) !important;
    }
    html body .site-header .site-header__actions button.kamusi-theme-toggle svg,
    html[data-kamusi-theme="dark"] body .site-header .site-header__actions button.kamusi-theme-toggle svg {
        color: #172019 !important;
        stroke: #172019 !important;
    }
    html body .site-header .site-header__actions a.kr-header-avatar-gold,
    html[data-kamusi-theme="dark"] body .site-header .site-header__actions a.kr-header-avatar-gold {
        background: linear-gradient(135deg, #ffe9a3 0%, #d8aa48 100%) !important;
        border: 1px solid #b98522 !important;
        color: #111 !important;
        box-shadow: 0 2px 7px rgba(0,0,0,.2) !important;
    }
    html body .site-header .site-header__actions a.kr-header-avatar-gold svg,
    html[data-kamusi-theme="dark"] body .site-header .site-header__actions a.kr-header-avatar-gold svg {
        color: #111 !important;
        stroke: #111 !important;
        fill: #111 !important;
    }
}

/* Match Kamusi's desktop theme treatment on mobile; keep controls theme-specific. */
@media (max-width: 920px) {
    html:not([data-kamusi-theme="dark"]) body .site-header,
    html body:not(.dark-mode) .site-header {
        background: linear-gradient(135deg, #b35a1f 0%, #8f4617 100%) !important;
        background-image: linear-gradient(135deg, #b35a1f 0%, #8f4617 100%) !important;
        border-bottom-color: rgba(255,255,255,.2) !important;
    }
    html:not([data-kamusi-theme="dark"]) body .site-header .site-branding,
    html:not([data-kamusi-theme="dark"]) body .site-header .site-branding *,
    html:not([data-kamusi-theme="dark"]) body .site-header :is(.brand-link,.site-branding__link,.site-branding__name,.site-title,.site-branding__tagline) {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }
    html:not([data-kamusi-theme="dark"]) body .site-header .site-mobile-toggle {
        background: rgba(255,255,255,.12) !important;
        border-color: rgba(255,255,255,.42) !important;
    }
    html:not([data-kamusi-theme="dark"]) body .site-header .site-mobile-toggle__bar {
        background: #fff !important;
    }

    html[data-kamusi-theme="dark"] body .site-header,
    html[data-kamusi-theme="dark"] body .site-header.site-header {
        background: #18231f !important;
        background-image: none !important;
        border-bottom-color: #35463c !important;
        color: #e4ece7 !important;
    }
    html[data-kamusi-theme="dark"] body .site-header .site-branding,
    html[data-kamusi-theme="dark"] body .site-header .site-branding *,
    html[data-kamusi-theme="dark"] body .site-header :is(.brand-link,.site-branding__link,.site-branding__name,.site-title,.site-branding__tagline) {
        color: #e4ece7 !important;
        -webkit-text-fill-color: #e4ece7 !important;
    }
    html[data-kamusi-theme="dark"] body .site-header .site-mobile-toggle {
        background: #203029 !important;
        border-color: #405747 !important;
    }
    html[data-kamusi-theme="dark"] body .site-header .site-mobile-toggle__bar {
        background: #e4ece7 !important;
    }

    /* Use the same theme-toggle colours as the desktop stylesheet. */
    html:not([data-kamusi-theme="dark"]) body .site-header .site-header__actions button.kamusi-theme-toggle {
        background: #fff !important;
        border-color: #d3dcd8 !important;
        color: #254f3d !important;
    }
    html:not([data-kamusi-theme="dark"]) body .site-header .site-header__actions button.kamusi-theme-toggle svg {
        color: #254f3d !important;
        stroke: #254f3d !important;
    }
    html[data-kamusi-theme="dark"] body .site-header .site-header__actions button.kamusi-theme-toggle {
        background: #203029 !important;
        border-color: #405747 !important;
        color: #efcf80 !important;
    }
    html[data-kamusi-theme="dark"] body .site-header .site-header__actions button.kamusi-theme-toggle svg {
        color: #efcf80 !important;
        stroke: #efcf80 !important;
    }

    /* Homepage account icon stays black on its gold desktop-style badge. */
    html body .site-header .site-header__actions a.kr-header-avatar-gold {
        background: linear-gradient(135deg,#fff1bc,#d8aa48) !important;
        border-color: #bc8b30 !important;
        color: #111 !important;
    }
    html body .site-header .site-header__actions a.kr-header-avatar-gold svg {
        color: #111 !important;
        stroke: #111 !important;
        fill: #111 !important;
    }
}

/* Final mobile parity: white light-mode site title and desktop-style account badge. */
@media (max-width: 920px) {
    html:not([data-kamusi-theme="dark"]) body .site-header .site-header__inner > :first-child,
    html:not([data-kamusi-theme="dark"]) body .site-header .site-header__inner > :first-child *,
    html:not([data-kamusi-theme="dark"]) body .site-header .site-branding,
    html:not([data-kamusi-theme="dark"]) body .site-header .site-branding * {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        opacity: 1 !important;
    }
    html body .site-header .site-header__actions a.kr-header-avatar-gold {
        background: linear-gradient(135deg,#fff1bc,#d8aa48) !important;
        border: 1px solid #bc8b30 !important;
        color: #704b10 !important;
        box-shadow: 0 3px 9px #7c581725 !important;
    }
    html body .site-header .site-header__actions a.kr-header-avatar-gold svg {
        stroke: #704b10 !important;
        fill: #efcf7c !important;
        color: #704b10 !important;
    }
}