/* Codeword Solver WP Classic — supplemental CSS */
/* Tailwind CDN is the primary stylesheet; this file covers non-Tailwind needs */

/* Font (also declared in style.css for cascade safety) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body { font-family: 'Inter', sans-serif; }

/* Smooth scroll + reduced motion */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Skip link */
.cws-skip-link {
  position: absolute; left: -9999px; top: auto;
  width: 1px; height: 1px; overflow: hidden;
  background: #f59e0b; color: #102A43; font-weight: 700;
  padding: 0.5rem 1rem; z-index: 9999; text-decoration: none;
}
.cws-skip-link:focus { left: 1rem; top: 1rem; width: auto; height: auto; }

/* Scroll-to-top button */
#cws-scroll-top {
  position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 1000;
  width: 40px; height: 40px; background: #f59e0b; color: #102A43;
  border: none; border-radius: 50%; display: flex;
  align-items: center; justify-content: center;
  cursor: pointer; opacity: 0; pointer-events: none;
  transition: opacity 0.2s; font-size: 1.25rem; font-weight: 700;
}
#cws-scroll-top.cws-visible { opacity: 1; pointer-events: auto; }

/* Dropdown chevron rotation when open */
.cws-dropdown-menu:not(.hidden) ~ .cws-dropdown-btn .cws-chevron,
.cws-dropdown-btn[aria-expanded="true"] .cws-chevron { transform: rotate(180deg); }

/* FAQ open state */
.cws-faq-icon.open { transform: rotate(45deg); }
.cws-faq-answer { display: none; }
.cws-faq-answer.open { display: block; }

/* Solver widget — commonness progress bars */
.cws-bar-full { width: 100%; }
.cws-bar-3-4  { width: 75%; }
.cws-bar-1-2  { width: 50%; }
.cws-bar-1-4  { width: 25%; }

/* Solver widget — copied feedback */
.cws-copied-feedback { color: #16a34a; }

/* Blog filter — hidden post card */
.cws-blog-card.cws-hidden { display: none; }

/* Print styles */
@media print {
  header, footer, #cws-scroll-top { display: none !important; }
  body { background: #fff; color: #000; }
}

/* Prose/article content */
.cws-prose h2 { font-size: 1.25rem; font-weight: 700; color: #1e293b; margin: 1.5rem 0 0.75rem; }
.cws-prose h3 { font-size: 1.1rem; font-weight: 600; color: #1e293b; margin: 1.25rem 0 0.5rem; }
.cws-prose p  { margin: 0.75rem 0; color: #475569; line-height: 1.7; }
.cws-prose ul { margin: 0.75rem 0; padding-left: 1.5rem; }
.cws-prose ul li { margin: 0.4rem 0; color: #475569; }
.cws-prose a  { color: #2563eb; text-decoration: underline; }