STYLE: "\n/* Base-color safety net: the daisyUI theme vars drive these, with Suluk-dark fallbacks so the page is never\n unstyled even before/without the CDN's runtime utilities. */\nbody { background: var(--color-base-100, #0b0e14); color: var(--color-base-content, #cdd6f4); }\n.navbar { background: color-mix(in oklab, var(--color-base-200, #11141c) 85%, transparent); }\n.card { background: var(--color-base-200, #11141c); }\n.prose-suluk { line-height: 1.7; }\n.prose-suluk > :first-child { margin-top: 0; }\n.prose-suluk h1 { font-size: 1.55rem; font-weight: 700; margin: 1.2rem 0 .6rem; }\n.prose-suluk h2 { font-size: .9rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--color-primary, #f5a97f); margin: 1.8rem 0 .7rem; }\n.prose-suluk h3 { font-size: 1.05rem; font-weight: 600; margin: 1.3rem 0 .4rem; }\n.prose-suluk p { margin: .65rem 0; }\n.prose-suluk ul { list-style: disc; padding-left: 1.4rem; margin: .65rem 0; }\n.prose-suluk ol { list-style: decimal; padding-left: 1.4rem; margin: .65rem 0; }\n.prose-suluk li { margin: .25rem 0; }\n.prose-suluk li > ul, .prose-suluk li > ol { margin: .2rem 0; }\n.prose-suluk a { color: var(--color-info, #8aadf4); text-decoration: underline; text-underline-offset: 2px; }\n.prose-suluk strong { font-weight: 700; }\n.prose-suluk code { background: var(--color-base-200, #1e2433); border-radius: .35rem; padding: .12em .4em; font-size: .9em; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }\n.prose-suluk pre { background: var(--color-base-300, #11141c); border: 1px solid var(--color-base-300, #1e2433); border-radius: .6rem; padding: 1rem; overflow: auto; margin: .9rem 0; }\n.prose-suluk pre code { background: none; border: 0; padding: 0; font-size: .85rem; }\n.prose-suluk table { width: 100%; border-collapse: collapse; margin: .9rem 0; font-size: .9rem; display: block; overflow-x: auto; }\n.prose-suluk th, .prose-suluk td { text-align: left; padding: .45rem .7rem; border-bottom: 1px solid var(--color-base-300, #1e2433); vertical-align: top; }\n.prose-suluk th { color: var(--color-base-content, #cdd6f4); opacity: .7; font-weight: 600; }\n.prose-suluk blockquote { border-left: 3px solid var(--color-primary, #f5a97f); padding: .2rem .9rem; margin: .9rem 0; opacity: .85; }\n.prose-suluk hr { border: 0; border-top: 1px solid var(--color-base-300, #1e2433); margin: 1.4rem 0; }\n.prose-suluk img { max-width: 100%; }\n.modules dt { color: var(--color-primary, #f5a97f); margin-top: .5rem; font-family: ui-monospace, monospace; }\n.modules dd { margin: .15rem 0 0 0; opacity: .7; }\n" = ...
The only hand-written CSS: typography for the rendered Markdown. daisyUI + Tailwind (from the CDN) own all the chrome; this re-applies readable defaults to the bare tags Tailwind's preflight strips. Colors prefer the daisyUI theme variables, with Suluk-brand fallbacks so it looks right even before the CDN settles.