.review-stage-page .stage-level button,.hard-stage-page .stage-level button{border-radius:5px!important}
.sidebar-collapse-toggle{top:21px!important}
.sidebar-collapse-toggle{width:17px!important}
.sidebar-collapse-toggle{right:-16px!important}
.word-level.current{border:1px solid #35BBC4!important}
.word-course-stats b .metric-completed{color:#3C4043}
.word-course-stats b .metric-total{color:#B5BDBE;font-size:14px}
.word-study-page,.stage1-smash-game,.stage1-smash-game .word-smash-main,.stage1-string-game,.sentence-study-page,.article-page{background:#F4F6F8!important}
.list-shell .main:has(.catalog-page),.word-course-shell .main,.word-course-page,.course-stage{background:#F4F6F8!important}
.word-level-drawer button{border-radius:5px!important}
.word-add-level,.word-level-drawer>footer .primary{font-size:16px!important}
.student-delete-modal .modal-actions button{font-size:16px!important}
.home-student .detail-btn:hover,.home-student .hour-plus:hover{background:#EEFAFA!important}
.word-level-drawer>footer button{height:32px!important}
.word-level-drawer>footer .primary{border-color:#33B8C3!important;background:#33B8C3!important}
.word-add-level:hover,.word-level-drawer>footer .primary:hover{border-color:#249FA8!important;background:#249FA8!important}
.word-level-drawer>footer .outline:hover,.word-level-heading button:hover{background:#EEFAFA!important}
.student-delete-modal .modal-actions button{height:32px!important}
.stage1-smash-game .study-smash-word:not(.smashed):hover,.word-complete button:not(.primary):hover,.word-game-actions .game-reset:hover{background:#EEFAFA!important}
.article-actions button:not(.active):hover,.article-question-tabs button:hover,.article-question-options button:not(.selected):not(.wrong):hover,.article-question-nav button:not(:disabled):hover{background:#EEFAFA!important}
.login-options input[type=checkbox]{appearance:none!important;display:grid;place-content:center;border:1px solid #35B8C3;border-radius:2px;background:#fff!important}
.login-options input[type=checkbox]:checked{background:#35B8C3!important}
.login-options input[type=checkbox]:checked::after{width:8px;height:4px;border-bottom:2px solid #fff;border-left:2px solid #fff;content:'';transform:rotate(-45deg) translateY(-1px)}
.study-white-hover:hover{background:#EEFAFA!important}
.word-study-page .word-page-actions button:not(:disabled):hover,.stage1-string-game .stage1-prev-group:hover,.stage1-string-game .word-stage-next:hover{background:#EEFAFA!important}
.stage1-string-game .stage1-back-word:hover,.stage1-string-game .stage1-prev-group:hover,.stage1-string-game .word-stage-next:hover{background:#EEFAFA!important;color:#31B8C2!important}
.stage1-string-game .placed-words button{border-radius:52px!important}
.word-study-page .word-page-actions button{border-radius:5px!important}
.sentence-study-footer button{border-radius:5px!important}
.article-page .article-actions>div>button,.article-page .article-actions>button,.article-page .article-question-nav button{border-radius:5px!important}
.article-page .article-mode-toggle button:first-child{border-radius:5px 0 0 5px!important}
.article-page .article-mode-toggle button:last-child{border-radius:0 5px 5px 0!important}
.article-page .article-actions>div>button:hover,.article-page .article-actions>button:hover,.article-page .article-question-nav button:not(:disabled):hover{color:#31B5C3!important}
.article-page .article-mode-toggle button:hover{color:#31B5C3!important}
.article-question-tabs button.active:hover{background:#35B7C0!important;color:#fff!important}
.article-question-tabs button:first-child{border-radius:5px 0 0 5px!important}
.article-question-tabs button:last-child{border-radius:0 5px 5px 0!important}
.article-page .article-mode-toggle button.active:hover{background:#31B5C3!important;color:#fff!important}
.article-page .drawer>button:first-child{position:absolute!important;top:19px!important;right:22px!important;float:none!important;padding:0!important;border:0!important;background:transparent!important;color:#7D858D!important;font-size:30px!important;line-height:1!important}
.article-page .drawer>button:first-child:hover{color:#35B7C4!important}
.article-page .drawer{padding-top:19px!important}
.article-page .drawer>h2{margin-top:0!important}
.word-level-drawer .word-drawer-x:hover{color:#35B7C4!important}
.reading-question-drawer .question-level-select .modal-select-control{width:300px;flex:none}
.reading-question-drawer .question-option-row input[type=radio]{appearance:none;width:16px;height:16px;margin:0;border:1px solid #8e98a4;border-radius:50%;background:#fff;cursor:pointer;outline:none;box-shadow:none}
.reading-question-drawer .question-option-row input[type=radio]:checked{border:1px solid #35B7C4;background:#fff}
.reading-question-drawer .question-option-row input[type=radio]:checked::after{display:block;width:10px;height:10px;margin:2px;border-radius:50%;background:#35B7C4;content:''}
.reading-question-drawer .question-option-row input[type=radio]:focus,.reading-question-drawer .question-option-row input[type=radio]:focus-visible{outline:none;box-shadow:none}
.config-shell .config-page{padding-top:15px!important}
#app .config-shell .config-head>h1{position:static!important;top:auto!important;transform:none!important}
.reading-question-drawer .question-level-select .modal-select-menu button{border-radius:0!important}
.config-shell .config-head>h1{transform:translateY(-9px)}

/* Keep the course configuration menu toggle above level page content. */
.config-shell>.sidebar{z-index:80;overflow:visible}
.config-shell .sidebar-collapse-toggle{z-index:81}

/* Move configuration level/question titles and close controls together. */
.word-level-drawer>header>h2,.word-level-drawer>.word-drawer-x{transform:translateY(-15px)}

/* Keep the close control clickable above the transformed heading. */
.word-level-drawer>.word-drawer-x{z-index:10;pointer-events:auto}

/* Course count scrolls with the table and follows its final row. */
.config-shell .config-page:not(.account-page) .config-table-wrap>.config-footer{padding:15px 0;min-height:48px}

/* Configuration levels follow the collapsed sidebar at every viewport size. */
.config-shell.sidebar-collapsed .word-level-mask{left:0}
.config-item-count{font-size:14px;font-weight:400;color:#a1a5aa;white-space:nowrap}
.config-bulk-dialog h2{display:flex;align-items:center;gap:12px}
.reading-edit-box>.reading-bulk-edit{justify-self:end;height:29px;padding:0 14px;border:1px solid #35b7c4;border-radius:5px;background:#fff;color:#35b7c4;font-size:14px;cursor:pointer}

.manual-word-spacing .word-chip-list>span{white-space:pre-wrap}