/* DailyTipsFinder — signature styling
   Signature element: the "journey path" — a stepped, dotted line motif
   representing the career/scholarship/relocation journey the platform guides
   users through. Used sparingly in hero sections and as a divider. */

.journey-path {
  position: relative;
}
.journey-path::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  background-image: radial-gradient(circle, #E8A33D 1.5px, transparent 1.5px);
  background-size: 14px 2px;
  background-repeat: repeat-x;
  opacity: 0.6;
}

.prose-article {
  line-height: 1.75;
}
.prose-article h2 {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  color: #101B33;
}
.prose-article h3 {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 1.2rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  color: #101B33;
}
.prose-article p { margin-bottom: 1rem; color: #2D3142; }
.prose-article ul, .prose-article ol { margin: 1rem 0 1rem 1.5rem; }
.prose-article ul { list-style: disc; }
.prose-article ol { list-style: decimal; }
.prose-article blockquote {
  border-left: 3px solid #E8A33D;
  padding-left: 1rem;
  color: #445066;
  font-style: italic;
  margin: 1.25rem 0;
}
.prose-article img { border-radius: 0.5rem; margin: 1.25rem 0; }
.prose-article a { color: #1F7A5C; text-decoration: underline; }
.prose-article table { width: 100%; border-collapse: collapse; margin: 1.25rem 0; }
.prose-article table td, .prose-article table th {
  border: 1px solid rgba(16,27,51,0.12);
  padding: 0.5rem 0.75rem;
  text-align: left;
}
.prose-article code {
  background: rgba(16,27,51,0.06);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.85em;
}

/* Line clamp utility (Tailwind CDN build doesn't include the plugin) */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

:focus-visible {
  outline: 2px solid #E8A33D;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}