*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#0f172a;background:#f1f5f9}header{position:sticky;top:0;z-index:100}header.site-header{position:fixed;inset:0 0 auto;width:100%}body{padding-top:72px}.site-header .mobile-menu-toggle,.site-header .mobile-menu{display:none}.site-header .mobile-menu-toggle{border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;cursor:pointer}.site-header .mobile-menu nav[aria-label=Lessons] a[aria-current=page]{background:#dbeafe;color:#1d4ed8;font-weight:700}.mobile-menu-toggle,.mobile-menu{display:none}.custom-select-source{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important}.custom-select{position:relative;display:inline-block;width:min(100%,240px);min-width:0;vertical-align:middle;text-align:left}.quiz>.custom-select{display:block;width:100%;max-width:100%}.custom-select-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:44px;padding:10px 36px 10px 12px;overflow:hidden;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#0f172a;font:inherit;font-size:14px;font-weight:400;line-height:1.35;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.quiz>.custom-select .custom-select-trigger{min-height:48px;padding:13px 36px 13px 13px;font-size:16px}.custom-select-trigger:after{position:absolute;right:13px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;content:"";transform:translateY(-2px) rotate(45deg)}.custom-select-trigger[aria-expanded=true]:after{transform:translateY(2px) rotate(225deg)}.custom-select-trigger:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.custom-select-listbox{position:absolute;top:calc(100% + 4px);right:0;left:0;z-index:120;max-height:min(240px,40vh);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;box-shadow:0 10px 24px #0f172a29}.custom-select-listbox[hidden]{display:none!important}.custom-select-listbox[data-placement=top]{top:auto;bottom:auto}.custom-select-option{min-height:44px;padding:9px 10px;border-radius:6px;color:#0f172a;font-size:14px;line-height:1.4;overflow-wrap:anywhere;cursor:pointer}.custom-select-option.is-active{background:#eff6ff}.custom-select-option.is-selected{color:#1d4ed8;font-weight:700}.custom-select-option.is-active.is-selected{background:#dbeafe}.reference-diagram-markup{width:100%;min-width:0}.reference-diagram-loading,.reference-diagram-error{margin:12px 0;padding:14px;border-radius:10px;line-height:1.6}.reference-diagram-loading{background:#f8fafc;color:#475569}.reference-diagram-error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}aside nav[aria-label=Lessons] a[aria-current=page]{background:#dbeafe;color:#1d4ed8;font-weight:700}@media (min-width: 1200px){body{font-size:22px}.lesson p{font-size:22px!important;line-height:1.7}.lesson button,.lesson input,.lesson select,.lesson textarea{font-size:16px}aside nav[aria-label=Lessons] a{font-size:15px}}@media (max-width: 900px){html,body{max-width:100%;overflow-x:hidden}body{padding-top:64px}header.site-header{position:fixed;display:flex;align-items:center;gap:12px;min-height:64px;height:auto;padding:10px 16px}.site-header .tag{display:none}.site-header .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;margin-left:auto;padding:8px 12px;font:inherit;font-size:14px;font-weight:700;line-height:1.2}.site-header .mobile-menu:not([hidden]){position:absolute;top:100%;right:0;left:0;z-index:101;display:block;max-height:min(70vh,520px);overflow-y:auto;padding:10px 16px 14px;border-bottom:1px solid #dce3ec;background:#fff;box-shadow:0 12px 24px #0f172a1f}.site-header .mobile-menu nav[aria-label=Lessons]{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.site-header .mobile-menu nav[aria-label=Lessons] a{display:block;min-width:0;margin:0;padding:11px 10px;border-radius:8px;color:#334155;font-size:14px;line-height:1.35;overflow-wrap:anywhere;text-decoration:none}.site-header .mobile-menu nav[aria-label=Lessons] a[aria-current=page],.site-header .mobile-menu nav[aria-label=Lessons] a:hover,.site-header .mobile-menu nav[aria-label=Lessons] a:focus-visible{background:#dbeafe;color:#1d4ed8}.shell{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 16px}aside{position:static;min-width:0}aside nav[aria-label=Lessons]{display:none}aside nav:not([aria-label=Lessons]){display:flex;flex-wrap:wrap;gap:2px}aside h2{margin-bottom:8px}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;margin-left:auto;padding:8px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font:inherit;font-size:14px;font-weight:700;line-height:1.2}.menu-icon{display:grid;gap:4px;width:18px}.menu-icon span{height:2px;border-radius:2px;background:currentColor}.mobile-menu{position:absolute;top:100%;right:0;left:0;z-index:101;max-height:min(70vh,520px);overflow-y:auto;padding:10px 16px 14px;border-bottom:1px solid #dce3ec;background:#fff;box-shadow:0 12px 24px #0f172a1f}.mobile-menu:not([hidden]){display:block}.mobile-menu nav[aria-label=Lessons]{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.mobile-menu nav[aria-label=Lessons] a{display:block;min-width:0;margin:0;padding:11px 10px;border-radius:8px;color:#334155;font-size:14px;line-height:1.35;overflow-wrap:anywhere;text-decoration:none}.mobile-menu nav[aria-label=Lessons] a[aria-current=page]{background:#dbeafe;color:#1d4ed8;font-weight:700}.mobile-menu nav[aria-label=Lessons] a:hover,.mobile-menu nav[aria-label=Lessons] a:focus-visible{background:#dbeafe;color:#1d4ed8}.lesson,main,section{min-width:0;max-width:100%}.lesson>section>.diagram-viewport{padding:0!important}img,svg,video,canvas,table{max-width:100%}.lesson svg{min-width:0!important;max-width:100%;height:auto}pre{max-width:100%;overflow-x:auto}}@media (max-width: 600px){header{min-height:58px;padding:8px 12px}.brand{font-size:20px}.shell{gap:12px;padding:14px 10px}.mobile-menu{padding-right:10px;padding-left:10px}.lesson>section>div{max-width:100%}.diagram-viewport{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.animation-diagram svg{display:block;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important}.quiz{width:100%;min-width:0;padding:16px}.quiz label{min-width:0;max-width:100%;overflow-wrap:anywhere}.quiz input:not([type=checkbox]):not([type=radio]),.quiz textarea{width:100%;min-width:0;font-size:16px}.lesson input:not([type=checkbox]):not([type=radio]):not([type=range]),.lesson textarea{min-width:0;max-width:100%;font-size:16px}.quiz select{max-width:100%}.custom-select-trigger,.custom-select-option{min-height:48px;font-size:16px}.lesson input[type=checkbox],.lesson input[type=radio]{width:20px;height:20px;flex:0 0 auto}.lesson table{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.quiz label:has(>select){display:flex;flex-direction:column;align-items:stretch;gap:8px}.quiz label>select{width:1px}.quiz label>.custom-select{display:block;width:100%;max-width:100%;margin:0}.quiz>label+select+.custom-select{display:block;width:100%;max-width:100%;margin:0}.quiz>label+select+.custom-select .custom-select-trigger{width:100%}.quiz .controls{align-items:stretch}.quiz .controls button{flex:1 1 auto;min-width:0}.quiz label:has(>input[type=checkbox]),.quiz label:has(>input[type=radio]){align-items:flex-start}main [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}button,input,select,textarea{max-width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}