/* ==========================================================================
   Generic content page — Lab Results, Wholesale, Contact, Calculator, My
   Account, search results, 404, and any other archive fallback. base.css
   resets p/a/ul globally for the hand-built homepage/shop markup; this
   restores plain readable typography for arbitrary the_content()/loop output.
   ========================================================================== */

.generic-page {
	padding: 64px 0 96px;
}

.generic-page__title {
	margin-bottom: 24px;
}

.generic-page__content {
	max-width: 760px;
}

.generic-page__content p {
	margin: 0 0 1em;
	line-height: 1.7;
	color: var(--text-muted);
}

.generic-page__content a {
	color: var(--teal-deep);
	text-decoration: underline;
}

.generic-page__content ul,
.generic-page__content ol {
	list-style: revert;
	margin: 0 0 1em 1.4em;
	padding: 0;
}

.generic-page__content h2,
.generic-page__content h3,
.generic-page__content h4 {
	margin: 1.4em 0 0.6em;
}

/* A linked section heading (e.g. Peptide 101's class headings, each
   pointing to the matching shop category) should still read as a heading,
   not a loud inline link — teal only on hover. */
.generic-page__content h2 a,
.generic-page__content h3 a {
	color: inherit;
	text-decoration: none;
}

.generic-page__content h2 a:hover,
.generic-page__content h3 a:hover {
	color: var(--teal-deep);
	text-decoration: underline;
}

.generic-page__list li {
	margin-bottom: 0.6em;
}

.generic-page__list a {
	color: var(--teal-deep);
	text-decoration: underline;
}

/* Comparison tables (e.g. Peptide 101's peptides-vs-steroids table) — wrap
   in a scroller rather than letting a wide table force horizontal page
   scroll on narrow viewports. */
.generic-page__content .wp-block-table {
	margin: 0 0 1.4em;
	overflow-x: auto;
}

.generic-page__content table {
	width: 100%;
	min-width: 480px;
	border-collapse: collapse;
	font-size: 0.92rem;
}

.generic-page__content th,
.generic-page__content td {
	padding: 10px 14px;
	text-align: left;
	border: 1px solid var(--border);
	white-space: nowrap;
}

.generic-page__content thead th {
	background-color: var(--bg-alt);
	color: var(--text);
	font-weight: 700;
}

.generic-page__content tbody th,
.generic-page__content tbody td:first-child {
	font-weight: 600;
	color: var(--text);
	white-space: nowrap;
}