/* Shared "concept website" ribbon for the AP Collective example sites.
   Deliberately neutral so it sits on top of three very different designs. */
.concept-note{margin:18px 0 0;padding:14px 16px;border-radius:10px;border:1px dashed currentColor;font-size:.86rem;line-height:1.55;opacity:.9}
.concept-result{display:none;margin-top:18px;border-radius:12px;padding:18px 20px;font-size:.92rem;line-height:1.55}
.concept-result.is-shown{display:block;animation:concept-in .5s cubic-bezier(.2,.8,.2,1)}
.concept-result dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:12px 0 10px}
.concept-result dt{font-weight:600;opacity:.7}
.concept-result dd{margin:0}
@keyframes concept-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
/* Concept label: a small floating pill, always visible, never in the way */
.concept-bar{position:fixed;left:16px;bottom:16px;z-index:150;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:7px 8px 7px 14px;border-radius:99px;background:#0d0e1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e9e9f3;font:500 12px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 10px 30px -10px #0008;border:1px solid #ffffff1f}
.concept-bar b{font-weight:700;color:#fff}
.concept-bar__tag{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#c9c4ff;white-space:nowrap}
.concept-bar__tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#8b7dff;box-shadow:0 0 0 3px #8b7dff33}
.concept-bar__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.concept-bar a{flex:none;color:#0d0e1a;background:#fff;text-decoration:none;font-weight:700;padding:6px 11px;border-radius:99px;transition:background .2s}
.concept-bar a:hover{background:#c9c4ff}
@media (max-width:700px){.concept-bar{left:10px;right:10px;bottom:10px;justify-content:space-between;font-size:11.5px;border-radius:16px}.concept-bar__text{white-space:normal}.concept-bar__more,.concept-bar__tag{display:none}}