/* MYP Educators Tool · site menüsü (her ekran genişliğinde açılır menü) */
.site-menu{position:relative;font-size:.95rem}
.site-menu .sm-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px;border:1px solid var(--rule,var(--line));border-radius:9px;background:var(--sheet);color:var(--slate,var(--ink));font:inherit;font-weight:500}
.site-menu .sm-btn:hover{background:color-mix(in srgb,var(--sheet) 88%,currentColor)}
.site-menu .sm-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.site-menu ul{list-style:none;margin:0;display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:11rem;flex-direction:column;align-items:stretch;gap:2px;padding:6px;background:var(--sheet);border:1px solid var(--rule,var(--line));border-radius:12px;box-shadow:0 18px 40px -20px rgba(10,20,30,.55)}
.site-menu.open ul{display:flex}
.site-menu a{display:block;padding:9px 12px;border-radius:8px;color:var(--slate,var(--ink));text-decoration:none;font-weight:500}
.site-menu a:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
.site-menu a[aria-current="page"]{color:var(--accent);background:var(--wash,var(--accent-soft))}
.site-menu .sm-login{display:none;border-top:1px solid var(--rule,var(--line));margin-top:4px;padding-top:4px}
.site-menu .sm-login a{color:var(--accent);font-weight:600}
@media (max-width:40rem){ .site-menu .sm-login{display:block} }