/* The thin Devroniq strip shown on top of every concept demo. Deliberately neutral so each demo keeps its own identity. */
.dvq-bar { position: relative; z-index: 1000; display: flex; align-items: center; gap: 12px; justify-content: space-between; padding: 7px 16px; background: #291B30; color: #F6EEDF; font: 500 12px/1.3 "Instrument Sans", system-ui, sans-serif; letter-spacing: .01em; }
.dvq-bar a { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.dvq-bar a:hover { color: #FF704F; }
.dvq-bar img { width: 18px; height: 18px; }
.dvq-bar .dvq-tags { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.dvq-bar .dvq-tag { border: 1px solid rgba(246,238,223,.28); border-radius: 99px; padding: 2px 8px; white-space: nowrap; }
.dvq-bar .dvq-tag.hot { background: #FF704F; border-color: #FF704F; color: #291B30; }
@media (max-width: 640px) { .dvq-bar .dvq-tag:not(.hot) { display: none; } .dvq-bar .dvq-long { display: none; } }