.stories-page{
    padding:60px 0;
    background:#f2e7cf;
}

.stories-container{
    max-width:900px;
}

.stories-header{
    text-align:center;
    margin-bottom:50px;
}

.stories-title{
    font-size:3.2rem;
    color:#fff;
    font-weight:600;
}

.stories-subtitle{
    max-width:720px;
    margin:0 auto;
    color:#7c6a54;
    line-height:1.6;
}

.stories-stream{
    display:flex;
    flex-direction:column;
    gap:45px;
}

.story-preview{
    background:#f7f0e1;
    padding:30px;
    border:1px solid rgba(0,0,0,.08);
}

.story-title{
    font-size:2rem;
    color:#cc3a1c;
}

.story-title a{
    color:#cc3a1c;
    text-decoration:none;
}

.story-title a:hover{
    text-decoration:underline;
}

.story-meta{
    font-size:.9rem;
    color:#7d6b55;
    margin-bottom:18px;
}

.story-body{
    display:block;
}

.story-body.with-image{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:24px;
}

.story-image{
    width:100%;
    border:8px solid #fff;
    box-shadow:0 8px 18px rgba(0,0,0,.15);
}

.story-excerpt{
    line-height:1.7;
    color:#433a2d;
}

.story-read-more{
    display:inline-block;
    margin-top:14px;
    font-weight:600;
    color:#cc3a1c;
    text-decoration:none;
}

.story-read-more:hover{
    text-decoration:underline;
}

.stories-empty{
    text-align:center;
    padding:40px;
}