.blog-page-header-link {

@apply inline-flex items-center gap-2 text-cyan-400 hover:text-cyan-300 mb-8 font-mono text-sm tracking-widest uppercase hover:underline decoration-cyan-500/50 underline-offset-4 transition-all;

}

.blog-page-title {

@apply text-3xl md:text-5xl font-bold text-emerald-400 mb-6 tracking-tight font-mono;

}

.project-page-title {

@apply text-4xl md:text-6xl font-bold tracking-tight text-emerald-400 font-mono mb-6;

}

.blog-page-content {

@apply max-w-none mt-8

prose-headings:font-mono prose-headings:font-semibold

prose-h1:text-emerald-400 prose-h2:text-emerald-300 prose-h3:text-emerald-200 prose-h4:text-emerald-100

prose-p:text-gray-300 prose-p:leading-relaxed

prose-strong:text-emerald-200

prose-blockquote:border-l-emerald-500 prose-blockquote:bg-gray-900/50 prose-blockquote:py-1 prose-blockquote:px-4 prose-blockquote:rounded-r

prose-li:text-gray-300

prose-code:before:content-none prose-code:after:content-none;

}

.project-page-content {

@apply max-w-none

prose-headings:font-mono

prose-h1:text-emerald-400 prose-h2:text-emerald-300 prose-h3:text-emerald-200 prose-h4:text-emerald-100

prose-a:text-cyan-400 prose-a:no-underline hover:prose-a:underline

prose-code:text-cyan-300 prose-code:bg-gray-800/50 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:before:content-none prose-code:after:content-none

prose-pre:bg-gray-950 prose-pre:border prose-pre:border-gray-800 prose-pre:text-base

prose-strong:text-emerald-200

text-gray-300;

}