#main-nav .kitaly-header-row { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; min-height: 88px; gap: 16px; }
#main-nav .kitaly-header-brand { grid-column: 2; grid-row: 1; justify-self: center; }
#main-nav .kitaly-header-brand > a { gap: 12px; }
#main-nav .kitaly-header-brand img { width: 42px; height: 42px; }
#main-nav .kitaly-header-brand .font-display { letter-spacing: -.035em; }
#main-nav .kitaly-header-tools { grid-column: 1; grid-row: 1; display: flex; align-items: center; gap: 20px; justify-self: start; }
#main-nav .kitaly-header-language { grid-column: 3; grid-row: 1; justify-self: end; }
#main-nav #header-filters { display: grid; place-items: center; min-width: 32px; min-height: 40px; }
@media (max-width: 640px) {
    #main-nav .kitaly-header-row { min-height: 76px; gap: 6px; }
    #main-nav .kitaly-header-brand > a { gap: 6px; }
    #main-nav .kitaly-header-brand img { width: 28px; height: 28px; }
    #main-nav .kitaly-header-brand .font-display { font-size: 21px; }
    #main-nav .kitaly-header-tools { gap: 4px; }
    #main-nav .theme-toggle { transform: scale(.8); transform-origin: left center; margin-right: -12px; }
    #main-nav .kitaly-header-language a { padding-left: 8px; padding-right: 8px; }
}

#main-nav .kitaly-header-row { min-height: 128px; }
#main-nav .kitaly-logo { display: block; position: relative; width: 160px; height: 110px; overflow: hidden; }
#main-nav .kitaly-header-brand img { position: absolute; width: 184px; height: 184px; max-width: none; top: -34px; left: -12px; object-fit: contain; }
#main-nav .brand-light { display: block; }
#main-nav .brand-dark { display: none; }
html.dark #main-nav .brand-light { display: none; }
html.dark #main-nav .brand-dark { display: block; }
body #main-nav.header-glass { background: #ded3b9; border-bottom: 1px solid #a79c82; box-shadow: 0 3px 18px rgba(32,37,29,.07); }
#main-nav .text-slate-600, #main-nav a.text-slate-400 { color: #354237 !important; }
#main-nav .kitaly-header-language a.bg-white { color: #183f32 !important; background: #fffdf6; }
html.dark #main-nav.header-glass { background: #0c201b; border-color: #526258; }
html.dark #main-nav .text-slate-600, html.dark #main-nav a.text-slate-400 { color: #e7e8d9 !important; }
html.dark #main-nav .kitaly-header-language a.bg-white { background: #e7e8d9; color: #14291e !important; }
@media (max-width: 640px) {
    #main-nav .kitaly-header-row { min-height: 104px; }
    #main-nav .kitaly-logo { width: 120px; height: 84px; }
    #main-nav .kitaly-header-brand img { width: 138px; height: 138px; top: -26px; left: -9px; }
}
html.dark #main-nav .kitaly-header-language a.bg-white { background: #e7e8d9 !important; }
html.dark #main-nav.header-glass { background: #11120f; border-color: #49483e; box-shadow: 0 4px 20px rgba(0,0,0,.18); }
html.dark #main-nav .text-slate-600, html.dark #main-nav a.text-slate-400 { color: #cbc5b6 !important; }
html.dark #main-nav .kitaly-header-language > div { background: #252620 !important; border-color: #45453a !important; }
html.dark #main-nav .kitaly-header-language a.bg-white { background: #d4bd8c !important; color: #1b1b18 !important; }
html.dark #main-nav .theme-toggle { background: #292b25; border-color: #4b4c3f; }
html.dark #main-nav .theme-toggle-thumb { background: #cbb88e !important; box-shadow: 0 1px 5px rgba(0,0,0,.3); }

/* Masthead reduced to three quarters of its previous size. */
#main-nav .kitaly-header-row { min-height: 77px; }
#main-nav .kitaly-logo { width: 96px; height: 66px; }
#main-nav .kitaly-header-brand img { width: 110.25px; height: 110.25px; top: -20.25px; left: -7.125px; }
@media (max-width: 640px) {
    #main-nav .kitaly-header-row { min-height: 62px; }
    #main-nav .kitaly-logo { width: 72px; height: 50.25px; }
    #main-nav .kitaly-header-brand img { width: 82.5px; height: 82.5px; top: -15.75px; left: -5.25px; }
}

/* Engraved sun/moon selector with a sliding brass-backed active state. */
#main-nav .theme-toggle {
    width: 72px; height: 38px; flex-shrink: 0; padding: 3px;
    transform: none; margin-right: 0;
    border: 1px solid #99845c; border-radius: 9px;
    background: #c7bda5;
    box-shadow: inset 0 1px 3px rgba(53,43,22,.15), 0 1px 0 rgba(255,255,255,.45);
    transition: border-color 180ms ease, background-color 180ms ease;
}
#main-nav .theme-toggle-track { z-index: 2; padding: 3px; gap: 2px; }
#main-nav .theme-toggle-icon { width: 16px; height: 16px; justify-self: center; transform: none; opacity: 1; transition: color 180ms ease; }
#main-nav .theme-toggle-sun { color: #604a25; }
#main-nav .theme-toggle-moon { color: #565449; }
#main-nav .theme-toggle-thumb {
    position: absolute; top: 3px; left: 3px; width: 31px; height: 30px; border-radius: 6px;
    border: 1px solid #cfba8d;
    background: linear-gradient(145deg,#fffaf0,#e8d9b6);
    box-shadow: 0 1px 4px rgba(37,31,20,.18), inset 0 1px 0 #fff;
    transform: translateX(0);
    transition: transform 180ms ease, background-color 180ms ease;
}
html.dark #main-nav .theme-toggle { background: #1e201b; border-color: #796b4e; box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.06); }
html.dark #main-nav .theme-toggle-thumb { transform: translateX(33px); background: linear-gradient(145deg,#e6d3a8,#bca16c) !important; border-color: #d2ba86; box-shadow: 0 2px 5px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4); }
html.dark #main-nav .theme-toggle-sun { color: #b2a78e; }
html.dark #main-nav .theme-toggle-moon { color: #292719; }
#main-nav .theme-toggle:hover { border-color: #69562e; }
html.dark #main-nav .theme-toggle:hover { border-color: #c8ae77; }
#main-nav .theme-toggle:focus-visible { outline: 2px solid #856a36; outline-offset: 3px; }
html.dark #main-nav .theme-toggle:focus-visible { outline-color: #e0c78f; }
@media (max-width: 640px) {
    #main-nav .kitaly-header-tools { gap: 2px; }
    #main-nav .theme-toggle { width: 66px; height: 38px; }
    #main-nav .theme-toggle-thumb { width: 28px; }
    html.dark #main-nav .theme-toggle-thumb { transform: translateX(30px); }
}
@media (prefers-reduced-motion: reduce) {
    #main-nav .theme-toggle, #main-nav .theme-toggle-thumb, #main-nav .theme-toggle-icon { transition: none; }
}
