#the-content {
	font-size: 1rem;
	line-height: 1.8;
	color: #333;
	word-break: break-word;
	overflow-wrap: break-word;
}

/* ─── Headings ─────────────────────────────────────── */
#the-content h1,
#the-content h2,
#the-content h3,
#the-content h4,
#the-content h5,
#the-content h6 {
	font-weight: 700;
	line-height: 1.3;
	margin: 1.5em 0 0.5em;
	color: #111;
}

#the-content h1 {
	font-size: 2rem;
}
#the-content h2 {
	font-size: 1.75rem;
}
#the-content h3 {
	font-size: 1.5rem;
}
#the-content h4 {
	font-size: 1.25rem;
}
#the-content h5 {
	font-size: 1.1rem;
}
#the-content h6 {
	font-size: 1rem;
}

/* ─── Paragraph ─────────────────────────────────────── */
#the-content p {
	margin: 0 0 1.25em;
}

/* ─── Link ──────────────────────────────────────────── */
#the-content a {
	color: #0073aa;
	text-decoration: underline;
	transition: color 0.2s ease;
}

#the-content a:hover {
	color: #005177;
}

/* ─── List ──────────────────────────────────────────── */
#the-content ul,
#the-content ol {
	margin: 0 0 1.25em 1.5em;
	padding: 0;
}

#the-content ul {
	list-style: disc;
}
#the-content ol {
	list-style: decimal;
}

#the-content li {
	margin-bottom: 0.4em;
}

#the-content ul ul,
#the-content ol ol,
#the-content ul ol,
#the-content ol ul {
	margin: 0.4em 0 0.4em 1.5em;
}

/* ─── Image ─────────────────────────────────────────── */
#the-content img {
	max-width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}

#the-content figure {
	margin: 1.5em 0;
}

#the-content figcaption {
	font-size: 0.875rem;
	color: #666;
	margin-top: 0.4em;
	text-align: center;
}

/* ─── Blockquote ────────────────────────────────────── */
#the-content blockquote {
	margin: 1.5em 0;
	padding: 1em 1.5em;
	border-left: 4px solid #0073aa;
	background: #f5f5f5;
	font-style: italic;
	color: #555;
	border-radius: 0 4px 4px 0;
}

#the-content blockquote p:last-child {
	margin-bottom: 0;
}

/* ─── Table ─────────────────────────────────────────── */
#the-content .table-wrapper {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1.5em 0;
}

#the-content table {
	width: 100%;
	min-width: 100%;
	border-collapse: collapse;
	font-size: 0.95rem;
	table-layout: auto;
	margin-bottom: 1rem;
}

#the-content thead {
	background: var(--navy);
	color: var(--white);
}

#the-content thead th {
	border-color: var(--navy);
	font-weight: 700;
	letter-spacing: 0.04em;
}

#the-content th,
#the-content td {
	padding: 0.75em 1em;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
}

#the-content tbody tr:nth-child(even) {
	background: var(--bg-light);
}

#the-content tbody tr:hover {
	background: #eef2f7;
	transition: var(--transition);
}

#the-content tfoot td {
	background: var(--bg-light);
	font-weight: 700;
	color: var(--text-dark);
	border-top: 2px solid var(--navy);
}

/* ─── Code ──────────────────────────────────────────── */
#the-content code {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.875em;
	background: #f0f0f0;
	padding: 0.15em 0.4em;
	border-radius: 3px;
	color: #c0392b;
}

#the-content pre {
	background: #1e1e1e;
	color: #d4d4d4;
	padding: 1.25em;
	border-radius: 6px;
	overflow-x: auto;
	margin: 1.5em 0;
	font-size: 0.875rem;
	line-height: 1.6;
}

#the-content pre code {
	background: transparent;
	color: inherit;
	padding: 0;
	font-size: inherit;
}

/* ─── Divider ───────────────────────────────────────── */
#the-content hr {
	border: none;
	border-top: 1px solid #e0e0e0;
	margin: 2em 0;
}

/* ─── Embed / iFrame ────────────────────────────────── */
#the-content iframe,
#the-content embed,
#the-content object {
	max-width: 100%;
}

#the-content .wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	overflow: hidden;
}

#the-content .wp-block-embed__wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

/* ─── WordPress Alignment ───────────────────────────── */
#the-content .alignleft {
	float: left;
	margin: 0.5em 1.5em 1em 0;
}

#the-content .alignright {
	float: right;
	margin: 0.5em 0 1em 1.5em;
}

#the-content .aligncenter {
	display: block;
	margin: 1em auto;
}

#the-content .alignfull {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

/* ─── Responsive: Tablet (max 768px) ───────────────── */
@media (max-width: 768px) {
	#the-content h1 {
		font-size: 1.6rem;
	}
	#the-content h2 {
		font-size: 1.4rem;
	}
	#the-content h3 {
		font-size: 1.25rem;
	}
	#the-content h4 {
		font-size: 1.1rem;
	}

	#the-content .alignleft,
	#the-content .alignright {
		float: none;
		margin: 1em auto;
		display: block;
	}

	#the-content blockquote {
		padding: 0.75em 1em;
	}
}

/* ─── Responsive: Mobile (max 480px) ───────────────── */
@media (max-width: 480px) {
	#the-content {
		font-size: 0.9375rem;
	}

	#the-content h1 {
		font-size: 1.4rem;
	}
	#the-content h2 {
		font-size: 1.25rem;
	}
	#the-content h3 {
		font-size: 1.1rem;
	}
	#the-content h4,
	#the-content h5,
	#the-content h6 {
		font-size: 1rem;
	}

	#the-content ul,
	#the-content ol {
		margin-left: 1.25em;
	}

	#the-content th,
	#the-content td {
		padding: 0.5em 0.75em;
	}

	#the-content pre {
		font-size: 0.8125rem;
		padding: 1em;
	}

	#the-content .alignfull {
		width: 100%;
		margin-left: 0;
	}
}