.grammar-page{padding:var(--spacing-6) var(--spacing-4);min-height:60vh}.grammar-page__container{max-width:800px;margin:0 auto}.grammar-lesson{background:var(--color-background);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-sm)}.grammar-lesson__header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border)}.grammar-lesson__number{display:inline-block;font-size:var(--font-size-sm);color:#fff;background:var(--color-primary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-semibold)}.grammar-lesson__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:var(--line-height-tight)}.grammar-lesson__concepts{background:#f0fdfa;border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-5);margin-bottom:var(--spacing-6)}.grammar-lesson__concepts h2{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-3) 0}.grammar-lesson__concepts ul{margin:0;padding:0 0 0 var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-2)}.grammar-lesson__concepts li{color:var(--color-text);font-size:var(--font-size-base)}.grammar-lesson__content{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.lesson-content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:var(--spacing-8) 0 var(--spacing-4) 0}.lesson-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:var(--spacing-6) 0 var(--spacing-3) 0}.lesson-content p{margin:0 0 var(--spacing-4) 0}.lesson-content strong,.lesson-content b{font-weight:var(--font-weight-semibold)}.lesson-content table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--spacing-6) 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.lesson-content table tr:first-child th,.lesson-content table tr:first-child td{border-top:none}.lesson-content th.spanish,.lesson-content td.spanish{background:#8b4513;color:#fff;padding:var(--spacing-3) var(--spacing-4);border-bottom:2px solid #6d3610}.lesson-content th.english,.lesson-content td.english{background:#34568b;color:#fff;padding:var(--spacing-3) var(--spacing-4);border-bottom:2px solid #2a4570}.lesson-content th.spanish,.lesson-content th.english{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-4)}.lesson-content th img,.lesson-content td img{width:24px;height:16px;vertical-align:middle;margin-right:var(--spacing-2);border-radius:2px}.lesson-content tr:hover td.spanish{background:#9a5018}.lesson-content tr:hover td.english{background:#3d6399}.lesson-content td.spanish a{display:inline-flex;align-items:center;gap:var(--spacing-2);background:gold;color:#333;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0003}.lesson-content td.spanish a:hover{background:#ffed4a;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.lesson-content td.spanish a:active{transform:translateY(0)}.lesson-content .fa-play-circle{font-style:normal}.lesson-content .fa-play-circle:before{content:"▶";font-size:.85em}.lesson-content .my-tip{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:var(--radius-md);padding:var(--spacing-4);margin:var(--spacing-6) 0}.lesson-content .my-tip p{margin:0;color:#92400e}.lesson-content .nice-to-know{background:#dbeafe;border-left:4px solid #3b82f6;border-radius:var(--radius-md);padding:var(--spacing-4);margin:var(--spacing-6) 0}.lesson-content .nice-to-know p{margin:0;color:#1e40af}.lesson-content .underline{text-decoration:underline}.lesson-content ul,.lesson-content ol{margin:var(--spacing-4) 0;padding-left:var(--spacing-6)}.lesson-content li{margin-bottom:var(--spacing-2)}.lesson-content audio{display:none}.grammar-lesson__tips{background:var(--color-success-light, #ecfdf5);border-radius:var(--radius-lg);padding:var(--spacing-5);margin-bottom:var(--spacing-6)}.grammar-lesson__tips h2{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-success, #10b981);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-3) 0}.grammar-lesson__tips ul{margin:0;padding:0 0 0 var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-2)}.grammar-lesson__tips li{color:var(--color-text);font-size:var(--font-size-base)}.grammar-lesson__source{display:inline-block;font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;margin-bottom:var(--spacing-6)}.grammar-lesson__source:hover{text-decoration:underline}.grammar-lesson__nav{display:flex;justify-content:space-between;gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--color-border);flex-wrap:wrap}.grammar-lesson__nav-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-primary-light);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--timing-ease)}.grammar-lesson__nav-link:hover{background:var(--color-primary-light);color:#fff}.grammar-lesson__error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-12) var(--spacing-4)}.grammar-lesson__error-icon{width:64px;height:64px;color:var(--color-text-subtle);margin-bottom:var(--spacing-4)}.grammar-lesson__error h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-2) 0}.grammar-lesson__error p{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0 0 var(--spacing-6) 0}.grammar-lesson__error-link{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:all var(--duration-fast) var(--timing-ease)}.grammar-lesson__error-link:hover{background:var(--color-primary-dark);transform:translateY(-1px)}@media(max-width:640px){.grammar-page{padding:var(--spacing-4) var(--spacing-3)}.grammar-lesson{padding:var(--spacing-5)}.grammar-lesson__title{font-size:var(--font-size-xl)}.grammar-lesson__nav{flex-direction:column}.grammar-lesson__nav-link{text-align:center}.lesson-content table{font-size:var(--font-size-sm)}.lesson-content th.spanish,.lesson-content th.english,.lesson-content td.spanish,.lesson-content td.english{padding:var(--spacing-2) var(--spacing-3)}.lesson-content td.spanish a{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm)}}