.related-materials{margin-top:var(--spacing-2xl)}.related-materials__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.related-materials__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin:0}.related-materials__view-all{display:flex;align-items:center;gap:12px;color:var(--text-white-50);font-size:14px;font-weight:500;line-height:18px;text-decoration:none;transition:color var(--transition-fast)}.related-materials__view-all:hover{color:var(--text-white-70)}.related-materials__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.related-materials__item{padding:var(--spacing-md)}.related-materials__item-link{position:relative;display:block;text-decoration:none;color:inherit}.related-materials__item-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-white);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-normal)}.related-materials__item-description{font-size:var(--font-size-sm);color:var(--text-white-70);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-relaxed)}.related-materials__item-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-white-70);margin-bottom:var(--spacing-sm)}.related-materials__item-date:after{content:"•";margin-left:var(--spacing-sm)}.related-materials__item-read-time{color:var(--text-white-70)}.related-materials__item-category{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--overlay-medium);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-white);font-weight:var(--font-weight-medium)}.related-materials__empty{padding:var(--spacing-xl);text-align:center;color:var(--text-white-70)}@media(min-width:768px){.related-materials__title{font-size:var(--font-size-2xl)}.related-materials__item-title{font-size:var(--font-size-lg)}.related-materials__item-description{font-size:var(--font-size-base)}}@media(min-width:1024px){.related-materials__view-all{font-size:16px;line-height:20px}}