/* ══════════════════════════════════════
   CARD CONTENT — layout within .panel
   (container itself is .panel from base.css)
══════════════════════════════════════ */

/* phase label */
.ptag {
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: var(--plus2);
  text-transform: uppercase;
  text-align: center;
}

/* note name big display */
.nname {
  font-size: clamp(3rem, 15vw, 4rem);
  font-weight: 800;
  color: var(--plus2);
  line-height: 1;
  letter-spacing: -0.02em;
  text-align: center;
}

/* small info text */
.linfo {
  font-size: 0.7rem;
  color: #fff;
  letter-spacing: 0.1em;
  text-align: center;
}

/* drag phase hint */
.drag-hint {
  font-size: 0.7rem;
  color: #fff;
  letter-spacing: 0.08em;
  text-align: center;
}