.ttpel-editorial-layer {
	--ttpel-ink: #211408;
	--ttpel-soft-ink: #5f5140;
	--ttpel-accent: #e98200;
	--ttpel-accent-dark: #a85b00;
	--ttpel-surface: #fffdf8;
	--ttpel-line: #f1e3cb;
	background: #ffffff;
	border: 1px solid var(--ttpel-line);
	border-radius: 8px;
	padding: clamp(20px, 3vw, 34px);
	box-shadow: 0 10px 24px rgba(62, 36, 7, 0.06);
	color: var(--ttpel-ink);
	margin-bottom: 32px;
}

.ttpel-kicker {
	display: inline-block;
	padding: 8px 12px;
	border-radius: 999px;
	background: #fff4d7;
	color: var(--ttpel-accent-dark);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.ttpel-intro,
.ttpel-section h2,
.ttpel-section h3,
.ttpel-related h2 {
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.1;
	letter-spacing: 0;
}

.ttpel-intro {
	margin-bottom: 26px;
	padding: clamp(18px, 2.6vw, 28px);
	border: 1px solid var(--ttpel-line);
	border-radius: 8px;
	background: var(--ttpel-surface);
}

.ttpel-intro h2 {
	font-size: clamp(1.35rem, 2.2vw, 1.85rem);
	margin: 0 0 12px;
}

.ttpel-intro p,
.ttpel-section p,
.ttpel-section li,
.ttpel-faq-item p,
.ttpel-related li {
	font-size: 1.02rem;
	line-height: 1.75;
	color: var(--ttpel-soft-ink);
}

.ttpel-intro p {
	font-size: 1.08rem;
}

.ttpel-intro p:first-child {
	margin-top: 0;
}

.ttpel-seo-deck {
	font-size: 0.98rem;
	line-height: 1.5;
	letter-spacing: 0;
	color: var(--ttpel-soft-ink);
	background: #fffdf8;
	border: 1px solid var(--ttpel-line);
	border-left: 4px solid var(--ttpel-accent);
	border-radius: 8px;
	padding: 12px 14px;
	margin: 0 0 18px;
}

.ttpel-section {
	margin-top: 28px;
	background: var(--ttpel-surface);
	border: 1px solid var(--ttpel-line);
	border-radius: 8px;
	padding: clamp(18px, 2.4vw, 26px);
}

.ttpel-section h2 {
	font-size: clamp(1.4rem, 2.2vw, 1.9rem);
	margin-bottom: 14px;
}

.ttpel-section-card {
	background: var(--ttpel-surface);
	border: 1px solid var(--ttpel-line);
	border-radius: 8px;
	padding: clamp(18px, 2.4vw, 26px);
}

.ttpel-section-quick_verdict h3,
.ttpel-section-quick_verdict h4 {
	font-family: inherit;
	display: inline-block;
	font-size: 0.8rem;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ttpel-ink);
	margin: 14px 0 6px !important;
}

.ttpel-section-quick_verdict h3:first-of-type,
.ttpel-section-quick_verdict h4:first-of-type {
	margin-top: 14px !important;
}

.ttpel-section-quick_verdict h3 + p,
.ttpel-section-quick_verdict h4 + p {
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e5eef2;
}

.ttpel-section-quick_verdict h3:last-of-type + p,
.ttpel-section-quick_verdict h4:last-of-type + p {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.ttpel-quick-verdict,
.ttpel-pros-cons,
.ttpel-public-voice-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.ttpel-quick-verdict > div,
.ttpel-pros-cons > div,
.ttpel-public-voice-grid > div {
	background: #ffffff;
	border-radius: 8px;
	padding: clamp(14px, 2vw, 18px);
	border: 1px solid var(--ttpel-line);
}

.ttpel-quick-verdict strong {
	display: block;
	margin-bottom: 8px;
	font-size: 0.98rem;
	font-weight: 700;
	letter-spacing: 0;
	color: var(--ttpel-ink);
}

.ttpel-quick-verdict p {
	margin: 0;
}

.ttpel-quick-verdict-answer {
	grid-column: 1 / -1;
	margin: 16px 4px 0;
	padding-top: 14px;
	border-top: 1px solid var(--ttpel-line);
	font-size: 1rem;
	line-height: 1.7;
	color: var(--ttpel-soft-ink);
}

.ttpel-quick-verdict-answer strong {
	display: inline;
	margin: 0 4px 0 0;
	font-size: inherit;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

.ttpel-pros-cons ul {
	margin: 0;
	padding-left: 20px;
}

.ttpel-section-pros_cons h3 {
	font-size: 1rem;
	margin: 0 0 10px;
}

.ttpel-section-pros_cons li {
	margin-bottom: 8px;
}

.ttpel-public-voice-intro {
	margin: 0 0 16px;
	padding: 12px 14px;
	background: #fffdf8;
	border: 1px solid var(--ttpel-line);
	border-radius: 8px;
	font-size: 0.98rem;
	line-height: 1.6;
	color: var(--ttpel-soft-ink);
}

.ttpel-section-editorial_insight {
	background: #fffdf8;
}

.ttpel-section-editorial_insight ul {
	margin: 16px 0 0;
	padding-left: 20px;
}

.ttpel-section-editorial_insight li {
	margin-bottom: 8px;
}

.ttpel-inline-links,
.ttpel-inline-comparisons {
	margin-top: 18px;
	padding: 14px 16px;
	background: #fffdf8;
	border: 1px solid var(--ttpel-line);
	border-left: 4px solid var(--ttpel-accent);
	border-radius: 8px;
}

.ttpel-inline-links a,
.ttpel-inline-comparisons a {
	color: var(--ttpel-accent);
	font-weight: 600;
	text-decoration: none;
}

.ttpel-inline-links a:hover,
.ttpel-inline-comparisons a:hover {
	text-decoration: underline;
}

.ttpel-inline-comparisons p {
	margin: 0 0 10px;
	color: var(--ttpel-soft-ink);
}

.ttpel-inline-comparisons ul {
	margin: 0;
	padding-left: 20px;
}

.ttpel-inline-comparisons li {
	margin-bottom: 8px;
}

.ttpel-public-voice-grid h3 {
	font-size: 1rem;
	margin: 0 0 10px;
}

.ttpel-public-voice-grid ul {
	margin: 0;
	padding-left: 20px;
}

.ttpel-public-voice-grid li {
	margin-bottom: 8px;
}

.ttpel-faq-item {
	padding: 18px 0;
	border-top: 1px solid var(--ttpel-line);
}

.ttpel-faq-item:first-child {
	border-top: 0;
}

.ttpel-faq-item h3 {
	font-size: 1.1rem;
	margin: 0 0 8px;
}

.ttpel-related {
	margin-top: 30px;
	background: var(--ttpel-surface);
	border: 1px solid var(--ttpel-line);
	border-radius: 8px;
	padding: clamp(18px, 2.4vw, 26px);
}

.ttpel-related h2 {
	margin-top: 0;
}

.ttpel-related ul {
	margin-bottom: 0;
	padding-left: 20px;
}

.ttpel-related a {
	color: var(--ttpel-accent);
	font-weight: 600;
	text-decoration: none;
}

.ttpel-related a:hover {
	text-decoration: underline;
}

@media (max-width: 782px) {
	.ttpel-editorial-layer {
		padding: 16px;
	}

	.ttpel-intro {
		padding: 16px;
	}

	.ttpel-quick-verdict,
	.ttpel-pros-cons,
	.ttpel-public-voice-grid {
		grid-template-columns: 1fr;
	}
}