/* sticky-notes.css - Completely redesigned */
.sticky-notes-container {
  position: fixed;
  top: 120px;
  right: 20px;
  z-index: 500;
  display: flex;    
  flex-direction: column;
  gap: 15px;
  max-width: 250px;
}

.sticky-note {
  background: #530d5f;
  color: #ffffff;
  padding: 12px 15px;
  border: 2px solid #e954d0;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.15);
  font-family: 'Basiic', monospace;
  font-size: 0.85rem;
  line-height: 1.5;
  transform: rotate(-1.5deg);
  transition: all 0.2s ease;
  position: relative;
  word-wrap: break-word;
  border-radius: 2px;
}

.sticky-note:nth-child(2) {
  transform: rotate(1deg);
  background: #6b1d7a;
  color: #ffffff;
  border-color: #d946ef;
}

.sticky-note:nth-child(3) {
  transform: rotate(-0.5deg);
  background: #4c1d95;
  color: #ffffff;
  border-color: #a855f7;
}

.sticky-note:nth-child(4) {
  transform: rotate(1.2deg);
  background: #5b21b6;
  color: #ffffff;
  border-color: #c084fc;
}

.sticky-note:hover {
  transform: rotate(0deg) scale(1.02);
  z-index: 501;
  box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.25);
}

/* Typography reset for sticky notes */
.sticky-note * {
  color: inherit !important;
  font-family: inherit !important;
}

.sticky-note h1 {
  font-size: 1rem !important;
  font-weight: bold !important;
  margin: 0 0 8px 0 !important;
  text-shadow: none !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

.sticky-note h2 {
  font-size: 0.95rem !important;
  font-weight: bold !important;
  margin: 6px 0 4px 0 !important;
  text-shadow: none !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

.sticky-note h3 {
  font-size: 0.9rem !important;
  font-weight: bold !important;
  margin: 4px 0 2px 0 !important;
  text-shadow: none !important;
}

.sticky-note p {
  margin: 4px 0 !important;
  text-shadow: none !important;
}

.sticky-note strong {
  font-weight: bold !important;
}

.sticky-note em {
  font-style: italic !important;
}

.sticky-note ul, .sticky-note ol {
  margin: 4px 0 !important;
  padding-left: 16px !important;
  list-style-type: disc !important;
}

.sticky-note li {
  margin: 2px 0 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  cursor: default !important;
  list-style-type: disc !important;
}

.sticky-note input[type="checkbox"] {
  margin-right: 6px !important;
  accent-color: inherit !important;
}

.sticky-note code {
  background: rgba(0, 0, 0, 0.1) !important;
  padding: 1px 3px !important;
  border-radius: 2px !important;
  font-size: 0.8rem !important;
  font-family: 'Courier New', monospace !important;
}

/* Hide on mobile and small screens */
@media (max-width: 1024px) {
  .sticky-notes-container {
    display: none;
  }
}