/* One native top-layer menu; only its navigation region scrolls. */
.kyom-menu-trigger {
  display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;
  border:1px solid var(--k-hair,#DCD3CB);border-radius:2px;background:var(--k-paper2,#F8F4F0);
  color:#621244;cursor:pointer;
}
.kyom-menu-trigger svg,.kyom-menu-close svg,.kyom-menu-actions svg{width:22px;height:22px;flex-shrink:0}
.kyom-menu {
  position:fixed;inset:0;inset-inline-end:auto;margin:0;width:min(100%,440px);height:100dvh;
  max-width:100%;max-height:100dvh;padding:0;border:0;border-radius:0;overflow:hidden;
  background:#F0EAE2;color:#621244;font-family:'IBM Plex Sans Arabic',sans-serif;
}
.kyom-menu:not([open]){display:none}
.kyom-menu[open]{display:flex;flex-direction:column}
.kyom-menu::backdrop{background:rgb(74 14 52 / .32)}
.kyom-menu-head{flex-shrink:0;width:100%;background:#F0EAE2}
.kyom-menu-head .kyom-main,.kyom-menu-head .academy-header{position:relative!important;inset:auto!important;width:100%!important;margin:0!important}
html .kyom-menu button.kyom-menu-close {
  display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;
  border:1px solid #DCD3CB;border-radius:2px;background:#F8F4F0;color:#621244;box-shadow:none;cursor:pointer;
}
.kyom-menu-links {
  flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  padding:24px;scrollbar-width:thin;scrollbar-color:#B7A8A1 #F0EAE2;
}
.kyom-menu-links ul{list-style:none;padding:0;margin:0}
.kyom-menu-links li{padding:0;margin:0}
.kyom-menu-primary{background:transparent;border-top:1px solid #DCD3CB}
.kyom-menu-primary>li,.kyom-menu-secondary>li{border-bottom:1px solid #DCD3CB}
.kyom-menu-links a {
  display:flex;align-items:center;min-height:56px;padding:12px 16px;
  color:#621244;text-decoration:none;font-size:21px;font-weight:600;line-height:1.5;
  border:0;border-radius:0;transition:background-color 180ms cubic-bezier(.22,1,.36,1);
}
.kyom-menu-links a[aria-current=page]{background:transparent;font-weight:700}
.kyom-menu-links a:active{background:#EDE2DA}
.kyom-menu-actions {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex-shrink:0;
  padding:16px 24px max(20px,env(safe-area-inset-bottom));border-top:1px solid #DCD3CB;background:#F0EAE2;
}
.kyom-menu-actions>a {
  display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 12px;
  border:1px solid #DCD3CB;border-radius:2px;background:transparent;color:#621244;
  font-size:15px;font-weight:500;line-height:1.5;text-decoration:none;
  transition:background-color 180ms cubic-bezier(.22,1,.36,1);
}
.kyom-menu-actions>a:active{background:#EDE2DA}
.kyom-menu a:focus-visible,.kyom-menu button:focus-visible,.kyom-menu-trigger:focus-visible{outline:2px solid #621244;outline-offset:-3px}
html.kyom-menu-open{overflow:hidden!important;overscroll-behavior:none}
html.kyom-menu-open body{position:fixed;inset-block-start:var(--kyom-menu-scroll);inset-inline:0;width:100%}
.kyom-menu[open] .kyom-menu-links{animation:kyom-menu-enter 280ms cubic-bezier(.22,1,.36,1)}
@keyframes kyom-menu-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1024px){.kyom-menu-trigger{display:inline-flex}}
@media(max-width:767px){.kyom-menu{width:100%}}
@media(max-width:359px){.kyom-menu-links{padding:20px}.kyom-menu-actions{padding-inline:20px;gap:8px}.kyom-menu-actions>a{padding-inline:8px;gap:8px}}
@media(prefers-reduced-motion:reduce){.kyom-menu[open] .kyom-menu-links{animation:none}.kyom-menu-links a,.kyom-menu-actions>a{transition:none}}
html .kyom-menu button.kyom-menu-close:hover,html .kyom-menu button.kyom-menu-close:focus,html .kyom-menu button.kyom-menu-close:active{background:#F8F4F0;color:#621244;border:1px solid #DCD3CB;box-shadow:none}

@media(hover:hover){.kyom-menu-links a:hover,.kyom-menu-actions>a:hover{background:#EDE2DA}}