/* Non-block-editable interactive bits: scroll spine, cursor ember, quiz/calculator styling */
body { cursor: none; }
#csr-dot, #csr-glow { position: fixed; pointer-events: none; z-index: 9999; }
#csr-dot { width: 7px; height: 7px; border-radius: 50%; background: #FF6B35; transform: translate(-50%, -50%); }
#csr-glow { width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(255,107,53,0.1) 0%, transparent 68%); transform: translate(-50%, -50%); }

.sns-spine { position: fixed; left: 40px; top: 50%; transform: translateY(-50%); width: 5px; height: 216px;
  background: linear-gradient(to bottom, #FF6B35 0%, #FF8C4A 18%, #E8B86D 36%, #A8C87A 50%, #7FAE84 68%, #5E9467 100%);
  border-radius: 2.5px; box-shadow: 0 0 8px rgba(255,107,53,0.25); z-index: 200; }
.sns-spine .marker { position: absolute; width: 17px; height: 17px; border-radius: 50%; background: #FAF7F0;
  border: 2px solid #FF6B35; left: 50%; transform: translateX(-50%); top: 0; box-shadow: 0 0 14px rgba(255,107,53,0.6); transition: top 0.2s; }

@media (max-width: 768px) {
  .sns-spine { display: none; }
  body { cursor: auto; }
  #csr-dot, #csr-glow { display: none; }
  h1, .wp-block-heading { font-size: clamp(28px, 8vw, 40px) !important; line-height: 1.1 !important; }
  .wp-block-columns { flex-wrap: wrap !important; }
  .wp-block-column { flex-basis: 100% !important; }
  .wp-block-group { padding-left: 20px !important; padding-right: 20px !important; }
  .wp-block-buttons { flex-wrap: wrap; }
}