.grammar-page{display:flex;flex-direction:column;min-width:0}.grammar-toc{align-items:stretch;max-height:min(60svh,32rem);overflow-y:auto;padding:var(--spacing-md);background:var(--surface-elevated);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.grammar-topic-list{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));align-items:start;gap:var(--spacing-md)}.grammar-level-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.grammar-level-label{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.grammar-topic-link{display:flex;align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);border-inline-start:2px solid transparent;transition:background var(--transition-fast),border-color var(--transition-fast)}.grammar-topic-link:hover{background:var(--sidebar-bg-hover)}.grammar-topic-link.is-active{background:var(--accent-jade-soft);border-inline-start-color:var(--color-primary);--text-soft: var(--text-body);--text-muted: var(--text-body)}.grammar-topic-num{flex:0 0 auto;min-width:1.4em;text-align:end;font-size:var(--font-size-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.grammar-topic-titles{display:flex;flex-direction:column;min-width:0}.grammar-topic-native{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.grammar-topic-link.is-active .grammar-topic-native{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.grammar-topic-target{font-size:var(--font-size-xs);color:var(--text-muted);line-height:var(--line-height-tight)}.grammar-topic-optional{flex:0 0 auto;align-self:center;margin-inline-start:auto;padding:1px var(--spacing-xs);font-size:.625rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--surface-muted);border-radius:var(--radius-sm)}.grammar-topic{display:none;max-width:70ch;color:var(--text-primary);line-height:var(--line-height-relaxed)}.grammar-topic.is-active{display:block}.grammar-topic:focus{outline:none}.grammar-topic-head{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-soft)}.grammar-topic-eyebrow{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-xs)}.grammar-topic-level-badge{padding:1px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--accent-jade-text);background:var(--accent-jade-soft);border-radius:var(--radius-pill)}.grammar-topic-step{font-size:var(--font-size-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.grammar-topic-title{margin:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.grammar-topic-subtitle{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-lg);color:var(--text-muted)}.grammar-topic-head+*{margin-top:0}.grammar-topic h2:not(.grammar-topic-title){margin:var(--spacing-xl) 0 var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.grammar-topic h3{margin:var(--spacing-lg) 0 var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.grammar-topic h4{margin:var(--spacing-md) 0 var(--spacing-xs);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.grammar-topic p{margin:0 0 var(--spacing-md)}.grammar-topic ul,.grammar-topic ol{margin:0 0 var(--spacing-md);padding-inline-start:var(--spacing-lg)}.grammar-topic li{margin-bottom:var(--spacing-xs)}.grammar-topic a{color:var(--accent-jade-text);text-decoration:underline;text-underline-offset:2px}.grammar-topic strong{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.grammar-topic code{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;font-size:.9em;padding:1px 5px;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:var(--radius-sm)}.grammar-topic blockquote{margin:0 0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-inline-start:3px solid var(--color-primary);background:var(--accent-jade-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-body)}.grammar-topic blockquote p:last-child{margin-bottom:0}.grammar-topic table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 var(--spacing-md);font-size:var(--font-size-sm)}.grammar-topic th,.grammar-topic td{border:1px solid var(--border-card);padding:var(--spacing-xs) var(--spacing-sm);text-align:start;vertical-align:top;unicode-bidi:plaintext}.grammar-topic th{background:var(--surface-muted);font-weight:var(--font-weight-semibold)}.grammar-topic hr{border:none;border-top:1px solid var(--border-soft);margin:var(--spacing-lg) 0}