.recommended-stories { max-width: calc(var(--width-journal) - 64px); margin: 24px auto 48px; display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); gap: 20px; }
.recommended-stories a { min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 4px 20px; background: var(--surface); text-decoration: none; overflow-wrap: anywhere; }
.recommended-stories a > span:last-child { padding: 16px 20px; }
.recommended-image { display: block; height: 140px; overflow: hidden; border-radius: 4px 20px 0 0; background: var(--cream); }.recommended-image img { width: 100%; height: 100%; object-fit: cover; }
.list-standard .post-card { grid-template-columns: 30% minmax(0,1fr); }
.list-standard .post-card:nth-child(even):not(.post-card-no-image) .card-image { order: 0; border-radius: 16px 0 0 16px; }
.list-standard .card-image,.list-standard .card-image img { min-height: 220px; }
.load-more { text-align: center; margin-top: 32px; }.load-more [role=status] { font-size: 14px; padding: 8px; background: var(--surface); }
.hero-rotation { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; font-size: 13px; position: relative; }
.hero-rotation button { min-height: 40px; padding: 4px; text-decoration: underline; }.hero-rotation [role=status] { align-self: center; }
.hero.has-rotation .hero-intro { display: grid; }
.slide-intro { grid-area: 1 / 1; }
.slide-intro[aria-hidden=true] { visibility: hidden; }
.hero-rotation { min-height: 56px; }
@media(max-width:1000px){.recommended-stories { margin-inline: 20px; }}
@media(max-width:767px){.list-standard .post-card:nth-child(even):not(.post-card-no-image) .card-image { border-radius: 16px 16px 0 0; }.list-standard .card-image,.list-standard .card-image img { min-height: 0; }.recommended-stories { grid-template-columns: minmax(0,1fr); }}