.tt-related { line-height: 1.5; padding: 48px 40px 80px; color: #111111; }
.tt-related__inner { width: 100%; max-width: 1480px; margin: 0 auto; }
.tt-related__head { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-bottom: 40px; text-align: center; }
.tt-related__head .tt-npill { align-self: flex-start; } /* classic: the badge sits left of the centred heading */
.tt-related__title { margin: 0; color: #111111; font-size: clamp(26px, 3vw, 40px); font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; }
.tt-related__sub { margin: 0; color: #4b5563; font-size: 16px; }
.tt-related__grid { display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: 24px; }
@media (max-width: 1024px) { .tt-related__grid { grid-template-columns: repeat(var(--tcols), minmax(0, 1fr)); } }
@media (max-width: 640px) { .tt-related { padding-left: 14px; padding-right: 14px; } .tt-related__title { font-size: 26px; } .tt-related__grid { grid-template-columns: repeat(var(--mcols), minmax(0, 1fr)); gap: 14px 8px; } }