.ila-related-content { --ila-ink: #1F1E2C; --ila-surface: #2D2D45; --ila-accent: #FAA005; --ila-teal: #63C2D0; --ila-paper: #fff; margin: 2.75rem 0; padding: clamp(1.25rem, 3vw, 2.25rem); background: var(--ila-ink); color: var(--ila-paper); border-radius: 20px; overflow: hidden; }
.ila-related-content__heading { display: flex; gap: .7rem; align-items: center; margin-bottom: 1.4rem; }
.ila-related-content__heading span { width: 28px; height: 3px; background: var(--ila-accent); }
.ila-related-content h2 { margin: 0; color: inherit; font-size: clamp(1.35rem, 2vw, 1.8rem); }
.ila-related-content__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ila-related-card { min-width: 0; display: flex; flex-direction: column; background: var(--ila-surface); border: 1px solid rgba(99,194,208,.25); border-radius: 13px; overflow: hidden; transition: transform .2s ease, border-color .2s ease, background-color .2s ease, color .2s ease; }
.ila-related-card:hover { transform: translateY(-4px); border-color: var(--ila-accent); background: var(--ila-accent); color: var(--ila-ink); }
.ila-related-card__image { display: block; aspect-ratio: 16 / 9; background: var(--ila-ink); overflow: hidden; }
.ila-related-card__image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .35s ease; }
.ila-related-card:hover img { transform: scale(1.04); }
.ila-related-card__body { padding: 1rem; display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
.ila-related-card__term { color: var(--ila-teal); font-size: .74rem; font-weight: 700; }
.ila-related-card h3 { margin: .45rem 0 1rem; color: inherit; font-size: 1rem; line-height: 1.55; }
.ila-related-card a { color: inherit; text-decoration: none; }
.ila-related-card:hover h3, .ila-related-card:hover h3 a, .ila-related-card:hover .ila-related-card__term, .ila-related-card:hover .ila-related-card__cta { color: var(--ila-ink); }
.ila-related-card__cta { margin-top: auto; display: inline-flex; gap: .4rem; align-items: center; font-size: .85rem; font-weight: 700; }
.ila-related-card__cta span { color: var(--ila-accent); transition: transform .2s ease; }
.ila-related-card:hover .ila-related-card__cta span { color: var(--ila-ink); }
.ila-related-card:hover .ila-related-card__cta span { transform: translateX(-3px); }
.ila-block-editor-preview { padding: 24px; border: 1px solid #dcdcde; border-radius: 10px; background: #1F1E2C; color: #fff; }
.ila-block-editor-preview h3 { color: #fff; margin: .4rem 0; }.ila-block-editor-preview__eyebrow { color: #FAA005; font-weight: 700; font-size: 12px; }
@media (max-width: 700px) { .ila-related-content__grid { grid-template-columns: 1fr; } }