/* Small shared improvements for preserved, earlier portfolio demos. */
.demo-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1.5rem;
  padding: 0.75rem 1rem;
  background: #10545b;
  color: #fff;
  font: 0.95rem/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.demo-banner a { color: #fff; text-decoration: underline; }
:focus-visible { outline: 3px solid #176b73; outline-offset: 3px; }
.demo-banner :focus-visible { outline-color: #fff; }
*, *::before, *::after { box-sizing: border-box; }
body { min-width: 320px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}