.mh-header-search[hidden]{display:none}
.mh-header-search{position:relative;flex:none;--mh-search-width:clamp(200px,20vw,300px);width:var(--mh-search-width);align-self:center;color:inherit;animation:mh-search-expand .5s cubic-bezier(.785,.135,.15,.86);overflow:visible}
.mh-search-line{display:flex;align-items:center;gap:8px;border-bottom:1px solid currentColor;margin-inline:12px}
.mh-search-line input{min-width:0;width:100%;background:transparent;color:inherit;border:0;padding:8px 0;letter-spacing:.045em;font-size:14px}.mh-search-line button{font-size:26px;flex:none}
.mh-search-results{display:flex;flex-direction:column;gap:0;margin-top:26px;position:absolute;top:calc(100% + 20px);right:0;width:min(420px,calc(100vw - 24px));max-height:65svh;overflow:auto;background:#fff;color:#111;padding:12px 20px;box-shadow:0 12px 30px #0002}.mh-search-results:empty{display:none}.mh-search-results a{padding:14px 0;border-bottom:1px solid var(--mh-line)}.mh-search-results a:is(:hover,:focus-visible){color:var(--mh-accent)}


@keyframes mh-search-expand{from{width:0;opacity:0}to{width:var(--mh-search-width);opacity:1}}
@media(max-width:1190px){.mh-header.is-search-open .mh-nav{padding-inline:10px;gap:12px}.mh-header.is-search-open .mh-nav a{font-size:13px}.mh-header-search{--mh-search-width:210px}.mh-header .mh-menu-opener{margin-left:0}}
@media(max-width:800px){.mh-header .mh-brand{width:clamp(120px,35vw,170px);padding-inline:12px}.mh-header .mh-search-opener{display:grid;margin:0;flex:none}.mh-header .mh-menu-opener{width:52px}.mh-header.is-search-open .mh-brand{width:80px;padding-inline:8px}.mh-header-search{--mh-search-width:calc(100vw - 176px);min-width:0}.mh-search-line{margin-inline:6px;gap:2px}.mh-search-line button{min-width:30px}.mh-search-results{right:-44px}.mh-portal-link{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.mh-header-search{animation:none}}

.mh-header-search.is-closing{animation:none;width:0;opacity:0;transition:width .45s,opacity .2s}.mh-header-search.is-closing .mh-search-line,.mh-header-search.is-closing .mh-search-results{visibility:hidden}
.mh-search-line input:focus{outline:none;box-shadow:none;border:0}.mh-search-line:has(input:focus-visible){border-bottom-color:var(--mh-accent)}
.mh-search-line input::-webkit-search-cancel-button,.mh-search-line input::-webkit-search-decoration{display:none}

@media(max-width:800px){.mh-header .mh-search-opener{margin-left:auto}.mh-header .mh-menu-opener{margin-left:0}}