.book-container{max-width:1440px;margin:0 auto;padding:2rem;box-shadow:0 0 20px rgba(0,0,0,.1);border-radius:8px;background-color:#fff;color:#212529;overflow:hidden}.book-container.chapter-page,.page-header{background-color:#212529;color:#fff}.page-header{padding:1rem 2rem;margin:0 -2rem 2rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.page-header .page-header-chapter{color:#fff}.page-header .page-header-divider{color:#ff7b00;margin:0 1.5rem;font-weight:400}.page-header .page-header-title{color:#fff}.page-content{min-height:600px;display:flex;flex-direction:column}.book-image-section{text-align:center}.book-image-section img{display:block;margin-left:auto;margin-right:auto}.drawing-container{display:flex;justify-content:center;margin:0}.page-number{align-self:center;font-weight:500}.sections-container{padding:1rem}.sections-container h1{color:#ff7b00;font-weight:700}.sections-container h2{color:#212529;font-weight:700}.sections-container ol{list-style-type:decimal;padding-left:2rem}.sections-container li{margin-bottom:.5rem}.sections-container .rdr-steps{display:inline-flex;gap:1.75rem;margin-left:.5rem;align-items:baseline;flex-wrap:wrap}.sections-container .rdr-step{white-space:nowrap;font-weight:600;border:1px dashed #000;padding:5px 10px}.rdr-heading{text-transform:uppercase;font-weight:700}.rdr-subheading{font-size:2rem;font-weight:600;color:#ff7b00;margin-left:.5rem}.subpage-header{color:#ff7b00!important}.chapter-start{flex:1;padding:3rem;background-color:#212529;min-height:600px}.chapter-container,.chapter-start{display:flex;align-items:center;justify-content:center}.chapter-container{gap:3rem}.chapter-number{font-size:10rem;font-weight:700;color:#fff;line-height:1}.chapter-divider{width:4px;height:12rem;background-color:#ff7b00;flex-shrink:0}.chapter-title{display:flex;flex-direction:column;align-items:flex-start;gap:0}.chapter-title-line{font-size:5rem;font-weight:700;color:#fff;line-height:.9;text-transform:uppercase;letter-spacing:-.02em}@media(max-width:767px){.chapter-number{font-size:4rem}.chapter-divider{width:3px;height:6rem;margin:0 1.5rem}.chapter-title-line{font-size:2.5rem}.chapter-container{gap:1.5rem}.page-header{font-size:1.1rem;padding:.75rem 1rem}.page-header .page-header-divider{margin:0 .75rem}.sections-container .rdr-steps{gap:.5rem;margin-left:.4rem}}.toc-overlay{width:350px;max-width:80%;box-shadow:-5px 0 15px rgba(0,0,0,.1)}.toc-custom .toc-item{margin-bottom:1.5rem}.toc-custom .toc-item h5{font-weight:600;color:#212529;margin-bottom:.5rem}.toc-custom .toc-item .sub-items{list-style-type:none;padding-left:1.5rem;margin-top:.5rem;margin-bottom:0}.toc-custom .toc-item .sub-items li{margin-bottom:.5rem;color:#495057}p{color:inherit}.book-title{color:#ff7b00}.page-number-top{font-size:.9rem;font-weight:500;color:#6c757d;margin-top:.25rem}.live-routes-grid{margin:2rem 0}.live-routes-grid .routes-table{table-layout:fixed;margin:0 auto}.live-routes-grid .routes-table td.route-cell{transition:all .2s ease}.live-routes-grid .routes-table td.route-cell.route-active{background-color:#fff!important;color:#212529!important;font-weight:700!important}.live-routes-grid .routes-table td.route-cell.route-inactive{background-color:#f0f0f0!important;color:#999!important;font-weight:400!important}.btn-qbiq-orange{background-color:#ff7b00;border-color:#ff7b00;color:#fff}.btn-qbiq-orange:active,.btn-qbiq-orange:focus,.btn-qbiq-orange:hover{background-color:rgb(214.2,103.32,0);border-color:rgb(204,98.4,0);color:#fff}.btn-qbiq-orange.active,.btn-qbiq-orange:active{background-color:rgb(204,98.4,0);border-color:rgb(193.8,93.48,0);color:#fff}.offcanvas-body.video-list-container{overflow-y:auto}.video-list-item{cursor:pointer;border-bottom:1px solid rgba(0,0,0,.1)}.video-list-item:hover{background-color:rgba(0,0,0,.05)}.video-list-item:last-child{border-bottom:none}.video-content{padding:.75rem 1rem}.fixed-video-player{position:fixed;bottom:0;left:0;right:0;background-color:#f8f9fa;border-top:1px solid #dee2e6;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1040;transform:translateY(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;overflow:hidden}.fixed-video-player.visible{transform:translateY(calc(100% - 45px))}.fixed-video-player.expanded{transform:translateY(0)}.video-player-header{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;cursor:pointer;border-bottom:1px solid #dee2e6;flex-shrink:0}.video-player-header .video-player-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1rem}.player-wrapper-fixed{position:relative;background-color:#000;overflow:hidden;width:100%;flex-grow:1}.player-wrapper-fixed .react-player{position:absolute;top:0;left:0;width:100%;height:100%}.popout-resize-handle{position:absolute;bottom:0;right:0;width:30px;height:30px;background-color:#dedede;cursor:nwse-resize;z-index:10;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%)}.popout-resize-handle span{display:block;background-color:#000;position:absolute}.popout-resize-handle span:first-child{width:60%;height:2px;bottom:8px;right:1px;transform:rotate(-45deg) translate(2px,-2px)}.popout-resize-handle span:last-child{width:30%;height:2px;bottom:6px;right:2px;transform:rotate(-45deg) translate(1px,-1px)}.five-frame-exercise-container{padding:20px;background-color:#f8f9fa;border-radius:8px;margin-bottom:2rem;border:1px solid #dee2e6}.five-frame-exercise-container .drawing-swiper .swiper-pagination-bullet-active{background-color:#007bff}.five-frame-exercise-container .drawing-swiper .swiper-button-next,.five-frame-exercise-container .drawing-swiper .swiper-button-prev{color:#007bff}.five-frame-exercise-container .drawing-swiper .swiper-button-next:after,.five-frame-exercise-container .drawing-swiper .swiper-button-prev:after{font-size:1.5rem}.five-frame-exercise-container .drawing-canvas-wrapper{border:1px solid #ced4da;display:inline-block;border-radius:4px;overflow:hidden;background-color:#fff}.five-frame-exercise-container h4{color:#212529}.five-frame-exercise-container .notes-panel{border:1px solid #ced4da;border-radius:4px;background:#fff;display:flex;flex-direction:column}.five-frame-exercise-container .notes-title{font-size:1.1rem}.five-frame-exercise-container .notes-lines{margin-top:.5rem;display:flex;flex-direction:column;gap:.75rem}.five-frame-exercise-container .notes-line{height:1px;background:#adb5bd;width:100%}.play-name-input-cta{background-color:#ff7b00;padding:1rem;border-radius:.5rem;color:#000;border:2px solid #000}.play-name-input-control{background-color:#ffc187;color:#000;border:2px solid #000}.play-name-input-control::-webkit-input-placeholder{color:#212529;opacity:.8}.play-name-input-control::-moz-placeholder{color:#212529;opacity:.8}.play-name-input-control:-ms-input-placeholder{color:#212529;opacity:.8}.play-name-input-control::-ms-input-placeholder{color:#212529;opacity:.8}.play-name-input-control::placeholder{color:#212529;opacity:.8}