/* Chronicle page styles */
.chronicle-hero{background:linear-gradient(135deg,#2d1b00 0%,#4a2c0a 40%,#3b2308 100%);color:#f5e6c8;padding:60px 0 50px;text-align:center;position:relative;overflow:hidden}.chronicle-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f5e6c8' fill-opacity='0.03'%3E%3Ccircle cx='20' cy='20' r='1.5'/%3E%3Ccircle cx='80' cy='40' r='1'/%3E%3Ccircle cx='40' cy='80' r='1.5'/%3E%3Ccircle cx='60' cy='10' r='1'/%3E%3Ccircle cx='10' cy='60' r='1'/%3E%3C/g%3E%3C/svg%3E")}.chronicle-hero h1{font-size:2.8rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1;font-family:Georgia,"Times New Roman",serif;letter-spacing:.02em}.chronicle-subtitle{font-size:1.15rem;opacity:.8;font-style:italic;position:relative;z-index:1;font-family:Georgia,"Times New Roman",serif}

.chronicle{padding:50px 0 80px;background:#faf6ef;position:relative}.chronicle::before{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background:linear-gradient(to bottom,transparent,#d4c5a0 5%,#d4c5a0 95%,transparent);transform:translateX(-50%);z-index:0}

.chronicle-note{max-width:700px;margin:0 auto 3rem;text-align:center;padding:1.5rem 2rem;background:#f0e8d4;border:1px solid #d4c5a0;border-radius:8px;color:#6b5b3e;font-family:Georgia,"Times New Roman",serif;font-size:.95rem;line-height:1.7;position:relative;z-index:1}

.chronicle-section{margin-bottom:2rem;position:relative;z-index:1}

.chapter-heading{text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:1.6rem;font-weight:700;color:#4a2c0a;margin-bottom:2.5rem;padding:.75rem 2rem;position:relative}.chapter-heading::before,.chapter-heading::after{content:"";position:absolute;top:50%;width:60px;height:1px;background:#c4a97d}.chapter-heading::before{right:calc(50% + 160px)}.chapter-heading::after{left:calc(50% + 160px)}

.chronicle-panel{display:grid;gap:2rem;align-items:center;margin-bottom:3rem;max-width:900px;margin-left:auto;margin-right:auto}.chronicle-panel.panel-left{grid-template-columns:1fr 1fr}.chronicle-panel.panel-right{grid-template-columns:1fr 1fr}.chronicle-panel.panel-right .comic-frame{order:2}.chronicle-panel.panel-right .chronicle-text{order:1}.chronicle-panel.panel-center{grid-template-columns:1fr;max-width:700px;text-align:center}

.comic-frame{position:relative;background:#fff;border:3px solid #2d3748;border-radius:4px;box-shadow:4px 4px 0 #2d3748;overflow:hidden;transition:transform .3s ease}.comic-frame:hover{transform:rotate(-1deg) scale(1.02)}.comic-frame img{width:100%;height:auto;display:block;min-height:200px;object-fit:cover}.comic-frame.img-missing{min-height:220px;background:linear-gradient(135deg,#f0e8d4,#e2d5b8);display:flex;align-items:center;justify-content:center}.comic-frame.img-missing::before{content:"[Image placeholder]";color:#8b7355;font-style:italic;font-family:Georgia,"Times New Roman",serif;font-size:.95rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comic-frame.img-missing img{display:none}

.comic-caption{background:#fffde7;padding:.6rem 1rem;font-size:.85rem;color:#4a3520;font-style:italic;font-family:Georgia,"Times New Roman",serif;border-top:2px solid #2d3748;text-align:center}

.chronicle-text{font-family:Georgia,"Times New Roman",serif;line-height:1.8;color:#3d2e1c}.chronicle-text p{margin-bottom:1rem;font-size:1.05rem}.chronicle-text p.opening{font-size:1.15rem}.chronicle-text p.opening::first-letter{font-size:3rem;float:left;line-height:1;margin-right:.1rem;margin-top:.05rem;color:#4a2c0a;font-weight:700}

.chronicle-epilogue{text-align:center;margin-top:3rem;padding:2.5rem;font-family:Georgia,"Times New Roman",serif}.chronicle-epilogue>p{font-style:italic;font-size:1.2rem;color:#6b5b3e;margin-bottom:2.5rem;line-height:1.8}

.chronicle-cta{padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:inline-block}.chronicle-cta p{font-family:"Inter",system-ui,sans-serif;font-style:normal;color:#4a5568;margin-bottom:1.25rem;font-size:1rem}.chronicle-cta .btn{margin:0 .5rem;font-family:"Inter",system-ui,sans-serif}.btn-secondary-outline{background:transparent;color:#2563eb;border:2px solid #2563eb}.btn-secondary-outline:hover{background:#2563eb;color:#fff}

@media screen and (min-width:1024px){.chronicle-hero{padding:80px 0 60px}.chronicle-hero h1{font-size:3.2rem}.chronicle{padding:60px 0 100px}}

@media screen and (max-width:767px){.chronicle-hero h1{font-size:2rem}.chronicle-subtitle{font-size:1rem}.chronicle-panel.panel-left,.chronicle-panel.panel-right{grid-template-columns:1fr}.chronicle-panel.panel-right .comic-frame{order:0}.chronicle-panel.panel-right .chronicle-text{order:0}.chapter-heading{font-size:1.3rem}.chapter-heading::before,.chapter-heading::after{display:none}.chronicle::before{display:none}.chronicle-note{margin:0 1rem 2.5rem;padding:1rem 1.25rem}.chronicle-cta .btn{display:block;margin:.5rem 0}}

@media screen and (max-width:480px){.chronicle-hero h1{font-size:1.6rem}.chronicle-hero{padding:40px 0 30px}.chronicle-text p{font-size:.95rem}.chronicle-text p.opening{font-size:1.05rem}}