/* Tiny supplements on top of Tailwind CDN */
@keyframes fade { 0% { opacity: 0; transform: translateY(8px); } 100% { opacity: 1; transform: translateY(0); } }
.animate-fade { animation: fade .2s ease-out; }

/* Subtle dotted-grid hero background */
.bg-grid {
  background-image: radial-gradient(circle, rgba(15, 23, 42, 0.06) 1px, transparent 1px);
  background-size: 18px 18px;
}

/* Workflow stage connector dot ring */
.stage-dot { box-shadow: 0 0 0 4px white, 0 0 0 5px currentColor; }

/* Clause hover highlight in viewer */
.clause:hover { background-color: rgb(254 249 195 / 0.4); }
.clause.active { background-color: rgb(254 249 195 / 0.6); border-left-color: #0e7490; }

/* Mock document text styling */
.doc-prose p { margin-bottom: .75rem; line-height: 1.7; color: #334155; }
.doc-prose h3 { font-weight: 600; color: #0f172a; margin-top: 1rem; margin-bottom: .5rem; }