.tracktools-related { margin: 2.25rem 0; }
.tracktools-related__heading { margin: 0 0 1rem; font-size: inherit !important; line-height: inherit; font-weight: 700; }
.tracktools-related__grid {
    display: grid;
    grid-template-columns: repeat(var(--tt-columns, 3), minmax(0, 1fr));
    gap: 18px;
    margin: 0;
    padding: 0;
}
.tracktools-related__item { margin: 0; padding: 0; list-style: none; min-width: 0; }
.tracktools-related__item::before, .tracktools-related__item::marker { content: none !important; display: none !important; }
.tracktools-related__image { display: block; aspect-ratio: 3 / 2; overflow: hidden; margin-bottom: 8px; }
.tracktools-related__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tracktools-related__title { font-size: inherit !important; line-height: inherit; margin: 0; font-weight: 400; }
.tracktools-related__title a { color: inherit; text-decoration: none; }
.tracktools-related__title a:hover { text-decoration: underline; }
.tracktools-related__date { display: block; margin-top: 5px; font-size: .85em; opacity: .7; }
.tracktools-related-editor { border: 1px solid #ddd; padding: 16px; }
.tracktools-related-editor__row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid #ddd; }
.tracktools-related-editor__buttons { display:flex; gap:5px; flex-shrink:0; }
@media (max-width: 900px) { .tracktools-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .tracktools-related__grid { grid-template-columns: 1fr; } }

/* Mobile: text-only related posts */
@media (max-width: 560px) {
    .tracktools-related__image {
        display: none !important;
    }

    .tracktools-related__title,
    .tracktools-related__title a {
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: 400 !important;
    }

    .tracktools-related__grid {
        gap: 0.65em;
    }
}