.to-top{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:70;width:48px;height:48px;border-radius:50%;border:1px solid var(--line,#DDD8D0);background:var(--panel,#fff);color:var(--ink,#2A2E33);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px -8px rgba(20,40,60,.45);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s var(--ease,ease),visibility .25s,background .2s}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--amber,#E39A3C);color:#17212B;transform:translateY(-3px)}
.to-top:focus-visible{outline:2px solid var(--amber,#E39A3C);outline-offset:3px}
.to-top svg{width:20px;height:20px}
.drawer.open~.to-top{display:none}
@media (max-width:700px){.to-top{width:44px;height:44px;right:16px}}
@media (prefers-reduced-motion:reduce){.to-top{transition:none}}

/* 6 พ.ย. 2026 · เมนู Assessments: แถว Online Assessments เป็นการ์ดเด่น */
.mega-ass .mfoot{align-items:center;gap:16px;margin-top:20px;padding:14px 16px 14px 20px;border:1px solid color-mix(in srgb,var(--teal) 45%,transparent);border-radius:16px;background:color-mix(in srgb,var(--teal) 14%,transparent);font-size:15px;color:var(--ink)}
.mega-ass .mfoot>span{font-weight:600}
.mega-ass .mfoot>a{display:inline-flex;align-items:center;gap:.3em;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--teal);background:color-mix(in srgb,var(--teal) 22%,transparent);color:var(--ink);font-weight:600;font-size:14px;text-decoration:none;transition:background .2s}
.mega-ass .mfoot>a:hover{background:color-mix(in srgb,var(--teal) 40%,transparent)}
.mega-ass .mfoot>a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.mega-ass .mfoot>a{transition:none}}