.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}