/* RelatedFlow — "Related Stories" bordered box. Penfold tokens. */

.rf-related{border:1px solid #b26e4b;background:#fff;margin:44px 0 10px;padding:0 34px 8px;position:relative}
.rf-title{text-align:center;font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:25px;color:#111;margin:-19px 0 4px;line-height:1.2}
.rf-title span{background:#fff;padding:0 20px;display:inline-block}
.rf-list{margin:0}
.rf-item{display:flex;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid #e7e3da;text-decoration:none;color:#111}
.rf-item:last-child{border-bottom:0}
.rf-item-title{font-family:"Fraunces",Georgia,serif;font-size:21px;font-weight:500;line-height:1.45;flex:1 1 auto;color:#111}
.rf-item:hover .rf-item-title{text-decoration:underline;text-underline-offset:3px}
.rf-thumb{flex:0 0 150px;width:150px}
.rf-thumb img{width:150px;height:105px;object-fit:cover;display:block;border-radius:2px}

@media(max-width:640px){
  .rf-related{padding:0 20px 6px}
  .rf-title{font-size:21px;margin-top:-16px}
  .rf-item{gap:16px;padding:18px 0}
  .rf-item-title{font-size:17px}
  .rf-thumb{flex-basis:110px;width:110px}
  .rf-thumb img{width:110px;height:80px}
}