/* ============================================================
   She Owns The Court — site.css
   Editorial magazine styling, paired with Tailwind utilities
   ============================================================ */

/* Ticker marquee */
.ticker {
  animation: ticker 60s linear infinite;
}
@keyframes ticker {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.ticker:hover { animation-play-state: paused; }

/* Subtle paper texture */
body {
  background-image:
    radial-gradient(circle at 20% 10%, rgba(0,0,0,0.02) 0%, transparent 40%),
    radial-gradient(circle at 80% 90%, rgba(255,92,26,0.03) 0%, transparent 40%);
}

/* Drop-cap on lead article body */
.article-body > p:first-of-type::first-letter {
  font-family: 'Fraunces', serif;
  font-weight: 900;
  font-style: italic;
  font-size: 3.5rem;
  line-height: 0.85;
  float: left;
  padding: 0.3rem 0.5rem 0 0;
  color: #ff5c1a;
}
@media (min-width: 768px) {
  .article-body > p:first-of-type::first-letter {
    font-size: 5rem;
    padding: 0.3rem 0.6rem 0 0;
  }
}

/* Hide scrollbars on horizontal nav strips */
.scrollbar-none::-webkit-scrollbar { display: none; }
.scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }

/* Smooth scroll for anchor nav */
html { scroll-behavior: smooth; }

/* Selection polish */
::selection { background: #ff5c1a; color: #f4ede2; }