:root{--gr-green:#dcfce7;--gr-green-border:#86efac;--gr-green-text:#166534;--gr-red:#fee2e2;--gr-red-border:#fca5a5;--gr-red-text:#991b1b;--gr-yellow:#fef9c3;--gr-yellow-border:#fde047;--gr-yellow-text:#854d0e;--gr-blue:#dbeafe;--gr-blue-border:#93c5fd;--gr-blue-text:#1e40af;--gr-gray:#f3f4f6;--gr-gray-border:#d1d5db;--gr-gray-text:#4b5563;--gr-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--gr-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--gr-radius:6px;--gr-radius-sm:4px}.grammar-explanation h2{font-size:1.35rem;font-weight:700;margin:2rem 0 .75rem;padding-bottom:.4rem;border-bottom:2px solid #e5e7eb;color:#111827}.grammar-explanation h2:first-child{margin-top:0}.grammar-explanation h3{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem;color:#1f2937}.grammar-explanation p{margin:.5rem 0;line-height:1.7;color:#374151}.grammar-explanation p:empty,.grammar-explanation p:has(>br:only-child){display:none}.grammar-explanation>br,.grammar-illustration+br{display:none}.grammar-explanation ul{list-style:disc}.grammar-explanation ol,.grammar-explanation ul{margin:.5rem 0 .75rem 1.25rem;padding-left:.5rem;line-height:1.7;color:#374151}.grammar-explanation ol{list-style:decimal}.grammar-explanation li{margin-bottom:.35rem;padding-left:.25rem}.grammar-explanation li::marker{color:#9ca3af}.grammar-explanation a{color:var(--gr-blue-text);text-decoration:underline;text-decoration-color:var(--gr-blue-border);text-underline-offset:2px;transition:color .15s,text-decoration-color .15s}.grammar-explanation a:hover{color:#1e3a8a;text-decoration-color:#1e3a8a}.grammar-explanation .hl-green{background-color:var(--gr-green);color:var(--gr-green-text);padding:1px 4px;border-radius:var(--gr-radius-sm)}.grammar-explanation .hl-red{background-color:var(--gr-red);color:var(--gr-red-text);padding:1px 4px;border-radius:var(--gr-radius-sm);text-decoration:line-through;text-decoration-color:var(--gr-red-text);text-decoration-thickness:1.5px}.grammar-explanation .hl-yellow{background-color:var(--gr-yellow);color:var(--gr-yellow-text);padding:1px 4px;border-radius:var(--gr-radius-sm)}.grammar-explanation .hl-blue{background-color:var(--gr-blue);color:var(--gr-blue-text);padding:1px 4px;border-radius:var(--gr-radius-sm)}.grammar-explanation .text-green{color:var(--gr-green-text)}.grammar-explanation .text-red{color:var(--gr-red-text)}.grammar-explanation .text-muted{color:var(--gr-gray-text)}.grammar-explanation [class^=badge-]{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:2px 8px;border-radius:999px;vertical-align:middle;line-height:1.5;white-space:nowrap}.grammar-explanation .badge-green{background-color:var(--gr-green);color:var(--gr-green-text);border:1px solid var(--gr-green-border)}.grammar-explanation .badge-red{background-color:var(--gr-red);color:var(--gr-red-text);border:1px solid var(--gr-red-border)}.grammar-explanation .badge-blue{background-color:var(--gr-blue);color:var(--gr-blue-text);border:1px solid var(--gr-blue-border)}.grammar-explanation .badge-yellow{background-color:var(--gr-yellow);color:var(--gr-yellow-text);border:1px solid var(--gr-yellow-border)}.grammar-explanation .badge-gray{background-color:var(--gr-gray);color:var(--gr-gray-text);border:1px solid var(--gr-gray-border)}.grammar-explanation [class^=callout-]{margin:1rem 0;padding:.875rem 1rem;border-left:4px solid;border-radius:var(--gr-radius);line-height:1.7}.grammar-explanation [class^=callout-] p:first-child{margin-top:0}.grammar-explanation [class^=callout-] p:last-child{margin-bottom:0}.grammar-explanation .callout-rule{background-color:#f0f4ff;border-left-color:#6366f1;color:#312e81}.grammar-explanation .callout-tip{background-color:#f0fdf4;border-left-color:#22c55e;color:var(--gr-green-text)}.grammar-explanation .callout-warning{background-color:#fff7ed;border-left-color:#f97316;color:#9a3412}.grammar-explanation .callout-note{background-color:var(--gr-gray);border-left-color:var(--gr-gray-border);color:var(--gr-gray-text)}.grammar-explanation [class^=fp-]{display:inline-block;font-family:var(--gr-mono);font-size:.95rem;font-weight:600;padding:3px 10px;border-radius:var(--gr-radius-sm);vertical-align:middle}.grammar-explanation .fp-subject{background-color:var(--gr-blue);color:var(--gr-blue-text)}.grammar-explanation .fp-auxiliary{background-color:#fce7f3;color:#9d174d}.grammar-explanation .fp-verb{background-color:var(--gr-green);color:var(--gr-green-text)}.grammar-explanation .fp-object{background-color:#ede9fe;color:#5b21b6}.grammar-explanation .fp-connector{background:none;color:var(--gr-gray-text);padding:3px 4px;font-weight:400}.grammar-explanation .gsw-tags{display:flex;flex-wrap:wrap;gap:6px;margin:.5rem 0}.grammar-explanation .gsw-tag{display:inline-block;font-size:.85rem;font-weight:500;padding:3px 10px;background-color:var(--gr-yellow);color:var(--gr-yellow-text);border:1px solid var(--gr-yellow-border);border-radius:999px}.grammar-explanation .gr-example{padding-left:1rem;border-left:3px solid #e5e7eb;margin:.4rem 0;color:#1f2937;line-height:1.7}.grammar-explanation table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem;line-height:1.6}.grammar-explanation th{background-color:#f9fafb;font-weight:600;text-align:left;padding:.6rem .75rem;border-bottom:2px solid #e5e7eb;color:#374151}.grammar-explanation td{padding:.55rem .75rem;border-bottom:1px solid #f3f4f6;vertical-align:top;color:#374151}.grammar-explanation tbody tr:last-child td{border-bottom:none}.grammar-explanation .gm-wrong{background-color:#fef2f2}.grammar-explanation .gm-right{background-color:#f0fdf4}.grammar-explanation .gm-reason{color:var(--gr-gray-text);font-size:.9rem}.grammar-explanation .grammar-intro{font-size:1.05rem;color:#1f2937;line-height:1.75;margin-bottom:1.25rem}.grammar-explanation .grammar-related{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.grammar-explanation .grammar-related ul{list-style:none;margin:0;padding:0}.grammar-explanation .grammar-related li{margin-bottom:.4rem}.grammar-explanation .grammar-related li:before{content:"\2192  ";color:var(--gr-gray-text)}.grammar-illustration{margin:1.5rem 0;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb}.grammar-explanation img{display:block;max-width:100%;width:100%;height:auto}.grammar-illustration img{margin:0;border-radius:0}.grammar-explanation>img{margin:1.25rem 0}.grammar-illustration-actions{display:flex;gap:.5rem;justify-content:center;padding:.6rem 1rem;background:#f9fafb;border-top:1px solid #e5e7eb}.grammar-illustration-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;color:#6b7280;background:transparent;border:none;border-radius:5px;cursor:pointer;transition:color .15s,background-color .15s;text-decoration:none}.grammar-illustration-btn:hover{color:#111827;background-color:#e5e7eb}.grammar-illustration-btn svg{flex-shrink:0;opacity:.7}.grammar-illustration-btn:hover svg{opacity:1}@media (max-width:640px){.grammar-explanation table{font-size:.85rem}.grammar-explanation td,.grammar-explanation th{padding:.45rem .5rem}.grammar-explanation [class^=fp-]{font-size:.82rem;padding:2px 6px}.grammar-explanation [class^=callout-]{padding:.75rem}}@media print{.grammar-explanation h2{break-after:avoid}.grammar-explanation [class^=callout-],.grammar-explanation table{break-inside:avoid}.grammar-explanation .hl-blue,.grammar-explanation .hl-green,.grammar-explanation .hl-red,.grammar-explanation .hl-yellow{-webkit-print-color-adjust:exact;print-color-adjust:exact}}