/* Team feedback, October 2026. Keep these overrides after migrated styles. */
.resource-tile > .resource-topic { position:absolute; inset:20px 20px auto auto; width:auto; max-width:calc(100% - 40px); margin:0; z-index:2; display:inline-flex; padding:9px 14px; border-radius:999px; background:rgba(17,17,15,.86); color:#fff; line-height:1.2; }
.whatsapp-wall { overflow:hidden; padding:12px 0; }
.whatsapp-wall-row { overflow:hidden; margin:0 0 20px; }
.whatsapp-wall-track { display:flex; width:max-content; animation:mentored-feedback-scroll 55s linear infinite; }
.whatsapp-wall-row:nth-child(2) .whatsapp-wall-track { animation-direction:reverse; animation-duration:65s; }
.whatsapp-wall-group { display:flex; align-items:center; gap:24px; padding-right:24px; }
.whatsapp-wall-group img { display:block; width:clamp(280px,32vw,430px); height:auto; flex:none; }
.whatsapp-wall:hover .whatsapp-wall-track,.whatsapp-wall:focus-within .whatsapp-wall-track { animation-play-state:paused; }
@keyframes mentored-feedback-scroll { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce) { .whatsapp-wall-track { animation:none; } .whatsapp-wall-row { overflow-x:auto; } .whatsapp-wall-group[aria-hidden] { display:none; } }
.site-header .logo { width:180px; height:auto; background:none; text-indent:0; }
.site-header .logo img { display:block; width:180px; height:auto; }
@media(min-width:1200px) {
 .site-header .nav-inner { display:flex; justify-content:center; height:78px; }
 .site-header .nav-left { position:absolute; right:calc(50% + 114px); left:auto; top:50%; transform:translateY(-50%); justify-content:flex-end; gap:28px; padding-right:0; }
 .site-header .logo { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
 .site-header .nav-right { position:absolute; left:calc(50% + 114px); top:50%; transform:translateY(-50%); justify-content:flex-start; gap:28px; }
 .site-header .nav-actions { position:absolute; right:24px; top:50%; transform:translateY(-50%); }
 .site-header .nav-side { flex:none; }
}
@media(min-width:1200px) and (max-width:1500px) { .site-header .nav-actions { gap:12px; } .site-header .nav-side a,.site-header .nav-member-link { font-size:12px; } .site-header .nav-cta { padding:12px 18px; font-size:12px; } }
@media(max-width:1199px) { .site-header .nav-side,.site-header .nav-actions { display:none; } .site-header .nav-toggle { display:flex; } .site-header .nav-inner { justify-content:center; } }
