/* 6. PROSE.CSS - Typografia artykułów (PROSE). */

/* Klasa .prose służy do stylowania "czystego tekstu" np. z CMS/Markdown */
	.prose {
		max-width: 22.5rem; /* Zmiana z 65ch na 22.5rem */
		color: var(--text-main);
		line-height: 1.6;
		margin-left: auto; /* Opcjonalne centrowanie kontentu wewnątrz karty */
		margin-right: auto;
	}

	.prose h1, .prose h2, .prose h3, .prose h4 {
		color: var(--text-main);
		margin-top: 1.5em;
		margin-bottom: 0.6em;
		line-height: 1.3;
	}

	.prose h1 {
		font-size: 2.2em;
		letter-spacing: -0.02em;
		font-weight: 800;}
	
	/* H2 z delikatnym podkreśleniem */
	.prose h2 { 
		font-size: 1.75em; 
		border-bottom: 0.125em solid var(--border-color);
		padding-bottom: 0.3em;
		font-weight: 800;
	}
	
	.prose h3 {
		font-size: 1.35em;
		font-weight: 800;
	}

	.prose p {
		font-weight: 400;
		margin-bottom: 1.25em;
	}

	/* Linki w tekście */
	.prose a {
		color: var(--secondary-brand);
		text-decoration: underline;
		text-decoration-thickness: 0.125em;
		text-underline-offset: 0.125em;
		font-weight: 600;
	}
	.prose a:hover {
		color: var(--secondary-brand-hover);
		background-color: var(--secondary-brand-bg);
		text-decoration: none;
	}

	/* Listy z akcentem Primary (#FFCC00) */
	.prose ul, .prose ol {
		margin-bottom: 1.25em;
		padding-left: 1.5em;
		font-weight: 400;
	}
	.prose li { margin-bottom: 0.5em; font-weight: 400;}
	
	.prose ul li::marker {
		color: var(--primary-main); /* Żółte kropki */
		font-size: 1.2em;
	}
	.prose ol li::marker {
		color: var(--text-secondary);
		font-weight: bold;
	}

	/* Cytaty */
	.prose blockquote {
		border-left: 0.25em solid var(--primary-main); /* Żółta linia */
		margin: 1.5em 0;
		padding: 1rem 1.5rem;
		background-color: var(--bg-surface-2);
		border-radius: 0 0.5em 0.5em 0;
		font-style: italic;
		font-weight: 400;
		color: var(--text-secondary);
	}

	/* Kod śródliniowy */
	.prose code {
		font-family: monospace;
		background-color: var(--bg-surface-2);
		padding: 0.2em 0.4em;
		border-radius: 0.25em;
		font-size: 0.9em;
		color: var(--secondary-brand);
		border: 0.0625em solid var(--border-color);
	}

	/* Strong */
	.prose strong {
		color: var(--text-main);
		font-weight: 600;
	}