/* Tool package landing pages. */
.trezonic-core-package-page {
	padding-bottom: 80px;
	background: linear-gradient(180deg, var(--trezonic-core-surface) 0, var(--trezonic-core-white) 360px);
}

.trezonic-core-package-hero {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 22px;
	max-width: 880px;
}

.trezonic-core-package-hero .trezonic-core-package-icon {
	width: 70px;
	height: 70px;
	margin: 4px 0 0;
	font-size: 13px;
}

.trezonic-core-package-hero small {
	display: inline-block;
	margin-top: 16px;
	color: var(--trezonic-core-navy);
	font-weight: 750;
}

.trezonic-core-package-guidance {
	max-width: 880px;
	margin: -18px 0 28px;
	padding: 14px 16px;
	background: color-mix(in srgb, var(--trezonic-core-gold) 12%, var(--trezonic-core-white));
	color: var(--trezonic-core-black);
	border: 1px solid color-mix(in srgb, var(--trezonic-core-gold) 44%, var(--trezonic-core-border));
	border-radius: 11px;
}

.trezonic-core-package-filter {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 8px 18px;
	max-width: 700px;
	margin: 0 0 25px;
}

.trezonic-core-package-filter label {
	grid-column: 1 / -1;
	font-size: 13px;
	font-weight: 800;
}

.trezonic-core-package-filter input {
	height: 48px;
	padding: 0 14px;
	background: var(--trezonic-core-white);
	color: var(--trezonic-core-black);
	border: 1px solid var(--trezonic-core-border);
	border-radius: 10px;
	font: inherit;
}

.trezonic-core-package-filter p {
	min-width: 110px;
	margin: 0;
	color: var(--trezonic-core-muted);
	font-size: 13px;
	text-align: right;
}

.trezonic-core-no-results,
.trezonic-core-package-information {
	padding: 24px;
	background: var(--trezonic-core-surface);
	border: 1px solid var(--trezonic-core-border);
	border-radius: var(--trezonic-core-radius);
}

.trezonic-core-package-information {
	max-width: 760px;
}

.trezonic-core-package-information h2 {
	margin: 0 0 10px;
}

.trezonic-core-package-information p:last-child {
	margin-bottom: 0;
}

.trezonic-core-package-content {
	max-width: 820px;
	margin-top: 48px;
	padding-top: 34px;
	border-top: 1px solid var(--trezonic-core-border);
}

.trezonic-core-package-page .page-numbers {
	display: inline-flex;
	margin: 28px 3px 0;
	padding: 8px 12px;
	color: var(--trezonic-core-navy);
	border: 1px solid var(--trezonic-core-border);
	border-radius: 8px;
}

.trezonic-core-package-page .page-numbers.current {
	background: var(--trezonic-core-navy);
	color: var(--trezonic-core-white);
}

@media (max-width: 680px) {
	.trezonic-core-package-hero { grid-template-columns: 1fr; }
	.trezonic-core-package-filter { grid-template-columns: 1fr; }
	.trezonic-core-package-filter label { grid-column: auto; }
	.trezonic-core-package-filter p { text-align: left; }
}