.lawbar { position: relative; padding: .55rem 0 .8rem !important; }
.lb-head { display: flex; justify-content: center; align-items: center; gap: .6rem; margin-bottom: .45rem; }
.lawbar .lb-flag { font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; padding: .15rem .55rem; border-radius: 999px; background: #E2BD4A; color: #0F1C33; }
.lawbar .lb-flag.uk { background: #AEB9CC; color: #0F1C33; }
.lawbar .lb-title { color: #fff; font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.scroll-cue { position: absolute; left: 50%; top: -52px; box-shadow: 0 0 0 6px rgba(226,189,74,.12); transform: translateX(-50%); width: 28px; height: 44px; border: 2px solid rgba(226,189,74,.8); border-radius: 16px; }
.scroll-cue span { position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; margin-left: -2px; border-radius: 2px; background: #E2BD4A; animation: cue 1.6s ease-in-out infinite; }
@keyframes cue { 0% { opacity: 0; transform: translateY(0); } 40% { opacity: 1; } 100% { opacity: 0; transform: translateY(16px); } }
@media (prefers-reduced-motion: reduce) { .scroll-cue span { animation: none; } }

.scroll-cue::after { content: ""; position: absolute; left: 50%; bottom: -14px; width: 8px; height: 8px; margin-left: -4px; border-right: 2px solid #E2BD4A; border-bottom: 2px solid #E2BD4A; transform: rotate(45deg); animation: chev 1.6s ease-in-out infinite; }
@keyframes chev { 50% { transform: translateY(4px) rotate(45deg); opacity: .5; } }
.lawbar .lb-flag, .lawbar .lb-title { white-space: nowrap; }