nav.lesson-nav.related-materials { display: block; margin: 28px 0; padding: 18px; border: 1px solid #d6e5e6; border-radius: 16px; background: #f4faf9; }
.related-heading { margin: 0 0 8px; color: #174b53; font-size: 1.08rem; font-weight: 800; }
.related-intro { margin: 0 0 14px; color: #47636b; font-size: .88rem; line-height: 1.6; }
.related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 12px; }
nav.lesson-nav .related-card { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; min-height: 44px; padding: 14px; white-space: normal; text-decoration: none; background: #fff; border: 1px solid #c7dddf; border-radius: 10px; line-height: 1.6; }
.related-meta { color: #47636b; font-size: .78rem; }
.related-card strong { color: #076c78; font-size: 1rem; }
.related-reason { color: #355563; font-size: .88rem; font-weight: 400; }
.related-card:hover strong { text-decoration: underline; }
.related-card:focus-visible { outline: 3px solid #b05a13; outline-offset: 3px; }