header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb}body{padding-top:60px}.chapter-sidebar{position:fixed;left:0;top:60px;width:320px;height:calc(100vh - 60px);background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;z-index:100;transition:transform .3s ease}.chapter-sidebar__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.25rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.chapter-sidebar__title{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0}.chapter-sidebar__close{display:none;background:0 0;border:none;cursor:pointer;padding:.5rem;color:#6b7280;transition:color .2s}.chapter-sidebar__close:hover{color:#1a1a1a}.chapter-sidebar__nav{padding:1.5rem 0}.chapter-section{padding:0 1.25rem}.chapter-section__header{margin-bottom:1.5rem}.chapter-section__label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;color:#ff8e00;margin-bottom:.5rem}.chapter-section__title{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0}.chapter-list{list-style:none;padding:0;margin:0;position:relative}.chapter-list::before{content:'';position:absolute;left:1.125rem;top:0;bottom:0;width:2px;background:#e5e7eb}.chapter-item{position:relative;margin-bottom:.25rem}.chapter-item__link{display:flex;align-items:center;padding:.75rem .5rem;text-decoration:none;color:#4b5563;border-radius:.5rem;transition:all .2s;position:relative}.chapter-item__link:hover{background-color:#f3f4f6;color:#1a1a1a}.chapter-item__number{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#fff;border:2px solid #e5e7eb;font-size:.875rem;font-weight:600;color:#6b7280;flex-shrink:0;margin-right:.75rem;position:relative;z-index:2;transition:all .2s}.chapter-item__title{font-size:.9375rem;line-height:1.4;font-weight:500}.chapter-item--active .chapter-item__link{background-color:#fff8f0;color:#ff8e00}.chapter-item--active .chapter-item__number{background:#ff8e00;border-color:#ff8e00;color:#fff}.chapter-item--active .chapter-item__title{font-weight:600}.chapter-item--completed .chapter-item__number{background:#10b981;border-color:#10b981;color:#fff}.chapter-item--completed .chapter-item__number::before{content:'✓'}body.has-sidebar main{margin-left:320px;width:calc(100% - 320px);max-width:900px;padding:2rem}body.has-sidebar.no-sidebar main{margin-left:0;width:100%;max-width:900px;margin:0 auto}body.has-sidebar.no-sidebar .chapter-sidebar{display:none}body.has-sidebar.no-sidebar .chapter-menu-toggle{display:none}@media(max-width:1024px){.chapter-sidebar{transform:translateX(-100%);box-shadow:none}.chapter-sidebar.is-open{transform:translateX(0);box-shadow:2px 0 8px rgba(0,0,0,.1)}.chapter-sidebar__close{display:block}body.has-sidebar main{margin-left:0;width:100%}.chapter-menu-toggle{position:fixed;left:1rem;bottom:1rem;width:3.5rem;height:3.5rem;border-radius:50%;background:#ff8e00;color:#fff;border:none;box-shadow:0 4px 12px rgba(255,142,0,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:99;transition:all .2s}.chapter-menu-toggle:hover{background:#e67e00;transform:scale(1.05)}.chapter-menu-toggle svg{width:24px;height:24px}}@media(min-width:1025px){.chapter-menu-toggle{display:none}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99}.sidebar-overlay.is-visible{display:block}.chapter-navigation{display:flex;justify-content:space-between;gap:1rem;margin:3rem 0;flex-wrap:wrap}.chapter-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:200px;padding:.65rem 1rem;background:#ff5722;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;font-size:.9rem;transition:all .2s;box-shadow:0 2px 4px rgba(255,87,34,.15)}.chapter-nav-button:hover{background:#e64a19;transform:translateY(-1px);box-shadow:0 4px 8px rgba(255,87,34,.25)}.chapter-nav-button svg{flex-shrink:0}.chapter-nav-button--prev{margin-right:auto}.chapter-nav-button--next{margin-left:auto}@media(max-width:768px){.chapter-navigation{flex-direction:column}.chapter-nav-button{width:100%;justify-content:center}.chapter-nav-button--prev,.chapter-nav-button--next{margin:0}}.chapter-item__icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;font-size:1.25rem;flex-shrink:0;margin-right:.75rem;position:relative;z-index:2}.chapter-item--intro .chapter-item__link{font-weight:600}.chapter-item--intro.chapter-item--active .chapter-item__icon{filter:brightness(1.2)}