:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f5}#root{width:100%;margin:0;padding:0}.story-content{font-family:Crimson Text,Libre Baskerville,Times New Roman,serif;line-height:1.8;color:#2c3e50}.story-content h1,.story-content h2,.story-content h3{font-family:Cinzel,Trajan Pro,Times New Roman,serif;color:#8b4513;margin-top:2rem;margin-bottom:1rem}.story-content p{margin-bottom:1.5rem;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.story-image-container{position:relative;margin:2rem 0}.story-image-container:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#8B4513 50%,transparent 100%)}.story-divider{height:2px;background:linear-gradient(90deg,transparent 0%,#8B4513 50%,transparent 100%);margin:3rem auto;width:60%;border-radius:1px}.story-image-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.story-image-hover:hover{transform:translateY(-5px);box-shadow:0 20px 40px #8b451326}@media (max-width: 768px){.story-content{font-size:1rem;line-height:1.7}.story-content h1,.story-content h2,.story-content h3{font-size:1.5rem}}@media (min-width: 1200px){.story-content{font-size:1.1rem;line-height:1.9}}