.grammar-guide{max-width:800px;margin:0 auto;padding:var(--spacing-xl);background:white;border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,0.05)}.grammar-guide h1{color:var(--gray-900);margin-bottom:var(--spacing-xl);font-size:2.5rem}.prerequisite-notice{background:#FFF3CD;border:2px solid #FFEAA7;border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.prerequisite-notice h3{color:#856404;margin-bottom:var(--spacing-sm)}.prerequisite-notice p{color:#856404;margin-bottom:var(--spacing-sm);line-height:1.6}.prerequisite-notice p:last-child{margin-bottom:0}.grammar-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--gray-200)}.grammar-section:last-child{border-bottom:none}.grammar-section h2{color:var(--primary-600);margin-bottom:var(--spacing-lg);font-size:2rem}.grammar-section h3{color:var(--gray-800);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-size:1.5rem}.grammar-section h4{color:var(--gray-700);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:1.25rem}.grammar-section p{color:var(--gray-700);line-height:1.8;margin-bottom:var(--spacing-md);font-size:1.05rem}.grammar-section ul,.grammar-section ol{color:var(--gray-700);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg);line-height:1.8}.grammar-section li{margin-bottom:var(--spacing-sm);font-size:1.05rem}.example-box{background:#F0F8FF;padding:var(--spacing-lg);border-radius:var(--border-radius);margin:var(--spacing-lg) 0;font-size:1.1rem;border:2px solid #B8E0FF;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.example-box .japanese{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:#1A1A1A;font-weight:600;font-family:var(--font-japanese);letter-spacing:.05em}.example-box .romaji{font-style:italic;color:#666;font-size:1rem;margin-bottom:var(--spacing-xs)}.example-box .translation{color:#06C;margin-top:var(--spacing-sm);font-size:1.1rem;font-weight:500}.grammar-table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0;background:white;border:2px solid #E0E0E0;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.grammar-table th{background:#F0F0F0;padding:var(--spacing-md);text-align:left;font-weight:600;color:#333;font-size:1.05rem}.grammar-table td{padding:var(--spacing-md);border-bottom:1px solid #E0E0E0;color:#555;font-size:1.05rem;line-height:1.6}.grammar-table tr:last-child td{border-bottom:none}.note-box{background:#FFFACD;border-left:5px solid #FFD700;padding:var(--spacing-lg);margin:var(--spacing-lg) 0;border-radius:var(--border-radius)}.note-box strong{color:#B8860B;font-weight:600}.note-box p{color:#666;margin:0;line-height:1.6}.particle-usage{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#F8F8F8;border-radius:var(--border-radius);margin:var(--spacing-sm) 0}.particle-usage .particle{font-size:1.75rem;font-weight:bold;color:#06C;min-width:60px;text-align:center;font-family:var(--font-japanese)}.particle-usage span:not(.particle){color:#555;font-size:1.05rem;line-height:1.6}.toc{background:#F5F5F5;padding:var(--spacing-xl);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);border:2px solid #E0E0E0}.toc h3{margin-bottom:var(--spacing-md);color:#333;font-size:1.3rem}.toc ul{list-style:none;padding-left:0}.toc li{margin-bottom:var(--spacing-sm)}.toc a{color:#06C;text-decoration:none;transition:all .2s;font-size:1.05rem;display:inline-block}.toc a:hover{color:#0052A3;text-decoration:underline;transform:translateX(4px)}@media(max-width:768px){.grammar-guide{padding:var(--spacing-lg)}.particle-usage{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.particle-usage .particle{min-width:auto}.grammar-table{font-size:.9rem}.grammar-table th,.grammar-table td{padding:var(--spacing-xs)}}.dark-mode .grammar-guide{color:#E0E0E0;background:#1A1A1A;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.dark-mode .grammar-guide h1{color:#FFF;font-weight:600}.dark-mode .grammar-guide p{color:#D0D0D0}.dark-mode .grammar-guide ul,.dark-mode .grammar-guide ol{color:#D0D0D0}.dark-mode .grammar-guide li{color:#D0D0D0}.dark-mode .grammar-guide strong{color:#FFF;font-weight:600}.dark-mode .grammar-section{border-bottom-color:#404040}.dark-mode .grammar-section h2{color:#4FC3F7;font-weight:600}.dark-mode .grammar-section h3{color:#FFF;font-weight:600}.dark-mode .grammar-section h4{color:#E0E0E0;font-weight:600}.dark-mode .grammar-section p{color:#D0D0D0}.dark-mode .grammar-section ul,.dark-mode .grammar-section ol{color:#D0D0D0}.dark-mode .example-box{background:#1E3A5F;border-color:#2E5A8F;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.dark-mode .example-box .japanese{color:#FFF;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.dark-mode .example-box .romaji{color:#B0B0B0}.dark-mode .example-box .translation{color:#64B5F6;font-weight:500}.dark-mode .prerequisite-notice{background:#3E2723;border-color:#6D4C41}.dark-mode .prerequisite-notice p{color:#FFCC80}.dark-mode .prerequisite-notice h3{color:#FFB74D}.dark-mode .prerequisite-notice strong{color:#FFCC80;font-weight:600}.dark-mode .note-box{background:#3E3723;border-left-color:#FFC107}.dark-mode .note-box strong{color:#FFD54F;font-weight:600}.dark-mode .note-box p{color:#E0E0E0}.dark-mode .toc{background:#2A2A2A;border-color:#404040}.dark-mode .toc h3{color:#FFF}.dark-mode .toc a{color:#64B5F6}.dark-mode .toc a:hover{color:#90CAF9}.dark-mode .grammar-table{background:#2A2A2A;border-color:#404040}.dark-mode .grammar-table th{background:#1A1A1A;color:#FFF;font-weight:600}.dark-mode .grammar-table td{border-bottom-color:#404040;color:#D0D0D0}.dark-mode .particle-usage{background:#2A2A2A;border:1px solid #404040}.dark-mode .particle-usage span:not(.particle){color:#D0D0D0}.dark-mode .particle-usage .particle{color:#4FC3F7;font-weight:700}