html[data-theme="light"]{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}
.theme-picker{position:relative;flex:none;color:var(--ink);font-size:14px;line-height:1.4}
.theme-picker[hidden]{display:none}
.theme-picker summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink)}
.theme-picker summary::-webkit-details-marker{display:none}.theme-picker summary:hover,.theme-picker[open] summary{background:var(--tint);color:var(--blue)}
.theme-picker summary:focus-visible,.theme-picker select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.theme-picker svg{width:20px;height:20px}.theme-menu{position:absolute;right:0;top:52px;width:236px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:30}
.theme-menu label{display:block;font-weight:700}.theme-menu select{display:block;margin-top:12px;width:100%;height:44px;font:inherit;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:0 10px}
.theme-menu p{margin:12px 0 0;font-size:13px;color:var(--muted);line-height:1.5}
@media(min-width:761px) and (max-width:1100px){.main-nav{gap:14px;font-size:14px}.header-inner{gap:14px}.header-tools{gap:8px}.languages{padding-left:10px}}
@media(max-width:760px){.header-tools{gap:6px}.theme-picker summary{width:44px;height:44px}.header-tools{position:relative}.header-tools .theme-picker{position:static}.header-tools .theme-menu{right:0}}
@media(max-width:350px){.header-tools{gap:2px}.header-inner{gap:6px}.brand{font-size:18px;gap:5px}.brand img{width:30px;height:30px}.mobile-menu summary{padding-inline:8px}.languages a,.languages span{padding-inline:4px}}

@media(min-width:761px) and (max-width:1000px){.main-nav{display:none}.header-tools{margin-left:auto}.mobile-menu{display:block;position:relative;font-size:14px}.mobile-menu summary{cursor:pointer;list-style:none;font-weight:700;padding:9px 11px;border:1px solid var(--line);border-radius:7px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] summary{color:var(--blue);background:var(--tint)}.mobile-menu nav{position:absolute;right:0;top:52px;min-width:240px;display:flex;flex-direction:column;gap:0;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.mobile-menu nav a{padding:12px 14px;color:var(--ink);border-radius:6px}.mobile-menu nav a:hover{background:var(--soft)}}
