*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:18px;line-height:1.85;scroll-behavior:smooth}
body{background-color:#F2E8D5;color:#2A2118;font-family:'Cormorant Garamond',serif;font-weight:400;overflow-x:hidden}

.masthead{position:fixed;top:0;left:0;width:100%;height:64px;background:#1C1612;display:flex;justify-content:space-between;align-items:center;padding:0 40px;z-index:100;border-bottom:1px solid #3D3224;opacity:0;transition:opacity 300ms}
.masthead.visible{opacity:1}
.masthead-title{font-family:'Playfair Display',serif;font-weight:700;font-size:0.78rem;color:#C8B89A;letter-spacing:0.2em;text-transform:uppercase}
.masthead-nav{display:flex;gap:24px}
.masthead-nav a{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:0.75rem;color:#8B7355;text-decoration:none;letter-spacing:0.06em;transition:color 200ms}
.masthead-nav a:hover{color:#D4A84B}

.article-column{max-width:640px;margin:0 auto;padding:100px 24px 80px;position:relative}

.article{margin-bottom:60px;opacity:0;transform:translateY(20px);transition:opacity 500ms ease-out,transform 500ms ease-out}
.article.visible{opacity:1;transform:translateY(0)}

.chapter-divider{text-align:center;margin-bottom:32px}
.ornament{font-size:1rem;color:#8B7355}

.article-title{font-family:'Playfair Display',serif;font-weight:700;font-size:2rem;color:#2A2118;letter-spacing:0.02em;margin-bottom:20px;line-height:1.3}
.drop-cap{float:left;font-family:'Playfair Display',serif;font-weight:700;font-size:4rem;line-height:0.8;margin-right:8px;margin-top:6px;color:#8B7355}

.article-body{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1rem;color:#2A2118;line-height:1.85;margin-bottom:16px;letter-spacing:0.005em}

.marginalia{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:0.6rem;color:#8B7355;max-width:160px;float:left;margin-left:-180px;margin-top:4px;text-align:right;line-height:1.5}

.truth-table{margin:24px 0 24px 20px;padding:16px;background:#E8DCC8;border:2px solid #3D3224;box-shadow:0 2px 8px rgba(61,50,36,0.15)}
.truth-table table{width:100%;border-collapse:collapse}
.truth-table th{font-family:'Courier Prime',monospace;font-size:0.78rem;color:#4A3C2E;padding:6px 12px;border-bottom:1px solid #3D3224;text-align:center}
.truth-table td{font-family:'Courier Prime',monospace;font-size:0.78rem;padding:4px 12px;text-align:center}
.val-t{color:#2A2118}
.val-f{color:#8B7355}

.site-footer{background:#1C1612;padding:48px 40px;margin-top:40px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:640px;margin:0 auto 24px}
.footer-heading{font-family:'Playfair Display',serif;font-weight:700;font-size:0.8rem;color:#C8B89A;letter-spacing:0.1em;margin-bottom:8px}
.footer-item{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:0.7rem;color:#8B7355;line-height:1.6}
.footer-credit{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:0.65rem;color:#3D3224;text-align:center;max-width:640px;margin:0 auto}

@media(max-width:768px){
    .article-column{padding:80px 20px 60px}
    .marginalia{float:none;margin:0 0 12px;max-width:100%;text-align:left;font-size:0.7rem}
    .article-title{font-size:1.6rem}
    .drop-cap{font-size:3rem}
}