:root{--color-bg: #F6F1E8;--color-bg-alt: #F1EBDE;--color-text: #1F1B16;--color-text-secondary: #6F6557;--color-accent: #9C4221;--color-accent-hover: #B85A36;--color-accent-soft: #F0D9C8;--color-border: #E0D6C0;--color-card-bg: #FBF7EE;--color-book-accent: #1A6B5A;--color-book-accent-hover: #145548;--color-inline-bracket: rgba(26, 107, 90, .4);--color-inline-note: rgba(26, 107, 90, .72);--font-serif: "Source Serif 4", Georgia, serif;--font-sans: "Inter Tight", Inter, system-ui, -apple-system, sans-serif;--font-logo: "Instrument Serif", Georgia, serif;--navbar-height: 60px;--max-width: 720px;--max-width-narrow: 600px;--max-width-wide: 1080px;--space-4: .25rem;--space-8: .5rem;--space-12: .75rem;--space-16: 1rem;--space-20: 1.25rem;--space-24: 1.5rem;--space-32: 2rem;--space-40: 2.5rem;--space-48: 3rem;--space-64: 4rem;--space-96: 6rem;--radius-sm: 4px;--radius-md: 8px;--text-2xs: .75rem;--text-xs: .8125rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.375rem;--text-3xl: 1.5rem;--text-4xl: 1.875rem;--text-5xl: 2.25rem;--text-6xl: 3rem;--text-display: clamp(2.25rem, 1.4rem + 3.4vw, 3rem);--color-bg-soft: #FAF7F0;--color-bg-soft-hover: #F1EBDE}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%}body{font-family:var(--font-sans);font-size:var(--text-lg);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:500;line-height:1.25;letter-spacing:-.01em}h1{font-size:var(--text-6xl)}h2{font-size:var(--text-5xl)}h3{font-size:var(--text-3xl)}p+p{margin-top:var(--space-16)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.section{padding:var(--space-96) var(--space-24)}.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-40)}.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-40) var(--space-64);box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d,0 0 0 1px #00000005}.inline-example-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-16);text-transform:uppercase;letter-spacing:.03em}.inline-example-text{font-family:var(--font-serif);font-size:var(--text-lg);line-height:2.1}.inline-fragment{font-family:var(--font-serif);font-weight:600;font-size:var(--text-lg);color:var(--color-text)}.inline-translation{font-family:var(--font-sans);font-weight:500;font-size:var(--text-lg);color:var(--color-book-accent)}.inline-bracket{font-family:var(--font-sans);font-weight:500;font-size:var(--text-lg);color:var(--color-inline-bracket)}.inline-note{font-family:var(--font-sans);font-weight:500;font-size:var(--text-lg);color:var(--color-inline-note);font-style:italic}.inline-separator-label{margin-top:var(--space-24);margin-bottom:var(--space-24);font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic;border-top:1px solid var(--color-border);padding-top:var(--space-24)}.inline-original-text{color:var(--color-text);font-family:var(--font-serif);font-weight:600;font-size:var(--text-lg)}.inline-example-caption{margin-top:var(--space-16);font-size:var(--text-sm);color:var(--color-text-secondary)}.level-pill{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-12);font-size:var(--text-xs);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:var(--space-12) var(--space-32);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-md);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){h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-xl)}.section{padding:var(--space-64) var(--space-16)}.inline-annotation-card{padding:var(--space-16) var(--space-24)}}