*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.site-header{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;padding:1rem 0;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.site-header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.site-logo{color:#1e3c72;font-size:1.5rem;font-weight:700;text-decoration:none}.site-logo:hover{color:#2a5298}.site-nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:#1e3c72;font-size:1rem;font-weight:400;text-decoration:none;transition:color .2s}.nav-link:visited{color:#1e3c72}.nav-link:hover{color:#2a5298}.nav-link.cta{color:#fff;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);border-radius:5px;padding:.5rem 1rem}.nav-link.cta:visited{color:#fff}.nav-link.cta:hover{background:linear-gradient(135deg,#2a5298 0%,#1e3c72 100%)}@media (max-width:768px){.site-header-content{flex-direction:column;gap:1rem;padding:0 16px}.site-nav-links{justify-content:center;gap:1rem;width:100%}.nav-link{font-size:.9rem}}header{color:#fff;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);border-radius:10px;margin-bottom:2rem;padding:2rem 0}h1{text-align:center;margin-bottom:.5rem;font-size:2.5rem}.subtitle{text-align:center;opacity:.9;font-size:1.2rem}.quick-nav{background:#fff;border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.quick-nav h2{color:#1e3c72;margin-bottom:1rem}.quick-nav ul{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem;list-style:none;display:grid}.quick-nav a{color:#1e3c72;border-radius:4px;padding:.5rem;text-decoration:none;transition:background-color .3s}.quick-nav a:hover{background-color:#e6f3ff}.section{background:#fff;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 10px #0000001a}.audio-player{background:#f8f9fa;border-radius:5px;align-items:center;gap:10px;margin:10px 0;padding:10px;display:inline-flex}.audio-player audio{width:200px}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);border:none;border-radius:5px;margin:10px 0;padding:12px 24px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.table{border-collapse:collapse;width:100%;margin:1rem 0}.table th,.table td{text-align:left;border-bottom:1px solid #ddd;padding:12px}.table th{color:#fff;background-color:#1e3c72}.table tr:nth-child(2n){background-color:#f9f9f9}.quiz-container{background:#f8f9fa;border-radius:8px;margin:2rem 0;padding:2rem}.quiz-question{margin-bottom:1.5rem}.quiz-options{margin-bottom:1rem;list-style:none}.quiz-options li{margin-bottom:.5rem}.quiz-options label{cursor:pointer;margin-left:.5rem}.result{background:#fff;border-left:4px solid #1e3c72;border-radius:5px;margin-top:1rem;padding:1.5rem}.correct{color:#28a745;font-weight:700}.incorrect{color:#dc3545;font-weight:700}.header-image-container{text-align:center;margin:1.5rem 0}.header-image{border-radius:8px;max-width:100%;height:auto;max-height:500px;box-shadow:0 4px 15px #0000004d}.header-description{text-align:center;opacity:.8;margin-top:.5rem;font-size:1rem}.header-download-section{text-align:center;background:#ffffff1a;border:2px solid #fff3;border-radius:8px;margin:2rem 0;padding:1.5rem}.header-download-section h3{color:#fff;margin-bottom:1rem;font-size:1.3rem}.header-download-section p{color:#fff;opacity:.9;margin-bottom:1.2rem}.download-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.learn-more-btn{color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.learn-more-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.download-features{color:#fff;opacity:.8;margin-top:1rem;font-size:.9rem}.audio-player-container{margin:1rem 0}.audio-label{color:#666;margin-top:.5rem;font-size:.9rem}.pdf-download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:5px;margin:10px 0;padding:12px 24px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.pdf-download-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.correct-spelling{color:#27ae60;font-size:1.1em;font-weight:700}.incorrect-spelling{color:#e74c3c;font-size:1.1em;font-weight:700}.rule-example{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin:1rem 0;padding:1rem}.rule-pattern{color:#2c3e50;margin:.5rem 0;font-family:Courier New,monospace;font-size:1.1em;font-weight:700}.rule-application{color:#27ae60;margin:.5rem 0;font-size:1.1em;font-weight:700}.comparison-table-container{margin:1.5rem 0;overflow-x:auto}.download-stats{background:#f8f9fa;border-radius:8px;justify-content:space-around;margin:1.5rem 0;padding:1rem;display:flex}.stat-item{text-align:center}.stat-number{color:#1e3c72;font-size:1.5rem;font-weight:700;display:block}.stat-label{color:#666;font-size:.9rem}footer{text-align:center;color:#fff;background:#333;margin-top:2rem;padding:2rem}.footer-links{margin-top:1rem}.footer-links a{color:#ccc;margin:0 10px;text-decoration:none}.footer-links a:hover{color:#fff}.quiz-actions{text-align:center;margin-top:2rem}.quiz-results{margin-top:2rem}.score-message{margin:1rem 0;font-size:1.1rem}.score-guide{margin-top:1rem}.answer-feedback{margin-left:.5rem}.quiz-option.selected{background-color:#e6f3ff;border-color:#1e3c72}.section h2{color:#1e3c72;margin-bottom:1rem;font-size:1.8rem}.section h3{color:#2a5298;margin-top:1.5rem;margin-bottom:.5rem}.section h4{color:#2a5298;margin:1rem 0 .5rem;font-size:1.1rem}.usage-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0;display:grid}.usage-card{background:#f8f9fa;border-top:3px solid #1e3c72;border-radius:8px;padding:1.5rem}.usage-card h4{color:#1e3c72;margin-bottom:1rem}.dictionary-content{line-height:1.7}.dictionary-content h4{color:#1e3c72;border-bottom:2px solid #e6f3ff;margin:1.5rem 0 1rem;padding-bottom:.5rem;font-size:1.1rem}.dictionary-content h4:first-child{margin-top:1rem}.dictionary-content ol{margin:.5rem 0;padding-left:1.5rem}.dictionary-content ul{margin:.5rem 0;padding-left:1.2rem}.dictionary-content li{margin:.3rem 0}.dictionary-content em{color:#2a5298;font-style:italic}.dictionary-content strong{color:#1e3c72;font-weight:600}.dictionary-section{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin:1.5rem 0;display:grid}@media (max-width:768px){.container{padding:10px}h1{font-size:2rem}.quick-nav ul{grid-template-columns:1fr}.audio-player audio{width:150px}.download-buttons{flex-direction:column;align-items:center}.download-stats{flex-direction:column;gap:1rem}.stat-item{border-bottom:1px solid #dee2e6;padding-bottom:.5rem}.stat-item:last-child{border-bottom:none;padding-bottom:0}.usage-grid,.dictionary-section{grid-template-columns:1fr}}.warning-box{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.warning-box h3{color:#856404;margin-top:0;margin-bottom:1rem;font-size:1.2rem}.tip-box{background:#e6f3ff;border-left:4px solid #1e3c72;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.tip-box h3{color:#1e3c72;margin-top:0;margin-bottom:1rem;font-size:1.2rem}.example-box{background:#d4edda;border-left:4px solid #28a745;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.example-box h3{color:#155724;margin-top:0;margin-bottom:1rem;font-size:1.2rem}