.highlights { padding: 32px 0 0; }
.highlights-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.highlights-heading p { margin:0; font-weight:600; font-size:16px; }
.highlights-toggle { border:1px solid #cbd3df; background:white; color:var(--navy); padding:9px 16px; border-radius:24px; font:600 14px 'DM Sans',sans-serif; cursor:pointer; }
.highlights-toggle:focus-visible { outline:3px solid #b38a20; outline-offset:4px; }
.highlights-window { overflow:hidden; padding:4px 0; mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
.highlights-belt { display:flex; width:max-content; animation:highlight-travel 28s linear infinite; }
.highlights-group { display:flex; gap:14px; margin:0; padding:0 14px 0 0; list-style:none; }
.highlight-tile { display:flex; align-items:center; justify-content:center; gap:16px; width:245px; min-height:78px; padding:18px 22px; border:1px solid #d7deea; border-radius:12px; background:#fff; color:var(--navy); font-size:16px; font-weight:600; white-space:nowrap; }
.highlight-tile:nth-child(3n+1) { background:var(--navy); color:white; border-color:var(--navy); }
.highlight-tile:nth-child(3n) { background:#f8edca; border-color:#edda9b; }
.highlight-tile::before { content:''; flex-shrink:0; width:8px; height:8px; border:2px solid #c49b30; transform:rotate(45deg); }
.highlights-window:hover .highlights-belt, .highlights[data-paused="true"] .highlights-belt { animation-play-state:paused; }
@keyframes highlight-travel { to { transform:translateX(-50%); } }
@media(max-width:650px) { .highlight-tile { width:215px; min-height:70px; font-size:14px; } .highlights-heading p { font-size:14px; } }
@media(prefers-reduced-motion:reduce) { .highlights-belt { animation:none; width:auto; } .highlights-group { flex-wrap:wrap; padding:0; } .highlight-tile { width:auto; flex:1 1 200px; } .highlights-group[aria-hidden="true"],.highlights-toggle { display:none; } .highlights-window { mask-image:none; overflow:visible; } }
