.related-insights { padding: 3rem 0 4rem; margin-top: 1rem; border-top: 1px solid #30383e; }
.related-insights__heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.related-insights__heading h2 { margin: 0; font-size: 1.65rem; line-height: 1.25; letter-spacing: 0; scroll-margin-top: 8rem; }
.related-insights__controls { display: flex; gap: .6rem; flex-shrink: 0; }
.related-insights__controls[hidden] { display: none; }
.related-insights__controls button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #62737f; border-radius: 6px; background: #192229; cursor: pointer; }
.related-insights__controls button img { filter: invert(1); }
.related-insights__controls button:hover:not(:disabled) { background: #305267; }
.related-insights__controls button:disabled { opacity: .35; cursor: default; }
.related-insights__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 2rem) / 3); gap: 1rem; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: .25rem; padding: .25rem .25rem 1rem; margin: -.25rem; list-style: none; scrollbar-width: thin; scrollbar-color: #6d8c9e #172026; }
.related-insights__item { display: flex; min-width: 0; margin: 0; scroll-snap-align: start; }
.related-insights__card { display: flex; flex-direction: column; width: 100%; overflow: hidden; border: 1px solid #39444c; border-radius: 6px; color: #f5f7f8; background: #131b20; text-decoration: none; }
.related-insights__card:hover { border-color: #69b9e3; text-decoration: none; }
.related-insights__photo { width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: cover; background: #202a30; }
.related-insights__copy { padding: 1.15rem; }
.related-insights__type { display: block; color: #a9bdc9; font-size: .8rem; font-weight: 700; margin-bottom: .65rem; }
.related-insights__type--service { color: #f5b44f; }
.related-insights__copy h3 { margin: 0 0 .7rem; font-size: 1.2rem; line-height: 1.4; letter-spacing: 0; overflow-wrap: anywhere; }
.related-insights__copy p { margin: 0; font-size: .95rem; line-height: 1.6; color: #c4ced5; }
.related-insights :focus-visible { outline: 3px solid #7bcfff; outline-offset: 3px; }
@media (max-width: 900px) { .related-insights__track { grid-auto-columns: calc((100% - 1rem) / 2); } }
@media (max-width: 600px) {
  .related-insights { padding: 2rem 0; }
  .related-insights__heading { align-items: flex-end; }
  .related-insights__heading h2 { font-size: 1.4rem; }
  .related-insights__track { grid-auto-columns: 85%; }
}
@media (prefers-reduced-motion: reduce) { .related-insights__track { scroll-behavior: auto; } }
