:root {
	--text: #111827;
	--primary: #f59e0b;
}

* {
	box-sizing: border-box;
}

body {
	font-family: Poppins, system-ui;
	margin: 0;
	padding: 32px;
	color: var(--text);
}

h1 {
	font-family: Domine, serif;
	margin: 0 0 8px;
	font-size: 2.2rem;
}

h2 {
	font-family: Domine, serif;
	margin: 32px 0 8px;
	font-size: 1.4rem;
	border-bottom: 2px solid var(--primary);
	padding-bottom: 4px;
}

.head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 16px;
}

.meta {
	font-size: .8rem;
	color: #6b7280;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.col-wrap {
	columns: 2 320px;
	column-gap: 48px;
}

.item {
	break-inside: avoid;
	padding: 6px 0;
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: .92rem;
}

.item span:last-child {
	color: #b45309;
	font-weight: 600;
}

.note {
	margin-top: 36px;
	font-size: .75rem;
	color: #6b7280;
}

@media print {
	body {
		padding: 8mm;
	}
	a.print-btn {
		display: none;
	}
}

.print-actions {
	margin: 16px 0 8px;
	display: flex;
	gap: 12px;
}

.print-actions a,
.print-actions button {
	background: var(--primary);
	color: #111;
	border: none;
	padding: 8px 14px;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 600;
	font-size: .8rem;
	font-family: inherit;
	text-decoration: none;
}

.print-actions button {
	background: #111;
	color: #fff;
}