.grammar-detail-page:where(.io-xinddmfq){max-width:860px;margin:0 auto;padding:1.5rem 1rem 4rem}.breadcrumb:where(.io-xinddmfq){color:var(--pico-muted-color,#6c757d);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.875rem;display:flex}.breadcrumb:where(.io-xinddmfq) a:where(.io-xinddmfq){color:var(--pico-muted-color,#6c757d);text-decoration:none;transition:color .15s}.breadcrumb:where(.io-xinddmfq) a:where(.io-xinddmfq):hover{color:var(--pico-color,#212529)}.breadcrumb:where(.io-xinddmfq) .sep:where(.io-xinddmfq){opacity:.5}.breadcrumb:where(.io-xinddmfq) .current:where(.io-xinddmfq){color:var(--pico-color,#212529);font-weight:500}.grammar-lead-entry:where(.io-xinddmfq){border-bottom:1px solid var(--border-subtle,light-dark(#f0f0f0,#27272a));flex-direction:column;gap:.85rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.grammar-lead-top:where(.io-xinddmfq){flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.grammar-title-group:where(.io-xinddmfq){align-items:baseline;gap:.75rem;display:flex}.grammar-title:where(.io-xinddmfq){color:var(--pico-color,#111827);margin:0;font-size:2.25rem;font-weight:700;line-height:1.1}.grammar-id-tag:where(.io-xinddmfq){color:var(--pico-muted-color,#9ca3af);background:#0000000a;border-radius:4px;padding:.2rem .5rem;font-family:monospace;font-size:.75rem}.grammar-badges:where(.io-xinddmfq){align-items:center;gap:.5rem;display:flex}.hsk-badge:where(.io-xinddmfq){color:#0369a1;background:#e0f2fe;border-radius:6px;padding:.25rem .65rem;font-size:.8125rem;font-weight:600}.category-badge:where(.io-xinddmfq){color:var(--pico-color,#4b5563);background:#0000000d;border-radius:6px;padding:.25rem .65rem;font-size:.8125rem}.grammar-intent-box:where(.io-xinddmfq){background:#f8fafc;border-left:3px solid #0284c7;border-radius:0 8px 8px 0;padding:.875rem 1.25rem}.intent-header:where(.io-xinddmfq){color:#0284c7;align-items:center;gap:.4rem;margin-bottom:.25rem;font-size:.8125rem;font-weight:600;display:flex}.intent-text:where(.io-xinddmfq){color:var(--pico-color,#334155);margin:0;font-size:.9375rem;line-height:1.5}.section-block:where(.io-xinddmfq){margin-bottom:2.5rem}.module-header:where(.io-xinddmfq){margin-bottom:1.25rem}.module-title:where(.io-xinddmfq){color:var(--pico-color,#1e293b);margin:0 0 .35rem;font-size:1.375rem;font-weight:700}.module-subtitle:where(.io-xinddmfq){color:var(--pico-muted-color,#64748b);margin:0;font-size:.9375rem}.module-lead-text:where(.io-xinddmfq){color:var(--pico-color,#334155);margin-bottom:1.25rem;font-size:1rem;line-height:1.6}.formula-matrix-card:where(.io-xinddmfq){background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1.5rem;padding:1.25rem}.formula-row:where(.io-xinddmfq){align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.formula-row:where(.io-xinddmfq):last-child{margin-bottom:0}.formula-badge:where(.io-xinddmfq){text-align:center;border-radius:4px;min-width:85px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.formula-badge:where(.io-xinddmfq).affirmative{color:#15803d;background:#dcfce7}.formula-badge:where(.io-xinddmfq).negative{color:#b91c1c;background:#fee2e2}.formula-badge:where(.io-xinddmfq).question{color:#4338ca;background:#e0e7ff}.formula-code:where(.io-xinddmfq){color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-grow:1;padding:.3rem .75rem;font-family:inherit;font-size:.9375rem;font-weight:600}.formula-notes:where(.io-xinddmfq){color:#64748b;border-top:1px dashed #e2e8f0;margin:.75rem 0 0;padding-top:.5rem;font-size:.875rem}.rules-list:where(.io-xinddmfq){flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.rule-card:where(.io-xinddmfq){background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.rule-title:where(.io-xinddmfq){color:#1e293b;margin:0 0 .5rem;font-size:1.0625rem;font-weight:600}.rule-explanation:where(.io-xinddmfq){color:#475569;margin:0 0 .75rem;font-size:.9375rem;line-height:1.55}.rule-example-box:where(.io-xinddmfq){background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:0 6px 6px 0;flex-direction:column;gap:.2rem;padding:.6rem 1rem;display:flex}.example-zh:where(.io-xinddmfq){color:#0f172a;font-size:1.0625rem;font-weight:500}.example-pinyin:where(.io-xinddmfq){color:#64748b;font-size:.875rem}.example-en:where(.io-xinddmfq){color:#475569;font-size:.875rem;font-style:italic}.mistakes-container:where(.io-xinddmfq){flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.mistake-card:where(.io-xinddmfq){background:#fffaf5;border:1px solid #fed7aa;border-radius:8px;padding:1.25rem}.mistake-pair:where(.io-xinddmfq){grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem;display:grid}@media (width<=640px){.mistake-pair:where(.io-xinddmfq){grid-template-columns:1fr}}.mistake-item:where(.io-xinddmfq){border-radius:6px;padding:.75rem 1rem}.mistake-item:where(.io-xinddmfq).wrong{background:#fef2f2;border-left:3px solid #ef4444}.mistake-item:where(.io-xinddmfq).correct{background:#f0fdf4;border-left:3px solid #22c55e}.mistake-label:where(.io-xinddmfq){align-items:center;gap:.35rem;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:flex}.mistake-item:where(.io-xinddmfq).wrong .mistake-label:where(.io-xinddmfq){color:#dc2626}.mistake-item:where(.io-xinddmfq).correct .mistake-label:where(.io-xinddmfq){color:#16a34a}.mistake-text:where(.io-xinddmfq){color:#0f172a;font-size:1rem;font-weight:500}.mistake-reason:where(.io-xinddmfq){color:#475569;margin:0 0 .5rem;font-size:.875rem;line-height:1.5}.gut-feeling-box:where(.io-xinddmfq){color:#64748b;background:#00000008;border-radius:4px;padding:.4rem .75rem;font-size:.8125rem}.gut-tag:where(.io-xinddmfq){color:#475569;margin-right:.4rem;font-weight:600}.cases-grid:where(.io-xinddmfq){grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=640px){.cases-grid:where(.io-xinddmfq){grid-template-columns:1fr}}.case-card:where(.io-xinddmfq){background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.3rem;padding:1rem 1.25rem;display:flex}.context-tag:where(.io-xinddmfq){text-transform:uppercase;color:#475569;letter-spacing:.03em;background:#f1f5f9;border-radius:4px;align-self:flex-start;padding:.15rem .45rem;font-size:.6875rem;font-weight:600}.case-zh:where(.io-xinddmfq){color:#0f172a;margin:0;font-size:1.0625rem;font-weight:500}.case-pinyin:where(.io-xinddmfq){color:#64748b;margin:0;font-size:.875rem}.case-en:where(.io-xinddmfq){color:#475569;margin:0;font-size:.875rem;font-style:italic}.context-pill-row:where(.io-xinddmfq){margin-top:.25rem;display:flex}.context-bridge-pill:where(.io-xinddmfq){background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-full,9999px);color:var(--foreground);align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.82rem;text-decoration:none;transition:all .15s;display:inline-flex}.context-bridge-pill:where(.io-xinddmfq):hover{border-color:var(--primary,#0284c7);color:var(--primary,#0284c7);background:light-dark(#f0f9ff,#082f49)}.context-bridge-pill:where(.io-xinddmfq) .pill-label:where(.io-xinddmfq){font-weight:500}.context-bridge-pill:where(.io-xinddmfq) .pill-badge:where(.io-xinddmfq){background:var(--card);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--muted-foreground);padding:.1rem .45rem;font-size:.75rem}.story-cards-flow:where(.io-xinddmfq){flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.story-book-card:where(.io-xinddmfq){background:var(--card);border:1px solid var(--border);border-radius:var(--radius-large,10px);overflow:hidden;box-shadow:0 1px 2px #00000005}.story-book-header:where(.io-xinddmfq){background:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1.25rem;display:flex}.story-title-meta:where(.io-xinddmfq){flex-direction:column;gap:.4rem;display:flex}.story-heading-row:where(.io-xinddmfq){flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.story-title-link:where(.io-xinddmfq){color:var(--foreground);font-size:1.05rem;font-weight:600;text-decoration:none;transition:color .15s}.story-title-link:where(.io-xinddmfq):hover{color:var(--foreground);text-decoration:underline}.story-en-subtitle:where(.io-xinddmfq){color:var(--muted-foreground);font-size:.85rem;font-weight:400}.story-comfort-pills:where(.io-xinddmfq){flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.comfort-pill:where(.io-xinddmfq){background:var(--card);color:var(--muted-foreground);border-radius:var(--radius-small,4px);border:1px solid var(--border);padding:.1rem .45rem;font-size:.75rem}.story-open-link:where(.io-xinddmfq){color:var(--muted-foreground);white-space:nowrap;padding-top:.15rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s}.story-open-link:where(.io-xinddmfq):hover{color:var(--foreground);text-decoration:underline}.story-intro-hook:where(.io-xinddmfq){color:var(--muted-foreground);border-bottom:1px solid var(--border-subtle,light-dark(#f4f4f5,#27272a));background:light-dark(#fafafa,#18181b);margin:0;padding:.75rem 1.25rem;font-size:.88rem;font-style:italic;line-height:1.5}.story-quotes-list:where(.io-xinddmfq){margin:0;padding:0;list-style:none}.story-quotes-list:where(.io-xinddmfq).deep-dive-list .story-quote-item:where(.io-xinddmfq){padding-left:5.5rem;position:relative}.story-quote-step:where(.io-xinddmfq){text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);background:var(--muted);border-radius:var(--radius-small,4px);padding:.1rem .35rem;font-size:.72rem;font-weight:600;position:absolute;top:1.05rem;left:1.25rem}.story-quote-item:where(.io-xinddmfq){border-bottom:1px solid var(--border);flex-direction:column;gap:.35rem;padding:1rem 1.25rem;display:flex}.story-quote-item:where(.io-xinddmfq):last-child{border-bottom:none}.story-quote-p:where(.io-xinddmfq){color:var(--foreground);letter-spacing:.01em;margin:0;font-size:1.12rem;line-height:1.75}.story-quote-trans:where(.io-xinddmfq){color:var(--muted-foreground);margin:0;font-size:.92rem;line-height:1.5}.highlight-token:where(.io-xinddmfq){color:inherit;background:light-dark(#fef08a,#854d0e);border-radius:3px;padding:.05rem .15rem;font-weight:600}.empty-state-notice:where(.io-xinddmfq){text-align:center;color:#94a3b8;padding:3rem 1rem}