/* Feature list at the left; word/topic indexes stay beside the learning content. */
body.site-has-sidebar{--site-rail-width:220px}
.site-sidebar,.site-menu-bar{font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Malgun Gothic",Arial,sans-serif;color:#204b3a;font-size:14px;line-height:1.5;box-sizing:border-box}
.site-sidebar *,.site-menu-bar *{box-sizing:border-box}
.site-sidebar{position:fixed;inset:0 auto 0 0;width:var(--site-rail-width);z-index:80;display:flex;flex-direction:column;background:#fffef9;border-right:1px solid #dce4d7;padding:24px 14px 20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.site-nav-heading{display:flex;align-items:center;gap:10px;padding:2px 8px 24px;flex-shrink:0}
.site-nav-symbol{width:35px;height:38px;display:grid;place-items:center;background:#eaf0dd;border:1px solid #d5dfc5;border-radius:10px;color:#365641;font-size:22px;font-weight:600;flex-shrink:0}
.site-nav-brand{display:block;font-size:11px;letter-spacing:1.1px;font-weight:700;color:#687962}
.site-sidebar #site-nav-title{font:600 15px/1.4 "Microsoft YaHei","微软雅黑",Arial,sans-serif;margin:3px 0 0;letter-spacing:0}
.site-sidebar #site-navigation{display:block;width:100%;padding:0;margin:0}
.site-sidebar .site-nav-group{font-size:11px;letter-spacing:.06em;color:#7d8877;margin:20px 10px 8px;font-weight:500}
.site-sidebar .site-nav-link{display:flex;align-items:center;gap:11px;min-height:43px;width:100%;padding:10px 11px;margin:3px 0;border:1px solid transparent;border-radius:10px;background:transparent;color:#405e4e;font-size:14px;font-weight:500;line-height:1.45;text-align:left;text-decoration:none;letter-spacing:0;overflow-wrap:anywhere}
.site-sidebar .site-nav-link svg{width:20px;height:20px;flex:0 0 20px;opacity:.85}
.site-sidebar .site-nav-link:hover{background:#f0f3e9;border-color:#dce5d2;color:#214a34}
.site-sidebar .site-nav-link[aria-current="page"]{background:#24553f;border-color:#24553f;color:#fffef9;font-weight:600;box-shadow:0 3px 8px #214b3510}
.site-sidebar .site-nav-link[aria-current="page"] svg{opacity:1}
.site-sidebar .site-nav-soon{font-size:9px;line-height:1.3;padding:3px 5px;border-radius:5px;background:#edf0e3;color:#6e795f;margin-left:auto;flex-shrink:0;font-weight:400}
.site-sidebar .site-nav-support{border-top:1px solid #e3e8dc;border-radius:0;margin-top:20px;padding-top:17px}
.site-sidebar a:focus-visible,.site-sidebar button:focus-visible,.site-menu-bar button:focus-visible{outline:3px solid #b0873a;outline-offset:2px}
.site-nav-close,.site-menu-bar,.site-nav-scrim{display:none}
body.site-has-sidebar header .site-nav-duplicate{display:none!important}
@media(min-width:1100px){
 html body.site-has-sidebar{padding-left:var(--site-rail-width)}
 html body.site-has-sidebar.practice-page.is-quiz{padding-left:var(--site-rail-width)}
 body.site-has-sidebar .player{left:var(--site-rail-width)}
 body.site-has-sidebar .mobile-action{left:var(--site-rail-width)}
 body.site-has-sidebar .workspace{grid-template-columns:230px minmax(0,1fr);gap:24px}
 body.site-has-sidebar .library{padding:16px}
 body.site-has-sidebar .site-header{padding-left:30px;padding-right:30px}
 body.site-has-sidebar:has(>.site-header)>main{padding-left:30px;padding-right:30px}
}
@media(max-width:1099px){
 .site-sidebar{display:none;width:min(290px,calc(100vw - 40px));padding:20px 16px max(20px,env(safe-area-inset-bottom));z-index:1001;box-shadow:10px 0 40px #19382625}
 .site-menu-bar{position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px max(16px,env(safe-area-inset-right)) 6px max(16px,env(safe-area-inset-left));min-height:48px;flex:0 0 48px;width:100%;background:#fffef9f5;border-bottom:1px solid #e0e6d9}
 .site-menu-bar .site-menu-toggle{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 9px;border:1px solid #d9e3ce;border-radius:9px;color:#274f3a;background:#eef2e4;font:600 13px/1.4 "Microsoft YaHei","微软雅黑",Arial,sans-serif;white-space:nowrap;cursor:pointer}
 .site-menu-toggle svg{width:19px;height:19px;flex-shrink:0}
 .site-menu-current{font-size:12px;color:#6b7b63;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .site-sidebar .site-nav-close{display:grid;place-items:center;width:36px;min-width:36px;height:36px;padding:0;border:1px solid #dce4d5;border-radius:10px;color:#35573e;background:#fffef9;font:25px/1 Arial,sans-serif;margin-left:auto;cursor:pointer}
 .site-nav-heading{padding-bottom:18px}
 body.site-nav-open{overflow:hidden}
 .site-nav-open .site-sidebar{display:flex}
 .site-nav-open .site-nav-scrim{display:block;position:fixed;inset:0;z-index:1000;background:#19352966;touch-action:none}
}
@media print{.site-sidebar,.site-menu-bar,.site-nav-scrim{display:none!important}html body.site-has-sidebar{padding-left:0!important}}
