.grammar-page{display:flex;min-height:calc(100vh - var(--chrome-top-height) - var(--safe-area-top));padding-bottom:var(--safe-area-bottom)}.grammar-sidebar-group{margin-bottom:.25rem}.grammar-sidebar-group-toggle{display:flex;align-items:center;gap:.3rem;width:100%;padding:.35rem .4rem;border:none;background:none;color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;border-radius:4px;text-align:left}.grammar-sidebar-group-toggle:hover{background:var(--hover-bg,#f0f0f0)}.grammar-sidebar-group-toggle.has-active{color:var(--accent,#2563eb)}.grammar-sidebar-arrow{font-size:.7rem;width:.9rem;flex-shrink:0}.grammar-sidebar-list{list-style:none;margin:0;padding:0 0 0 1.2rem}.grammar-sidebar-link{display:block;padding:.25rem .5rem;font-size:.82rem;color:var(--text-dim,#666);text-decoration:none;border-radius:4px;line-height:1.4}.grammar-sidebar-link:hover{background:var(--hover-bg,#f0f0f0);color:var(--text)}.grammar-sidebar-link.active{background:var(--accent-bg,#eff6ff);color:var(--accent,#2563eb);font-weight:600}.grammar-content{flex:1 1;min-width:0;max-width:780px;padding:1.5rem 2rem 4rem;color:var(--text);line-height:1.7}.grammar-content h1{font-size:1.6rem;font-weight:600;margin-bottom:1rem}.grammar-content h2{font-size:1.15rem;font-weight:600;margin-top:2rem;margin-bottom:.5rem}.grammar-content p{margin-bottom:.8rem;color:var(--text-dim)}.grammar-content ol,.grammar-content ul{margin:.5rem 0 1rem 1.5rem;color:var(--text-dim)}.grammar-content li{margin-bottom:.3rem}.grammar-content blockquote{margin:1.5rem 0;padding:.5rem 1rem;border-left:3px solid var(--accent,#2563eb);color:var(--text-dim);font-style:italic}.grammar-content hr{border:none;border-top:1px solid var(--border,#e0e0e0);margin:2rem 0}.grammar-content strong{color:var(--text)}.grammar-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}.grammar-content td,.grammar-content th{border:1px solid var(--border,#e0e0e0);padding:.4rem .75rem;text-align:center}.grammar-content th{background:var(--accent-bg,#eff6ff);font-weight:600}@media (max-width:639px){.grammar-content{padding:calc(1rem + var(--doc-toc-bar-height)) 1rem 3rem}.grammar-content table{display:block;width:-moz-fit-content;width:fit-content;max-width:100%;overflow-x:auto;font-size:.85rem}.grammar-content td,.grammar-content th{padding:.3rem .45rem}}.grammar-content-toolbar{display:flex;justify-content:flex-end;margin-bottom:.5rem}.grammar-font-size-widget{display:inline-flex;gap:2px;border:1px solid var(--border,#ccc);border-radius:5px;overflow:hidden}.grammar-font-size-btn{padding:.2rem .5rem;border:none;background:var(--bg,#fff);color:var(--text);font-size:.78rem;font-weight:600;cursor:pointer;line-height:1}.grammar-font-size-btn:hover:not(:disabled){background:var(--hover-bg,#f0f0f0)}.grammar-font-size-btn:disabled{opacity:.35;cursor:default}.grammar-font-size-btn--reset{border-left:1px solid var(--border,#ccc);border-right:1px solid var(--border,#ccc)}@media (max-width:639px){.grammar-content-toolbar{display:none}.grammar-font-size-btn{min-height:36px;min-width:36px}.grammar-sidebar-group-toggle,.grammar-sidebar-link{display:flex;align-items:center;min-height:44px}}