.work-permalink { margin: 24px 0 12px; font-size: .85rem; }
.related-works { margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(127,127,127,.25); }
.related-works h2 { margin: 0 0 18px; font-size: 1.3rem; }
.related-works-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.related-work { min-width: 0; padding: 18px; border: 1px solid rgba(127,127,127,.25); border-radius: 10px; }
.related-work-type { display: inline-block; margin-bottom: 10px; padding: 3px 8px; border-radius: 4px; background: rgba(127,127,127,.12); font-size: .75rem; }
.related-work-link { display: block; overflow-wrap: anywhere; }
.related-work-title { display: block; font-weight: 600; line-height: 1.5; }
.related-work-composer { display: block; margin-top: 5px; color: var(--gray-600,#4a5568); font-size: .85rem; }
html.dark-mode .related-work-composer { color: var(--dk-text,#a8b4c8); }
.related-work-reason { margin-top: 13px; font-size: .85rem; }
.related-work-reason summary { cursor: pointer; opacity: .8; }
.related-work-reason p { margin: 10px 0 0; line-height: 1.7; overflow-wrap: anywhere; }
.related-work-link:focus-visible, .related-work-reason summary:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 680px) { .related-works-list { grid-template-columns: minmax(0,1fr); } .related-work { padding: 16px; } }