: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);--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}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)}.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)}}