body{display:flex;gap:1rem;font-family:"Literata", serif;font-optical-sizing:auto;font-style:normal}nav{background-color:#f8f8f8;border:1px solid black;min-width:300px;padding:0.75rem}nav p{margin:0rem 0;line-height:1.5}nav p.page-title{font-size:1.5rem;font-weight:bold}nav p.page-subtitle{font-size:1.2rem;font-weight:bold}nav ul{margin:0.5rem 0;padding:0 0.5rem 0 2rem}main{max-width:1000px;flex-grow:1}.stories .story{margin:1rem 0}.stories .story-name{font-weight:bold;margin:0}main .content{padding:0.5rem 1rem 1rem 0.5rem}main .story-infos{font-size:0.8rem;font-weight:normal;display:flex;gap:0.5rem;margin:0.25rem 0 0 0}main .story-infos .story-info{background-color:#e0e0e0;padding:2px 6px}main .story-content{text-align:justify}main .chapter_teaser{font-style:italic}h1{margin:0 0 1rem 0;padding:0 0 0.5rem 0;border-bottom:1px solid black}h1 small{display:block;font-size:1.25rem}h1 .teaser{font-weight:normal;font-size:1rem;font-style:italic;margin:1rem 0 0.5rem 0;text-align:justify}hr{border:none;border-top:1px dashed #aaaaaa;margin:1.5rem 0}footer{border-top:1px solid #000000;margin:1.5rem 0 1rem 0;padding:1.5rem 0 0 0}.margintop{margin-top:1rem}.mobile-only{display:none}@media (max-width: 1024px){.mobile-hidden{display:none}.mobile-only{display:block}body{display:block}}