.cloud-login{max-width:420px;margin:12vh auto;padding:36px;background:#fff;border:1px solid #e1e8e4;border-radius:16px;font-family:system-ui}.cloud-login img{width:140px}.cloud-login h1{font-size:25px;margin:28px 0 12px}.cloud-login p{color:#61726c;font-size:14px}.cloud-login label{display:block;margin-top:18px}.cloud-login input{display:block;width:100%;box-sizing:border-box;padding:12px;margin-top:8px;border:1px solid #c8d9d2;border-radius:6px}.cloud-login button{margin-top:24px;width:100%;padding:13px;background:#24654f;color:#fff;border:0;border-radius:6px}.cloud-login #login-error{color:#b42318}

.home-head .home-tools>button.home-assessment-action:hover{background:#EEFAFA!important;color:#24a8b5!important;border-color:#30b7c3}

button.site-search-icon::before{content:"";display:block;width:30px;height:30px;border:0;background:currentColor;-webkit-mask:url("search.png") center/contain no-repeat;mask:url("search.png") center/contain no-repeat}button.site-search-icon::after{display:none}

/* Keep the course header fixed in the viewport; only the level list scrolls. */
html:has(.word-course-content .word-levels),
body:has(.word-course-content .word-levels){height:100%;overflow:hidden}
.word-course-shell:has(.word-levels){height:100dvh;min-height:0;overflow:hidden}
.word-course-shell:has(.word-levels)>.main{height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;padding-bottom:0;overflow:hidden}
.word-course-shell:has(.word-levels)>.main>.topbar{flex-shrink:0}
.word-course-shell .word-course-page:has(.word-levels){flex:1;min-height:0;display:flex;flex-direction:column}
.word-course-shell .word-course-page:has(.word-levels)>.word-course-head,
.word-course-shell .word-course-page:has(.word-levels)>.word-course-tabs{flex-shrink:0}
.word-course-shell .word-course-content:has(.word-levels){flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:28px}

/* Scroll viewport moved down 15px from its previous -5px offset. */
.word-course-shell .word-course-content:has(.word-levels){margin-top:10px}
.word-course-shell .word-course-content:has(.word-levels) .word-levels{padding-top:10px}