.hana-menu{position:relative;width:100%;border-bottom:1px solid rgba(0,0,0,.06);background:#fff;z-index:50}
.hana-menu--scheme-dark{background:#0f172a;color:#e2e8f0;border-color:rgba(255,255,255,.1)}
.hana-menu--scheme-dark a{color:#e2e8f0}
.hana-menu--scheme-auto{background:var(--hana-bg, #fff);color:var(--hana-fg, #0f172a)}
@media (prefers-color-scheme: dark){.hana-menu--scheme-auto{--hana-bg:#0f172a;--hana-fg:#e2e8f0;border-color:rgba(255,255,255,.1)}}
.hana-menu--sticky{position:sticky;top:0}
.hana-menu--container-max .hana-menu__inner{max-width:1200px;margin:0 auto;padding:0 16px}
.hana-menu__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}
.hana-menu__logo{display:inline-flex;align-items:center}
.hana-menu__logo img{height:32px;width:auto;display:block}
.hana-menu__sitename{font-weight:600;text-decoration:none}
.hana-menu__toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:transparent;cursor:pointer}
.hana-menu__burger, .hana-menu__burger::before, .hana-menu__burger::after{display:block;width:22px;height:2px;background:currentColor;content:"";position:relative}
.hana-menu__burger::before,.hana-menu__burger::after{position:absolute;left:0}
.hana-menu__burger::before{top:-6px}.hana-menu__burger::after{top:6px}
.hana-menu__nav{display:flex}
.hana-menu__list{list-style:none;margin:0;padding:0;display:flex;gap:20px}
.hana-menu__list a{text-decoration:none}
/* alignments */
.hana-menu--align-left .hana-menu__inner{justify-content:flex-start}
.hana-menu--align-center .hana-menu__inner{justify-content:center}
.hana-menu--align-right .hana-menu__inner{justify-content:space-between}
/* Dropdowns */
.hana-menu__list li{position:relative}
.hana-menu__list li ul{position:absolute;left:0;top:100%;display:none;background:inherit;border:1px solid rgba(0,0,0,.06);padding:8px 0;min-width:180px}
.hana-menu__list li:hover>ul{display:block}
.hana-menu__list li ul li{display:block;padding:0}
.hana-menu__list li ul a{display:block;padding:8px 12px}
/* Mobile */
@media (max-width: 900px){
  .hana-menu__nav{display:none;width:100%}
  .hana-menu.is-open .hana-menu__nav{display:block;position:absolute;left:0;right:0;top:100%;background:inherit;border-bottom:1px solid rgba(0,0,0,.06)}
  .hana-menu__list{flex-direction:column;gap:0}
  .hana-menu__list a{display:block;padding:12px 16px}
}