:root{--color-bg: #F7F4EF;--color-bg-alt: #EEEAE3;--color-text: #2C2A26;--color-text-secondary: #6B665C;--color-accent: #1A6B5A;--color-accent-hover: #145548;--color-border: #DDD9D0;--color-card-bg: #FFFEFA;--color-inline-bracket: rgba(26, 107, 90, .4);--color-inline-note: rgba(26, 107, 90, .72);--c-a: 59, 130, 246;--c-b: 168, 85, 247;--c-c: 234, 88, 12;--c-d: 16, 163, 127;--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--navbar-height: 60px;--max-width: 720px;--max-width-narrow: 600px;--max-width-wide: 960px;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--radius-sm: 6px;--radius-md: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:17px;line-height:1.7;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;line-height:1.25}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem}p+p{margin-top:var(--space-sm)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.section{padding:var(--space-2xl) var(--space-md)}.section-inner{max-width:var(--max-width);margin:0 auto}.section-inner--narrow{max-width:var(--max-width-narrow);margin:0 auto}.section-inner--wide{max-width:var(--max-width-wide);margin:0 auto}.section-headline{margin-bottom:var(--space-lg)}.inline-annotation-card{background:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d,0 0 0 1px #00000005}.inline-example-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.03em}.inline-example-text{font-family:"Source Serif 4",var(--font-serif);font-size:1.05rem;line-height:2.1}.inline-fragment{font-family:"Source Serif 4",var(--font-serif);font-weight:600;font-size:1.05rem;color:var(--color-text)}.inline-translation{font-family:"Source Sans 3",var(--font-sans);font-weight:500;font-size:1rem;color:var(--color-accent)}.inline-bracket{font-family:"Source Sans 3",var(--font-sans);font-weight:500;font-size:1rem;color:var(--color-inline-bracket)}.inline-note{font-family:"Source Sans 3",var(--font-sans);font-weight:500;font-size:1rem;color:var(--color-inline-note);font-style:italic}.inline-separator-label{margin-top:var(--space-md);margin-bottom:var(--space-md);font-size:.85rem;color:var(--color-text-secondary);font-style:italic;border-top:1px solid var(--color-border);padding-top:var(--space-md)}.inline-original-text{color:var(--color-text);font-family:"Source Serif 4",var(--font-serif);font-weight:600;font-size:1.05rem}.inline-example-caption{margin-top:var(--space-sm);font-size:.85rem;color:var(--color-text-secondary)}.brief-note{display:block;font-family:"Source Sans 3",var(--font-sans);font-size:.95rem;padding:.3rem .75rem;margin:.25rem 0 .5rem;border-radius:0 3px 3px 0;line-height:1.55;font-style:italic}.brief-note.color-a{color:#1e40af;border-left:3px solid rgba(var(--c-a),.35);background:rgba(var(--c-a),.025)}.brief-note.color-b{color:#6b21a8;border-left:3px solid rgba(var(--c-b),.35);background:rgba(var(--c-b),.025)}.brief-note.color-c{color:#9a3412;border-left:3px solid rgba(var(--c-c),.4);background:rgba(var(--c-c),.025)}.brief-note.color-d{color:#065f46;border-left:3px solid rgba(var(--c-d),.35);background:rgba(var(--c-d),.03)}.grammar-note{display:block;font-family:"Source Sans 3",var(--font-sans);font-size:.98rem;color:#2c2a26;padding:.7rem 1rem;margin:.5rem 0 .75rem;border-radius:0 6px 6px 0;line-height:1.65}.grammar-note.color-a{border-left:4px solid rgba(var(--c-a),.65);background:rgba(var(--c-a),.03)}.grammar-note.color-b{border-left:4px solid rgba(var(--c-b),.55);background:rgba(var(--c-b),.025)}.grammar-note.color-c{border-left:4px solid rgba(var(--c-c),.55);background:rgba(var(--c-c),.025)}.grammar-note.color-d{border-left:4px solid rgba(var(--c-d),.55);background:rgba(var(--c-d),.03)}.grammar-title{font-weight:600;font-size:.92rem;text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:.3rem}.grammar-note.color-a .grammar-title{color:rgb(var(--c-a))}.grammar-note.color-b .grammar-title{color:rgb(var(--c-b))}.grammar-note.color-c .grammar-title{color:rgb(var(--c-c))}.grammar-note.color-d .grammar-title{color:rgb(var(--c-d))}.grammar-body{color:#5a5650}.grammar-example{display:block;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.06)}.grammar-example em{color:#2c2a26}.grammar-example .ex-en{color:#888;font-style:normal}.ex-a{background:rgba(var(--c-a),.13);padding:.04em .14em;border-radius:.2em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.ex-b{background:rgba(var(--c-b),.12);padding:.04em .14em;border-radius:.2em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.ex-c{background:rgba(var(--c-c),.12);padding:.04em .14em;border-radius:.2em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.ex-d{background:rgba(var(--c-d),.13);padding:.04em .14em;border-radius:.2em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.concept-a{text-decoration:underline;text-decoration-color:rgba(var(--c-a),.65);text-underline-offset:3px;text-decoration-thickness:2.5px;text-decoration-skip-ink:none}.concept-b{text-decoration:underline;text-decoration-color:rgba(var(--c-b),.55);text-underline-offset:3px;text-decoration-thickness:2.5px;text-decoration-skip-ink:none}.concept-c{text-decoration:underline;text-decoration-color:rgba(var(--c-c),.55);text-underline-offset:3px;text-decoration-thickness:2.5px;text-decoration-skip-ink:none}.concept-d{text-decoration:underline;text-decoration-color:rgba(var(--c-d),.55);text-underline-offset:3px;text-decoration-thickness:2.5px;text-decoration-skip-ink:none}.concept-a-bg{background:rgba(var(--c-a),.1);text-decoration:underline;text-decoration-color:rgba(var(--c-a),.65);text-underline-offset:3px;text-decoration-thickness:2.5px;text-decoration-skip-ink:none;padding:.04em .12em;border-radius:.2em}.level-pill{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.3rem .7rem;font-size:.8rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;color:var(--color-text-secondary);transition:background .15s ease,color .15s ease,border-color .15s ease}.level-pill:hover{border-color:var(--color-accent);color:var(--color-accent)}.level-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn{display:inline-block;padding:.85rem 1.75rem;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;border:2px solid transparent}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.btn-secondary{background:#fff9;color:var(--color-accent);border-color:var(--color-accent)}.btn-secondary:hover{background:var(--color-accent);color:#fff}@media(max-width:768px){body{font-size:16px}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.section{padding:var(--space-xl) var(--space-sm)}.inline-annotation-card{padding:var(--space-sm) var(--space-md)}}