:root,[data-theme=light]{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--color-bg: #f7f4ee;--color-surface: #fcfbf8;--color-surface-2: #f2eee7;--color-text: #231f19;--color-text-muted: #666159;--color-border: rgba(35, 31, 25, .12);--color-primary: #7b2d26;--color-primary-hover: #5d211d;--color-primary-soft: #ead8d3;--color-success: #2e6b3f;--color-warning: #9a5c14;--color-error: #8f2448;--color-inverse: #fffaf6;--shadow-sm: 0 1px 2px rgba(25, 20, 16, .06);--shadow-md: 0 8px 24px rgba(25, 20, 16, .08);--radius-sm: .5rem;--radius-md: .8rem;--radius-lg: 1.2rem;--radius-full: 999px;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", system-ui, sans-serif}[data-theme=dark]{--color-bg: #171412;--color-surface: #1f1b18;--color-surface-2: #28231f;--color-text: #ece4da;--color-text-muted: #b4aa9f;--color-border: rgba(236, 228, 218, .12);--color-primary: #cf8e83;--color-primary-hover: #e0a59b;--color-primary-soft: #3a2a27;--color-success: #71b785;--color-warning: #d9a35a;--color-error: #df7a9c;--color-inverse: #1a1613;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 10px 28px rgba(0, 0, 0, .35)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;color:var(--color-text);background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface-2) 100%)}h1,h2,h3{line-height:1.12}p{max-width:75ch}a{color:inherit}img{display:block;max-width:100%}button{border:none;background:none;color:inherit;font:inherit;cursor:pointer;transition:.18s ease}.shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;padding:var(--space-6);border-right:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 92%,transparent);backdrop-filter:blur(8px);overflow:auto}.brand{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-6)}.logo{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--color-primary);background:var(--color-primary-soft);box-shadow:var(--shadow-sm);flex:0 0 auto}.brand h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.muted{color:var(--color-text-muted)}.theme-toggle{margin-left:auto;width:42px;height:42px;border-radius:50%;border:1px solid var(--color-border);display:grid;place-items:center;background:var(--color-surface)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-6)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.stat-card strong{display:block;font-size:var(--text-lg);margin-top:var(--space-1)}.progress-block,.chapter-nav{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.progress-bar{width:100%;height:12px;border-radius:var(--radius-full);background:var(--color-surface-2);overflow:hidden;margin-top:var(--space-2)}.progress-fill{height:100%;width:0%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-primary) 0%,color-mix(in srgb,var(--color-primary) 55%,white) 100%);transition:width .3s ease}.nav-list{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.nav-btn{text-align:left;width:100%;padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent}.nav-btn.active,.nav-btn:hover,.nav-btn:focus-visible{background:var(--color-primary-soft);color:var(--color-text);outline:none}.content{padding:clamp(1.25rem,3vw,2.5rem)}.hero{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02)}.hero-body{position:relative;padding:clamp(1.75rem,4vw,3.25rem);background:linear-gradient(105deg,color-mix(in srgb,var(--color-surface) 94%,transparent),color-mix(in srgb,var(--color-surface) 86%,transparent) 52%,color-mix(in srgb,var(--color-surface) 30%,transparent))}.dedication{display:inline-block;margin-bottom:var(--space-4);font-family:var(--font-display);font-size:var(--text-lg);font-style:italic;color:var(--color-primary)}.eyebrow{display:inline-flex;padding:.35rem .7rem;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-3);font-weight:700}.hero h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-3);max-width:18ch}.hero p{max-width:60ch}.hero p+p{margin-top:var(--space-3)}.main-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(1.1rem,2.5vw,1.7rem);box-shadow:var(--shadow-sm)}.card h3{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-3)}.chapter-media{position:relative;border-radius:var(--radius-md);overflow:hidden;margin:0 0 var(--space-5);border:1px solid var(--color-border);aspect-ratio:21 / 7}.chapter-media img{width:100%;height:100%;object-fit:cover}.chapter-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:#fff;background:linear-gradient(0deg,#0000009e,#0000)}.timeline,.law-points,.summary-points,.quiz-options{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.timeline-item,.point-item{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border)}.timeline-item strong,.point-item strong{display:block;margin-bottom:.35rem}.points-label{margin-top:var(--space-5);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.chapter-header{display:flex;justify-content:space-between;align-items:start;gap:var(--space-4);margin-bottom:var(--space-4)}.chapter-tag{padding:.5rem .8rem;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.quiz-card{border-top:1px dashed var(--color-border);margin-top:var(--space-5);padding-top:var(--space-5)}.quiz-options button{text-align:left;width:100%;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.multi-note{margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.quiz-options button:hover,.quiz-options button:focus-visible{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary-soft) 45%,var(--color-surface) 55%);outline:none}.quiz-options button.correct{background:color-mix(in srgb,var(--color-success) 18%,var(--color-surface) 82%);border-color:color-mix(in srgb,var(--color-success) 50%,black 10%)}.quiz-options button.wrong{background:color-mix(in srgb,var(--color-error) 14%,var(--color-surface) 86%);border-color:color-mix(in srgb,var(--color-error) 50%,black 10%)}.quiz-meta{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-3)}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .8rem;border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-surface-2);border:1px solid var(--color-border)}.feedback{margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);display:none}.feedback.show{display:block}.feedback.good{border-color:color-mix(in srgb,var(--color-success) 35%,var(--color-border) 65%)}.feedback.bad{border-color:color-mix(in srgb,var(--color-error) 35%,var(--color-border) 65%)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.btn{padding:.9rem 1.15rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);min-height:44px}.btn.primary{background:var(--color-primary);color:var(--color-inverse);border-color:transparent}.btn.primary:hover{background:var(--color-primary-hover)}.final-quiz-wrap{display:none}.final-quiz-wrap.show{display:block}.score-box{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border)}.footer-note{margin-top:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm)}.attribution{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs)}@media(max-width:920px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--color-border)}.content{padding-top:var(--space-5)}.chapter-media{aspect-ratio:16 / 9}}