/* Selected state for tag-cloud buttons (class toggled from JS).
   Plain CSS — the Tailwind CDN doesn't process @apply in external files. */
.tag.selected { background-color: #2563eb; color: #fff; border-color: #2563eb; }
.tag.selected small { color: #bfdbfe; }

/* Auth pages (login / register / password reset) — shared form styles.
   Plain CSS because Tailwind CDN can't @apply in external stylesheets. */
.auth-form label { display: block; font-size: 0.875rem; font-weight: 500; color: #374151; margin-bottom: 0.25rem; }
.auth-form input:not([type="checkbox"]) { width: 100%; border: 1px solid #d1d5db; border-radius: 0.375rem; padding: 0.5rem 0.75rem; margin-bottom: 1rem; font-size: 0.875rem; background: #fff; }
.auth-form input:not([type="checkbox"]):focus { outline: 2px solid #2563eb; outline-offset: -1px; border-color: #2563eb; }
.auth-form .helptext { display: block; font-size: 0.75rem; color: #6b7280; margin: -0.75rem 0 1rem; }
.auth-form .helptext ul { margin: 0.25rem 0 0 1rem; list-style: disc; }