.grammar-page-content{background:#fff;padding:20px;max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.7;color:#2c3e50}.grammar-section{margin-bottom:3rem;padding:20px;background:#f8f9fa;border-left:4px solid #0073aa;border-radius:5px}.grammar-section h3{font-size:1.5rem;color:#2c3e50;margin-top:0;margin-bottom:1rem;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.pathway-completion-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center;border-radius:15px;margin-bottom:30px;box-shadow:0 8px 25px rgb(102 126 234 / .3)}.pathway-completion-header h2{font-size:2.5em;margin:0 0 10px 0;color:#fff}.pathway-completion-header p{font-size:1.3em;opacity:.9}.achievement-box,.key-takeaways-box,.next-steps-box,.final-celebration{padding:25px;margin:25px 0;border-radius:12px;color:#fff;box-shadow:0 6px 20px rgb(0 0 0 / .1)}.achievement-box{background:linear-gradient(135deg,#74b9ff,#0984e3)}.key-takeaways-box{background:linear-gradient(135deg,#55efc4,#00b894)}.next-steps-box{background:linear-gradient(135deg,#fdcb6e,#e17055)}.final-celebration{background:linear-gradient(135deg,#94D2BD,#6c5ce7);text-align:center}.key-takeaways-box ul,.next-steps-box ul{list-style:none;padding:0;margin:0}.key-takeaways-box li,.next-steps-box li{background:rgb(255 255 255 / .2);padding:12px 16px;border-radius:8px;margin:12px 0;border-left:4px solid rgb(255 255 255 / .5)}.final-celebration h3{color:#fff;font-size:2rem;margin-top:0;border:none}.final-celebration p{font-size:1.2em;margin:15px 0 0 0;opacity:.95}.grammar-breadcrumb{background:none;color:#333;padding:15px 25px;margin:-20px -20px 30px -20px;border:none;font-size:.9rem}.grammar-breadcrumb a{color:#0073aa!important;text-decoration:none;font-weight:500;transition:color 0.3s ease}.grammar-breadcrumb a:hover{color:#005077!important;text-decoration:underline}.grammar-breadcrumb .separator{margin:0 10px;opacity:.7}.grammar-breadcrumb .current-page{font-weight:600;color:#111;opacity:1}.ysp-grammar-pathway-navigation-enhanced{background:#1c5f73;color:#fff;border-radius:8px;margin:20px 0;overflow:hidden;box-shadow:0 4px 12px rgb(28 95 115 / .3)}.pathway-nav-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:linear-gradient(135deg,#1c5f73,#2a7a8a)}.nav-button-container{min-width:120px}.nav-button{color:white!important;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:6px;transition:all 0.3s ease;display:inline-block}.nav-button:hover{background:rgb(255 255 255 / .15)!important;color:#ff6b35!important;text-decoration:none}.nav-disabled{opacity:.5;cursor:not-allowed}.nav-completed{background:#28a745!important;color:white!important}.nav-center{flex-grow:1;text-align:center;margin:0 20px}.nav-title{font-size:1.1rem;font-weight:600;margin-bottom:8px}.progress-bar{background:rgb(255 255 255 / .2);height:6px;border-radius:3px;overflow:hidden;margin:5px 0}.progress-fill{background:linear-gradient(90deg,#ff6b35,#ffa726);height:100%;transition:width 0.3s ease}.progress-text{font-size:.85rem;opacity:.9}.page-numbers-nav{background:rgb(0 0 0 / .1);padding:12px 20px;text-align:center;border-top:1px solid rgb(255 255 255 / .1)}.page-number{color:white!important;text-decoration:none;padding:6px 12px;margin:0 2px;border-radius:4px;transition:all 0.3s ease;display:inline-block;min-width:32px;text-align:center}.page-number:hover{background:rgb(255 255 255 / .2)!important;color:#ff6b35!important;text-decoration:none}.page-number.current-page{background:#ff6b35!important;color:white!important;font-weight:700}.page-number.page-unavailable{opacity:.4;cursor:not-allowed}.page-ellipsis{color:rgb(255 255 255 / .6);padding:6px 8px}.ysp-grammar-pathway-navigation{background:#1c5f73;color:#fff;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;margin:-20px -20px 0 -20px}.ysp-grammar-pathway-navigation div{display:flex;align-items:center;justify-content:space-between;width:100%}.ysp-grammar-pathway-navigation a,.ysp-grammar-pathway-navigation span{color:white!important;text-decoration:none;font-weight:500;padding:8px 15px;border-radius:4px;transition:all 0.3s ease}.ysp-grammar-pathway-navigation a:hover{color:#ff6b35!important;background:rgb(255 255 255 / .1)!important;text-decoration:none!important}.ysp-grammar-pathway-navigation .path-info{text-align:center;flex-grow:1;margin:0 20px;font-weight:600}@media (max-width:768px){.grammar-page-content{margin:0 10px;padding:15px}.grammar-section,.achievement-box,.key-takeaways-box,.next-steps-box,.final-celebration,.pathway-completion-header{padding:15px}.pathway-completion-header h2{font-size:2em}.grammar-breadcrumb{margin:-15px -15px 20px -15px;padding:12px 15px;font-size:.8rem;border-radius:8px 8px 0 0}.pathway-nav-header{flex-direction:column;gap:15px;text-align:center}.nav-button-container{min-width:auto}.nav-center{margin:0;order:-1}.page-numbers-nav{padding:10px;overflow-x:auto;white-space:nowrap}.page-number{margin:0 1px;padding:6px 10px;min-width:28px}.ysp-grammar-pathway-navigation{margin:-15px -15px 0 -15px;padding:12px 15px;border-radius:0 0 8px 8px}.ysp-grammar-pathway-navigation div{flex-direction:column!important;gap:10px;text-align:center}.ysp-grammar-pathway-navigation .path-info{margin:0}}.grammar-examples{margin:25px 0}.example{background:#f0f8ff;padding:1.5rem;border-radius:8px;margin:1.5rem 0;border-left:4px solid #0073aa;border:1px solid #cbd5e1}.example strong{color:#2c3e50;font-size:1.1em;display:block;margin-bottom:8px;font-weight:600}.example em{color:#666;font-style:italic;display:block;margin-top:5px}.common-mistakes{margin:25px 0}.common-mistakes h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.mistake{background:#fff;border:1px solid #e1e1e1;margin:20px 0;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.mistake p{margin:10px 0;line-height:1.6}.grammar-tips{background:#f0f8ff;padding:20px;border-radius:8px;border-left:4px solid #0073aa;margin:25px 0}.grammar-tips h3{color:#2c3e50;margin-top:0;margin-bottom:1rem;font-size:1.5rem;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.grammar-tips li{margin-bottom:10px;color:#2c3e50;line-height:1.6}.pathway-notes{margin-top:40px;padding:25px;background:linear-gradient(135deg,#fff8e1 0%,#f3e5ab 100%);border:2px solid #ffcc02;border-radius:10px}.pathway-notes h3,.pathway-notes h4{color:#8b4513;margin-top:0}h3{color:#2c3e50;font-size:1.5rem;margin:2rem 0 1rem 0;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}strong{color:#2c3e50;font-weight:600}.grammar-page-content strong::before,.grammar-page-content strong::after,.grammar-section strong::before,.grammar-section strong::after{content:''}.ysp-grammar-pathway-navigation-enhanced{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;margin:30px 0;overflow:hidden}.pathway-header-section{background:#fff;border-bottom:2px solid #dee2e6;padding:20px}.pathway-title-wrapper{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.pathway-main-title{margin:0;font-size:22px;font-weight:600;color:#2c3e50;flex:1}.toc-toggle-btn{background:#34697d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:background 0.3s ease}.toc-toggle-btn:hover{background:#2c5f6f}.toc-toggle-btn.collapsed{background:#95a5a6}.toc-toggle-btn.collapsed:hover{background:#7f8c8d}.toggle-icon{font-size:18px;font-weight:700;min-width:20px;text-align:center}.pathway-toc-list{margin-top:20px;background:#f8f9fa;border:1px solid #e1e4e8;border-radius:6px;padding:15px;max-height:500px;overflow-y:auto}.toc-item{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:8px;background:#fff;border:1px solid #e1e4e8;border-radius:6px;transition:all 0.2s ease}.toc-item:last-child{margin-bottom:0}.toc-item:hover{border-color:#34697d;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.toc-item.current-page{background:#e0f2f7;border-color:#34697d;border-width:2px;font-weight:600}.toc-item.not-published{opacity:.6;background:#f5f5f5}.toc-item.not-published:hover{border-color:#e1e4e8;box-shadow:none}.toc-icon{font-size:16px;min-width:24px;text-align:center}.toc-icon.completed{color:#27ae60}.toc-item.current-page .toc-icon{color:#34697d}.toc-position{font-weight:600;color:#7f8c8d;min-width:30px}.toc-item.current-page .toc-position{color:#34697d}.toc-title{flex:1;color:#2c3e50;text-decoration:none;font-size:15px;line-height:1.4}a.toc-title:hover{color:#34697d;text-decoration:underline}.toc-item.current-page .toc-title{color:#2c5f6f}.toc-title em{color:#95a5a6;font-size:13px}.current-badge{background:#ff5722;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.pathway-nav-header{display:flex;justify-content:space-between;align-items:center;padding:20px;gap:20px;background:#34697d;color:#fff}.nav-button-container{min-width:120px}.nav-button{display:inline-block;padding:10px 20px;background:rgb(255 255 255 / .2);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:background 0.3s ease;border:2px solid rgb(255 255 255 / .3)}.nav-button:hover{background:rgb(255 255 255 / .3);color:#fff;text-decoration:none}.nav-button.nav-disabled{opacity:.4;cursor:not-allowed}.nav-button.nav-completed{background:#27ae60;border-color:#27ae60}.nav-center{flex:1;text-align:center}.nav-title{font-size:18px;font-weight:600;margin-bottom:10px}.progress-bar{width:100%;max-width:400px;height:8px;background:rgb(255 255 255 / .3);border-radius:10px;margin:10px auto;overflow:hidden}.progress-fill{height:100%;background:#ff5722;border-radius:10px;transition:width 0.3s ease}.progress-text{font-size:13px;margin-top:5px;opacity:.9}.page-numbers-nav{display:flex;justify-content:center;align-items:center;gap:8px;padding:15px 20px;background:#2c5f6f;border-top:1px solid rgb(255 255 255 / .1)}.page-number{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;background:#fff0;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:15px;transition:background 0.3s ease,transform 0.2s ease;border:2px solid #fff0}.page-number:hover{background:rgb(255 255 255 / .15);transform:translateY(-2px);color:#fff}.page-number.current-page{background:#ff5722;color:#fff;border-color:#ff5722;transform:scale(1.1)}.page-number.page-unavailable{opacity:.4;cursor:not-allowed}.page-number.page-unavailable:hover{background:#fff0;transform:none}.page-ellipsis{color:#fff;font-size:18px;font-weight:700;padding:0 5px}@media (max-width:768px){.pathway-title-wrapper{flex-direction:column;align-items:flex-start}.pathway-main-title{font-size:18px}.toc-toggle-btn{width:100%;justify-content:center}.pathway-nav-header{flex-direction:column;gap:15px}.nav-button-container{width:100%;text-align:center}.nav-button{width:100%}.nav-center{width:100%}.toc-item{flex-wrap:wrap;gap:8px}.current-badge{width:100%;text-align:center;margin-top:5px}.page-numbers-nav{padding:10px;gap:4px;overflow-x:auto;justify-content:flex-start}.page-number{min-width:35px;height:35px;font-size:14px}}@media (max-width:480px){.pathway-header-section{padding:15px}.pathway-main-title{font-size:16px}.toc-item{padding:10px;font-size:14px}.pathway-toc-list{padding:10px;max-height:400px}}@media print{.toc-toggle-btn{display:none}.pathway-toc-list{display:block!important;max-height:none}.nav-button{display:none}}