/* Shared look for the Trends Barometer screens (palette and Tajawal from the shared kit) */
.b-head { position: absolute; top: 0; inset-inline: 0; height: 170px; display: flex; align-items: center; gap: 30px; padding: 0 90px; z-index: 2; }
.stage-chip { flex: none; padding: 14px 30px; border-radius: 99px; background: var(--deep); color: var(--paper); font: 800 34px/1 var(--font); }
.b-title { flex: 1; margin: 0; font: 800 44px/1.2 var(--font); color: var(--deep); }
.lang-btn { font-size: 28px; padding: .5em 1.3em; }
.b-prompt { position: absolute; top: 200px; inset-inline: 90px; margin: 0; font: 800 76px/1.25 var(--font); color: var(--deep); }
.b-foot { position: absolute; bottom: 40px; inset-inline: 90px; text-align: center; font: 500 28px/1.4 var(--font); color: var(--gold-3); }
.info-card { border-radius: 30px; padding: 36px 40px; background: rgba(255,255,255,.55); box-shadow: inset 0 0 0 2px rgba(184,149,90,.4); }
.info-card h3 { margin: 0 0 14px; font: 800 30px/1.3 var(--font); color: var(--gold-3); }
.info-card p { margin: 0; font: 500 30px/1.6 var(--font); color: var(--ink); }