/* ember-guide.css - lightweight Ember first-visit tour */
.ember-guide-overlay{
  position:fixed;inset:0;z-index:9998;
  background:rgba(10,10,18,.72);
  display:none;align-items:flex-end;justify-content:center;
  padding:16px;
}
.ember-guide-overlay.open{display:flex}
.ember-guide-highlight{
  position:relative !important;
  z-index:9999 !important;
  outline:2px solid var(--mascot-ember,#F2637A) !important;
  outline-offset:2px;
  box-shadow:0 0 0 9999px rgba(10,10,18,.52), 0 8px 32px rgba(0,0,0,.4) !important;
  border-radius:8px;
  isolation:isolate;
}
.ember-guide-card{
  width:min(420px,100%);
  background:linear-gradient(135deg,#FFFBEB 0%,#fff 100%);
  border:1px solid #E8D9C8;border-left:4px solid var(--mascot-ember,#F2637A);
  border-radius:16px;
  padding:14px 14px 12px;
  box-shadow:0 16px 48px rgba(0,0,0,.22);
  display:flex;gap:12px;align-items:flex-start;
  animation:emberPop .32s cubic-bezier(.34,1.56,.64,1);
  max-height:min(52vh,420px);overflow:auto;
}
@keyframes emberPop{from{transform:scale(.94) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
.ember-guide-card img{width:48px;height:48px;border-radius:50%;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.12);object-fit:cover;background:#fff}
.ember-guide-body{flex:1;min-width:0}
.ember-guide-eyebrow{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mascot-ember,#F2637A);margin-bottom:2px}
.ember-guide-title{font-family:'Fredoka',sans-serif;font-size:1rem;font-weight:700;color:#403B33;line-height:1.2;margin:0 0 4px}
.ember-guide-text{font-size:.84rem;line-height:1.5;color:#5a5346;margin:0}
.ember-guide-actions{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
.ember-guide-btn{appearance:none;border:none;border-radius:999px;padding:7px 14px;font-size:.8rem;font-weight:800;cursor:pointer;font-family:inherit}
.ember-guide-btn.primary{background:var(--mascot-ember,#F2637A);color:#fff;box-shadow:0 2px 0 #c94a61}
.ember-guide-btn.primary:hover{filter:brightness(1.05)}
.ember-guide-btn.ghost{background:#fff;border:1px solid #E8D9C8;color:#5a5346}
.ember-guide-progress{display:flex;gap:5px;align-items:center;margin-left:auto}
.ember-guide-dot{width:7px;height:7px;border-radius:50%;background:#E8D9C8}
.ember-guide-dot.on{background:var(--mascot-ember,#F2637A)}
.ember-guide-skip{margin-left:4px;background:none;border:none;color:#8a8378;font-size:.74rem;font-weight:700;cursor:pointer;text-decoration:underline}
@media(max-width:640px){
  .ember-guide-overlay{padding:8px}
  .ember-guide-card{width:100%}
  .ember-guide-highlight{box-shadow:0 0 0 9999px rgba(10,10,18,.62), 0 8px 24px rgba(0,0,0,.35) !important}
}
@media(prefers-reduced-motion:reduce){
  .ember-guide-card{animation:none}
}