/* martialaw.quest */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #2c2416; color: #e8dcc8; font-family: 'Lora', serif; line-height: 1.8; }
.hero { min-height: 60vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; text-align: center; }
.seal { font-size: 1.5rem; color: #c4956a; margin-bottom: 0.5rem; }
.brand { font-family: 'Playfair Display', serif; font-weight: 700; font-size: clamp(2rem, 5vw, 3rem); color: #e8dcc8; }
.est { font-family: 'Fira Code', monospace; font-size: 0.6rem; color: #8b6f47; letter-spacing: 0.15em; margin-top: 0.3rem; }
.aged-rule { width: 80px; height: 1px; background: linear-gradient(to right, transparent, #8b6f47, transparent); margin: 1rem 0; }
.tagline { font-size: 0.9rem; color: #c4956a; }
.archive { max-width: 650px; margin: 0 auto; padding: 2rem 1.5rem 2rem 5rem; position: relative; }
.timeline-spine { position: absolute; left: 3rem; top: 0; bottom: 0; width: 2px; background: #8b6f47; }
.entry { margin-bottom: 2rem; position: relative; }
.date-marker { position: absolute; left: -3.5rem; top: 0; font-family: 'Fira Code', monospace; font-size: 0.7rem; color: #8b6f47; background: #2c2416; padding: 2px 0; }
.date-marker::before { content: ''; position: absolute; left: -1.1rem; top: 6px; width: 8px; height: 8px; border-radius: 50%; background: #c4956a; }
.document-panel { background: #3d3226; border: 1px solid #4a3c2a; padding: 1.5rem; }
.entry-title { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1.1rem; color: #d4a574; margin-bottom: 0.5rem; }
.entry-text { font-size: 0.85rem; color: #c8baa6; margin-bottom: 0.5rem; }
.citation { font-family: 'Fira Code', monospace; font-size: 0.65rem; color: #8b6f47; display: block; }
.sources { max-width: 650px; margin: 0 auto; padding: 2rem 1.5rem; text-align: center; }
.double-rule { width: 100%; height: 4px; border-top: 1px solid #4a3c2a; border-bottom: 1px solid #4a3c2a; margin-bottom: 1.5rem; }
.source-text { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 0.9rem; color: #c4956a; }
.source-brand { font-size: 0.6rem; color: #8b6f47; display: block; margin-top: 0.5rem; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }