/* Tailwind (Play CDN) handles the design system; this file only styles rich
   admin-authored HTML (blog/legal `.content`) that Tailwind utilities can't reach. */

.content { color: #334155; line-height: 1.75; }
.content h1, .content h2, .content h3 { color: #0f172a; font-weight: 700; line-height: 1.3; margin: 1.6em 0 .6em; }
.content h1 { font-size: 1.6rem; }
.content h2 { font-size: 1.35rem; }
.content h3 { font-size: 1.15rem; }
.content p { margin: 0 0 1em; }
.content ul, .content ol { margin: 0 0 1em; padding-left: 1.4em; }
.content ul { list-style: disc; }
.content ol { list-style: decimal; }
.content li { margin: .35em 0; }
.content a { color: #ea580c; text-decoration: underline; }
.content img { border-radius: .75rem; margin: 1em 0; }
.content blockquote { border-left: 4px solid #ff6000; padding-left: 1rem; color: #64748b; font-style: italic; margin: 1em 0; }
.content table { width: 100%; border-collapse: collapse; margin: 1em 0; }
.content th, .content td { border: 1px solid #e2e8f0; padding: .5rem .75rem; text-align: left; }

::selection { background: #d8bd77; color: #0e3733; }
::-moz-selection { background: #d8bd77; color: #0e3733; }

[data-cursor-glow] {
  position: fixed; z-index: 9999; width: 26px; height: 26px; left: 0; top: 0;
  border: 1px solid rgba(201, 164, 92, .7); border-radius: 999px;
  pointer-events: none; opacity: 0; transform: translate3d(-50%, -50%, 0);
  box-shadow: 0 0 22px rgba(201, 164, 92, .2);
  transition: width .2s ease, height .2s ease, opacity .2s ease, background-color .2s ease;
}
[data-cursor-glow].is-visible { opacity: 1; }
[data-cursor-glow].is-active { width: 42px; height: 42px; background: rgba(201, 164, 92, .1); }
@media (pointer: coarse), (prefers-reduced-motion: reduce) { [data-cursor-glow] { display: none; } }