:root {
	--doc-max-width: 820px;
	--doc-border: #e5e7eb;
	--doc-code-bg: #f4f4f5;
}

body {
	background: #f5f6f8;
}

/* Fő tartalom "papír" */
.doc-content {
	max-width: var(--doc-max-width);
	margin: 0 auto;
	background: #fff;
	padding: 2.5rem 3rem;
	border-radius: 0.5rem;
	box-shadow:
		0 1px 3px rgba(0, 0, 0, 0.06),
		0 4px 12px rgba(0, 0, 0, 0.04);
	line-height: 1.65;
}

/* Tipográfia */
.doc-content h1 {
	font-size: 1.9rem;
	margin: 0 0 0.5rem;
	padding-bottom: 0.6rem;
	border-bottom: 1px solid var(--doc-border);
}
.doc-content h2 { font-size: 1.4rem;  margin: 2rem 0 0.5rem; }
.doc-content h3 { font-size: 1.15rem; margin: 1.5rem 0 0.5rem; }

.doc-content p { margin: 0.8rem 0; }

.doc-content ul,
.doc-content ol { padding-left: 1.5rem; }
.doc-content li { margin: 0.3rem 0; }

.doc-content hr {
	border: 0;
	border-top: 1px solid var(--doc-border);
	margin: 2rem 0;
}

/* Kód */
.doc-content code {
	background: var(--doc-code-bg);
	padding: 0.12rem 0.4rem;
	border-radius: 3px;
	color: #d63384;
	font-size: 0.9em;
}
.doc-content pre {
	background: var(--doc-code-bg);
	padding: 1rem;
	border-radius: 6px;
	overflow-x: auto;
}
.doc-content pre code {
	background: transparent;
	padding: 0;
	color: inherit;
	font-size: 0.9em;
}

/* Idézet */
.doc-content blockquote {
	border-left: 3px solid var(--bs-primary, #0d6efd);
	margin: 1rem 0;
	padding: 0.25rem 1rem;
	color: #6c757d;
	background: #fafafa;
}

/* Táblázat */
.doc-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1rem 0;
	font-size: 0.95em;
}
.doc-content th,
.doc-content td {
	border: 1px solid var(--doc-border);
	padding: 0.5rem 0.75rem;
	text-align: left;
	vertical-align: top;
}
.doc-content th {
	background: var(--doc-code-bg);
	font-weight: 600;
}

/* ===== Nyomtatás ===== */
@media print {
	body { background: #fff; }

	.no-print { display: none !important; }

	.doc-content {
		max-width: none;
		box-shadow: none;
		padding: 0;
		border-radius: 0;
	}

	a { color: inherit; text-decoration: none; }

	@page { margin: 2cm; }
}