.flags{gap:10px;align-items:center;min-height:36px}
.flag-badge{position:relative;isolation:isolate;display:inline-flex;width:48px;height:32px;border-radius:6px;overflow:hidden;box-shadow:0 3px 0 #0005,0 5px 12px #0004,0 0 0 1px #ffffff20;vertical-align:middle;flex-shrink:0}
.flag-badge img{display:block;width:100%;height:100%;object-fit:cover}
.flag-badge:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 1px #ffffff70,inset 0 -2px 3px #0004;background:linear-gradient(135deg,#ffffff25,transparent 45%,#0000000a 70%,#ffffff12)}
.flag-fallback{align-items:center;justify-content:center;background:#242c34;color:#e4e9ef;font-size:12px}
.flag-pair{position:relative;isolation:isolate;display:inline-flex;width:72px;height:40px;flex:none;overflow:hidden;border:1px solid #ffffff55;border-radius:11px;background:#18212b;box-shadow:0 2px 0 #ffffff1a inset,0 8px 18px #0008,0 0 18px #d5b07118;vertical-align:middle;transform:perspective(120px) rotateY(-3deg)}
.flag-pair img{display:block;width:100%;height:100%;object-fit:cover}
.flag-pair:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 1px #ffffff7a,inset 0 -3px 5px #0008;background:linear-gradient(125deg,#ffffff24 0%,transparent 38%,#00000012 80%,#ffffff19 100%)}
.flag-pair-fallback{align-items:center;justify-content:center;color:#e6d5b9;font-size:11px;font-weight:700;letter-spacing:-.03em;white-space:nowrap}
.multi-signal-flags{align-items:center}
@media(max-width:700px){.flag-pair{width:62px;height:35px;border-radius:9px}}

/* Direction is a primary instruction, not a muted caption. */
#direction.positive{--direction-light:#76f0b6;--direction-rgb:80,224,151;color:var(--direction-light)!important}
#direction.negative{--direction-light:#ff978b;--direction-rgb:255,112,95;color:var(--direction-light)!important}
#direction.positive,#direction.negative{display:inline-flex;align-items:center;position:relative;margin-top:10px;padding:10px 16px 10px 20px;border:1px solid rgba(var(--direction-rgb),.3);border-radius:9px;background:linear-gradient(110deg,rgba(var(--direction-rgb),.12),rgba(var(--direction-rgb),.025));font-size:clamp(18px,2vw,23px);font-weight:600;letter-spacing:.035em;line-height:1.4;text-shadow:0 0 12px rgba(var(--direction-rgb),.22);box-shadow:inset 0 1px 0 rgba(var(--direction-rgb),.12),0 3px 16px rgba(var(--direction-rgb),.045)}
#direction.positive:before,#direction.negative:before{content:'';position:absolute;left:0;top:11px;bottom:11px;width:2px;background:var(--direction-light);border-radius:2px;box-shadow:0 0 7px rgba(var(--direction-rgb),.5)}