/* Categories open on demand at every screen size. */
html{scroll-behavior:auto}main,footer{margin-left:0!important;margin-right:0!important}
header .bar,.header-inner{display:flex!important;flex-wrap:wrap;gap:12px;align-items:center}
.menu-toggle{display:inline-flex!important;order:-2!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.menu-toggle span+span{display:none}.brand{order:-1}
header nav#site-nav,.top nav#site-nav{inset:0 auto 0 0!important;width:min(84vw,320px)!important;max-height:none!important;transform:translateX(-105%)!important;visibility:hidden!important;transition:none!important;z-index:41!important;box-shadow:18px 0 38px #0009}
body.menu-open header nav#site-nav{transform:translateX(0)!important;visibility:visible!important}
.side-nav-heading button{display:inline-flex!important;padding:7px}
#menu-backdrop{position:fixed!important;inset:0!important;z-index:29!important;width:100%;height:100%;border:0;background:#050805b8;display:none!important}
body.menu-open #menu-backdrop{display:block!important}body.menu-open{overflow:hidden}
main>section[hidden]{display:none!important}
.intro{min-height:calc(100svh - 155px);grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)}
.intro h1{font-size:clamp(48px,6vw,84px)}.intro-copy{padding:48px clamp(24px,5vw,80px)}.brand img,.intro-art img{animation:none!important}
@media(max-width:950px){.intro{grid-template-columns:1fr;min-height:0}.intro-copy{padding:40px 24px 24px}.intro-art{min-height:200px;padding:20px}.intro-art img{width:180px}}
@media(max-width:650px){header .language-switch{width:100%;justify-content:center}.intro h1{font-size:clamp(42px,11vw,61px)}}
/* One compact header row, with the selected language at the far right. */
header .bar,.top .header-inner{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto 58px!important;grid-template-areas:'menu brand theme language'!important;direction:ltr;height:72px!important;min-height:72px!important;padding:10px 24px!important;gap:12px!important;flex-wrap:nowrap!important}
header .brand,.top .logo{grid-area:brand!important;min-width:0;display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;overflow:hidden;white-space:nowrap}
header .brand span,.top .logo span{overflow:hidden;text-overflow:ellipsis}
header .menu-toggle{grid-area:menu!important;margin:0!important;padding:8px!important;width:44px;height:44px}
header .theme-toggle,.top #theme{grid-area:theme!important;margin:0!important;min-width:44px;height:44px}
.top .controls{display:contents!important}
header .language-picker{grid-area:language!important;position:relative;direction:ltr;margin:0!important;z-index:32;color:inherit}
.language-picker summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:4px;height:44px;width:58px;padding:5px;border:1px solid #677065;cursor:pointer;background:transparent}
.language-picker summary::-webkit-details-marker{display:none}.active-flag{font-size:25px;line-height:1}.language-chevron{font-size:16px}
.language-picker summary:hover,.language-picker summary:focus-visible{border-color:#d8fb50;outline:2px solid #d8fb50;outline-offset:2px}
.language-picker[open] summary{border-color:#d8fb50}
.language-options{position:absolute;right:0;top:calc(100% + 8px);width:185px;display:grid;gap:4px;padding:8px;background:#151a15;border:1px solid #677065;box-shadow:0 14px 30px #0006}
.language-options a{display:flex;align-items:center;gap:12px;min-height:44px;padding:9px 12px;font-weight:700;color:inherit}
.language-options a span:first-child{font-size:23px}.language-options a:hover{background:#263126}.language-options a[aria-current=page]{background:#d8fb50;color:#152016}
[data-theme=light] .language-options{background:#fff;color:#172017;border-color:#899885}[data-theme=light] .language-options a:hover{background:#e5efdb}
#supplement-result .biton-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px;max-width:650px}
#supplement-result .biton-actions .btn{width:100%;white-space:normal;line-height:1.5}
@media(max-width:650px){header .bar,.top .header-inner{padding:10px 12px!important;gap:8px!important;grid-template-columns:44px minmax(0,1fr) 44px 58px!important}header .brand,.top .logo{font-size:17px!important;gap:6px}header .brand img,.top .logo img{width:32px!important;height:32px!important;flex:none}header .brand span{font-size:17px!important}header .theme-toggle span{display:none}}
@media(max-width:360px){header .brand span,.top .logo span{font-size:14px!important}header .brand img,.top .logo img{width:26px!important;height:26px!important}}