html,body{margin:0;width:100%;height:100%}.grammar-page[data-astro-cid-jonpmo3x]{min-height:calc(100vh - 120px);background-color:#f8fafc;padding:2rem 0}.grammar-container[data-astro-cid-jonpmo3x]{display:grid;grid-template-columns:280px 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.grammar-main[data-astro-cid-jonpmo3x]{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.grammar-header[data-astro-cid-jonpmo3x]{text-align:center;margin-bottom:2rem}.grammar-header[data-astro-cid-jonpmo3x] h1[data-astro-cid-jonpmo3x]{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.grammar-description[data-astro-cid-jonpmo3x]{color:#64748b;font-size:1.125rem}.level-filter[data-astro-cid-jonpmo3x]{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center}.filter-btn[data-astro-cid-jonpmo3x]{padding:.75rem 1.5rem;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.filter-btn[data-astro-cid-jonpmo3x]:hover{border-color:#3b82f6;color:#3b82f6}.filter-btn[data-astro-cid-jonpmo3x].active{background:#3b82f6;border-color:#3b82f6;color:#fff}.search-container[data-astro-cid-jonpmo3x]{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center}.search-input-wrapper[data-astro-cid-jonpmo3x]{position:relative;max-width:700px;width:100%}.search-icon[data-astro-cid-jonpmo3x]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#64748b}.search-input[data-astro-cid-jonpmo3x]{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;transition:border-color .2s}.search-input[data-astro-cid-jonpmo3x]:focus{outline:none;border-color:#3b82f6}.clear-button[data-astro-cid-jonpmo3x]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#64748b}.search-stats[data-astro-cid-jonpmo3x]{margin-top:.5rem;color:#64748b;font-size:.875rem;text-align:center}.view-controls[data-astro-cid-jonpmo3x]{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.view-toggle[data-astro-cid-jonpmo3x]{display:flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.view-btn[data-astro-cid-jonpmo3x]{padding:.5rem 1rem;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.view-btn[data-astro-cid-jonpmo3x]:hover{background:#f8fafc}.view-btn[data-astro-cid-jonpmo3x].active{background:#3b82f6;color:#fff}.grammar-cards[data-astro-cid-jonpmo3x]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grammar-cards[data-astro-cid-jonpmo3x].list{grid-template-columns:1fr}.grammar-cards[data-astro-cid-jonpmo3x].list .grammar-card[data-astro-cid-jonpmo3x]{display:grid;grid-template-columns:1fr;grid-template-areas:"header" "description" "tags";gap:.75rem;padding:1.25rem 1.5rem}.grammar-cards[data-astro-cid-jonpmo3x].list .card-header[data-astro-cid-jonpmo3x]{grid-area:header;display:flex;flex-direction:row;align-items:center;margin-bottom:0;gap:1rem;flex-wrap:wrap}.grammar-cards[data-astro-cid-jonpmo3x].list .card-title[data-astro-cid-jonpmo3x]{font-size:1.25rem;font-weight:600;margin:0;order:1}.grammar-cards[data-astro-cid-jonpmo3x].list .card-meaning[data-astro-cid-jonpmo3x]{color:#3b82f6;font-size:1rem;font-weight:500;margin:0;order:2}.grammar-cards[data-astro-cid-jonpmo3x].list .card-meaning[data-astro-cid-jonpmo3x]:before{content:"- ";color:#94a3b8}.grammar-cards[data-astro-cid-jonpmo3x].list .card-level[data-astro-cid-jonpmo3x]{order:3;margin-left:auto}.grammar-cards[data-astro-cid-jonpmo3x].list .card-content[data-astro-cid-jonpmo3x]{grid-area:description;display:flex;flex-direction:column;gap:.5rem}.grammar-cards[data-astro-cid-jonpmo3x].list .card-description[data-astro-cid-jonpmo3x]{margin:0;color:#64748b;font-size:.875rem;line-height:1.5}.grammar-cards[data-astro-cid-jonpmo3x].list .card-content[data-astro-cid-jonpmo3x] .card-meaning[data-astro-cid-jonpmo3x]{display:none}.grammar-cards[data-astro-cid-jonpmo3x].list .card-tags[data-astro-cid-jonpmo3x]{grid-area:tags;display:flex;flex-wrap:wrap;gap:.5rem}.grammar-card[data-astro-cid-jonpmo3x]{border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s;background:#fff}.grammar-card[data-astro-cid-jonpmo3x]:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.card-header[data-astro-cid-jonpmo3x]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title[data-astro-cid-jonpmo3x]{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.card-level[data-astro-cid-jonpmo3x]{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.card-level[data-astro-cid-jonpmo3x].beginner{background:#dcfce7;color:#166534}.card-level[data-astro-cid-jonpmo3x].intermediate{background:#fef3c7;color:#92400e}.card-level[data-astro-cid-jonpmo3x].advanced{background:#fee2e2;color:#991b1b}.card-meaning[data-astro-cid-jonpmo3x]{font-size:1rem;color:#3b82f6;font-weight:500;margin-bottom:.5rem}.card-description[data-astro-cid-jonpmo3x]{color:#64748b;font-size:.875rem;margin-bottom:1rem}.card-tags[data-astro-cid-jonpmo3x]{display:flex;flex-wrap:wrap;gap:.5rem}.tag[data-astro-cid-jonpmo3x]{padding:.25rem .5rem;background:#f1f5f9;color:#475569;border-radius:4px;font-size:.75rem}.grammar-list[data-astro-cid-jonpmo3x]{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 1024px){.grammar-container[data-astro-cid-jonpmo3x]{grid-template-columns:1fr;gap:1rem}.grammar-cards[data-astro-cid-jonpmo3x]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grammar-page[data-astro-cid-jonpmo3x]{padding:1rem 0}.grammar-container[data-astro-cid-jonpmo3x]{padding:0 .5rem}.grammar-main[data-astro-cid-jonpmo3x]{padding:1rem}.grammar-cards[data-astro-cid-jonpmo3x]{grid-template-columns:1fr}.level-filter[data-astro-cid-jonpmo3x]{justify-content:center}.filter-btn[data-astro-cid-jonpmo3x]{padding:.5rem 1rem;font-size:.875rem}}