/* Compact native theme picker. OG page colours stay with each original page. */
.mono-toolbar{position:relative;display:inline-flex;align-items:center;flex:none;padding:0;border-radius:8px;background:#e3e0d6;color:#292720;font:500 12px/1.2 Inter,Arial,sans-serif;white-space:nowrap}
.mono-toolbar::after{content:"";position:absolute;right:12px;top:14px;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);pointer-events:none}
html body header.site-header .mono-toolbar select{appearance:none;-webkit-appearance:none;display:block;width:82px;min-height:36px;margin:0;padding:9px 28px 9px 12px;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;cursor:pointer;box-shadow:none;outline-offset:3px}
.mono-toolbar select:focus-visible{outline:2px solid #5185d6}
.mono-toolbar:hover{filter:brightness(1.05)}
.mono-toolbar option{background:#faf9f6;color:#24231e}
html[data-mono="light"] .mono-toolbar{background:#e7eaee;color:#525b66;color-scheme:light}
html[data-mono="light"] .mono-toolbar option{background:#fff;color:#111418}
html[data-mono="dark"] .mono-toolbar{background:#272c33;color:#d3dae3;color-scheme:dark}
html[data-mono="dark"] .mono-toolbar option{background:#272c33;color:#e7ebf0}
html[data-mono="original"] .mono-toolbar{color-scheme:light}
@media(max-width:1180px){html body header.site-header nav.site-header-nav-desktop{display:none!important}html body header.site-header .home-header-actions .home-menu-toggle{display:inline-flex!important}}
@media(max-width:480px){html body header.site-header .mono-toolbar select{width:76px;padding-left:10px}.home-header-actions{gap:5px!important}}

/* Styled menus, with one selection treatment and keyboard-only focus. */
html body header.site-header .mono-toolbar::after{content:none}
html body header.site-header .mono-toolbar .korthos-select{width:70px!important}
html body header.site-header .mono-toolbar .korthos-select__button{width:100%;height:30px!important;min-height:30px!important;padding:5px 9px!important;background:transparent!important;color:inherit!important;border:0!important;border-radius:6px!important;font:inherit!important}
html body header.site-header .mono-toolbar .korthos-select__menu{left:auto!important;right:0!important;top:calc(100% + 4px)!important;min-width:92px!important;width:92px!important;padding:3px!important;border-radius:7px!important;box-shadow:0 3px 10px #0001!important}
html body header.site-header .mono-toolbar .korthos-select__option{padding:5px 8px!important;min-height:28px!important;border-radius:4px!important}
html body :is(.mono-toolbar,.ho-component-field,.ho-arm-toolbar,.ax-toolbar) .korthos-select__menu{border:1px solid var(--landscape-line,#d1cec3)!important;border-radius:10px!important;background:var(--landscape-module,#faf9f6)!important;color:var(--landscape-ink,#24231e)!important;box-shadow:0 10px 28px #0002!important;max-height:min(300px,45dvh);overflow-y:auto}
html body :is(.mono-toolbar,.ho-component-field,.ho-arm-toolbar,.ax-toolbar) .korthos-select__option{display:block!important;width:100%!important;text-align:left!important;padding:9px 11px!important;min-height:34px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:inherit!important;font:500 12px/1.4 Inter,system-ui,sans-serif!important;box-shadow:none!important}
html body :is(.mono-toolbar,.ho-component-field,.ho-arm-toolbar,.ax-toolbar) .korthos-select__option:is(.is-active,.is-selected,:hover){background:var(--landscape-selected,#e7e4d9)!important;color:var(--landscape-ink,#24231e)!important}
html body :is(.mono-toolbar,.ho-component-field,.ho-arm-toolbar,.ax-toolbar) .korthos-select__option::after{content:none!important}
html body :is(.mono-toolbar,.ho-component-field,.ho-arm-toolbar,.ax-toolbar) .korthos-select__button:focus:not(:focus-visible){outline:0!important;box-shadow:none!important}
html body :is(.mono-toolbar,.ho-component-field,.ho-arm-toolbar,.ax-toolbar) .korthos-select__button:focus-visible{outline:2px solid var(--landscape-muted,#78746a)!important;outline-offset:2px!important;box-shadow:none!important}
html body .ho-component-field .korthos-select{width:100%!important}
html body :is(.ho-component-field,.ho-arm-toolbar,.ax-toolbar) .korthos-select__button{font:500 12px/1.4 Inter,system-ui,sans-serif!important;min-height:36px!important;border:1px solid var(--landscape-line,#c8c6bf)!important;border-radius:7px!important;background:var(--landscape-module,#faf9f6)!important;color:var(--landscape-ink,#24231e)!important;box-shadow:none!important}
html body :is(.mono-toolbar,.ho-component-field,.ho-arm-toolbar,.ax-toolbar) .korthos-select.is-open{z-index:30}
html body :is(.ho-arm-toolbar,.ax-toolbar) .korthos-select{width:132px!important}
@media(pointer:coarse){html body header.site-header .mono-toolbar .korthos-select__button,html body header.site-header .mono-toolbar .korthos-select__option{min-height:36px!important}}
/* Pointer selection has no stacked focus ring; keyboard focus stays visible. */
html[data-mono] body .korthos-select .korthos-select__button:is(:hover,:focus),
html[data-mono] body .korthos-select.is-open .korthos-select__button{box-shadow:none!important}
html[data-mono] body .korthos-select .korthos-select__button:focus:not(:focus-visible){outline:0!important}
html[data-mono] body .korthos-select .korthos-select__button:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important}
html[data-mono] body .korthos-select__caret{border-color:currentColor!important}
