/* The strip at the top of every demo: says it's a concept and links home.
   System font on purpose, so it never looks like part of the demo's brand. */
.concept {
  background: #15140f; color: #f4f2ed;
  font: 500 0.875rem/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  letter-spacing: 0; text-transform: none;
}
.concept__inner {
  max-width: 90rem; margin: 0 auto; padding: 0.375rem clamp(1rem, 3vw, 2rem);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.25rem 1rem;
}
.concept p { margin: 0; color: #c9c4b8; }
.concept strong { color: #f4f2ed; font-weight: 600; }
.concept a { color: #f4f2ed; text-decoration: underline; text-underline-offset: 0.2em; display: inline-block; padding: 0.5rem 0; }
.concept a:hover { color: #ff8a64; }
.concept a:focus-visible { outline: 2px solid #ff8a64; outline-offset: 2px; }
@media (max-width: 30em) { .concept__note { display: none; } }