.grammar-page{display:flex;flex-direction:column;min-width:0}.grammar-page .pageframe,.grammar-page .pageframe-body{display:contents}.grammar-toc{align-items:stretch;max-height:min(60svh,32rem);overflow-y:auto;border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.grammar-page .grammar-toc{padding:var(--spacing-md);margin-inline:0;background:var(--surface-elevated)}.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)}@media(hover:hover){.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{max-width:70ch;color:var(--text-primary);line-height:var(--line-height-relaxed)}.grammar-topic:focus{outline:none}.grammar-lesson-foot{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-subtle)}.grammar-lesson-nav{display:flex;justify-content:space-between;gap:var(--spacing-md)}.grammar-lesson-foot:has(.grammar-to-exercises) .grammar-lesson-nav{display:none}.grammar-lesson-foot .grammar-to-exercises{display:flex;width:fit-content;margin-inline-start:auto}@media(max-width:640px){.grammar-lesson-foot .grammar-to-exercises{width:100%}}.grammar-lesson-nav a{color:var(--text-secondary);text-decoration:none}.grammar-lesson-nav a:hover{color:var(--text-primary);text-decoration:underline}.grammar-index{display:block;max-width:70ch}.grammar-topic-head{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-card)}.grammar-page:has(.pageframe-title) .grammar-topic-title{display:none}.grammar-topic-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin:0}.grammar-topic-step{margin-inline-start:auto;font-size:var(--font-size-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.grammar-topic-title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.grammar-topic-subtitle{font-size:var(--font-size-lg);color:var(--text-muted);overflow-wrap:anywhere}.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-black);line-height:var(--line-height-tight)}.grammar-topic>h2{--section-paper: var(--note-b);position:relative;isolation:isolate;width:fit-content;max-width:100%;color:var(--note-ink)}.grammar-topic>h2:nth-of-type(4n+2){--section-paper: var(--note-c)}.grammar-topic>h2:nth-of-type(4n+3){--section-paper: var(--note-d)}.grammar-topic>h2:nth-of-type(4n+4){--section-paper: var(--note-e)}.grammar-topic>h2:before{content:"";position:absolute;z-index:-1;left:calc(-1 * var(--marker-bleed));bottom:var(--marker-offset);width:calc(100% + 2 * var(--marker-bleed));height:var(--marker-height);background:color-mix(in srgb,var(--section-paper) 85%,transparent);transform:var(--marker-slant)}:root[data-theme=dark] .grammar-topic>h2:before,:root:not([data-theme]) .grammar-topic>h2:before{top:-.06em;bottom:-.06em;height:auto;background:color-mix(in srgb,var(--section-paper) 92%,transparent)}.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:not(.btn){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}.grammar-topic span[lang]{unicode-bidi:plaintext}.grammar-topic .say-btn{display:inline-block;inline-size:1.15em;block-size:1.15em;margin-inline-start:.2em;padding:0;vertical-align:-.2em;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast)}.grammar-topic .say-btn:before{content:"";display:block;inline-size:100%;block-size:100%;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M11%205L6%209H2v6h4l5%204V5z%20M15.5%208.5a5%205%200%20010%207%20M19%206a9%209%200%20010%2012'/%3E%3C/svg%3E") center / 85% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M11%205L6%209H2v6h4l5%204V5z%20M15.5%208.5a5%205%200%20010%207%20M19%206a9%209%200%20010%2012'/%3E%3C/svg%3E") center / 85% no-repeat}@media(hover:hover){.grammar-topic .say-btn:hover{color:var(--accent-lagoon)}}.grammar-topic .say-btn[data-busy]{color:var(--accent-lagoon);animation:speak-pulse 1s ease-in-out infinite}.grammar-topic .say-btn[data-failed]{color:var(--color-danger)}.grammar-topic .say-btn[data-failed]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%209v4m0%204h.01M10.29%203.86L1.82%2018a2%202%200%20001.71%203h16.94a2%202%200%20001.71-3L13.71%203.86a2%202%200%2000-3.42%200z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%209v4m0%204h.01M10.29%203.86L1.82%2018a2%202%200%20001.71%203h16.94a2%202%200%20001.71-3L13.71%203.86a2%202%200%2000-3.42%200z'/%3E%3C/svg%3E")}