.ttc {
	max-width: 820px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.5;
	color: #222;
}
.ttc h1, .ttc h2, .ttc h3 { line-height: 1.2; }
.ttc-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 24px;
}
.ttc-logo img { max-width: 260px; max-height: 80px; }
.ttc-from { text-align: right; font-size: 13px; }
.ttc-title { text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 28px; padding-bottom: 12px; }
.ttc-title h1 { font-size: 40px; margin: 0; }
.ttc-title p { margin: 4px 0 0; font-size: 13px; }
.ttc-lead { font-size: 26px; margin: 0 0 18px; }
.ttc-terms li { margin-bottom: 4px; }
.ttc-dash { list-style: none; margin: 4px 0 0; padding: 0; }
.ttc-dash li { margin: 0; }
.ttc-form { margin-top: 28px; }
.ttc-check { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 16px; cursor: pointer; }
.ttc-check input { margin-top: 4px; width: 18px; height: 18px; flex: 0 0 auto; }
.ttc-pay { border: 0; padding: 0; margin: 20px 0; }
.ttc-pay legend { font-weight: 700; padding: 0; margin-bottom: 6px; }
.ttc-pay legend span { color: #c0392b; }
.ttc-pay label { display: block; margin: 6px 0; cursor: pointer; }
.ttc-btn {
	display: inline-block;
	background: #fff;
	color: #222 !important;
	border: 1px solid #bbb;
	border-radius: 4px;
	padding: 10px 18px;
	font-size: 16px;
	cursor: pointer;
	text-decoration: none !important;
}
.ttc-btn:hover { border-color: #888; }
.ttc-error { background: #fdecea; border-left: 4px solid #c0392b; padding: 10px 14px; margin: 20px 0; }
.ttc-done { background: #edfaef; border-left: 4px solid #2e9e4f; padding: 12px 16px; margin: 28px 0; }
.ttc-toolbar { margin-bottom: 24px; }
.ttc-toolbar a { margin-left: 12px; }
.ttc-hint { font-size: 13px; color: #666; margin: 6px 0 0; }
.ttc-doc-title { text-align: center; font-size: 30px; margin: 10px 0 24px; }
.ttc-city, .ttc-sign { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.ttc-city { border-bottom: 1px solid #ddd; padding-bottom: 12px; margin-bottom: 20px; }
.ttc-doc h3 { font-size: 16px; margin: 20px 0 8px; }
.ttc-doc p { margin: 0 0 8px; }
.ttc-sign { margin: 28px 0 0; padding-bottom: 16px; border-bottom: 1px solid #ddd; }
.ttc-sign-img img { max-height: 90px; }
.ttc-sign-name { text-align: right; }
.ttc-page { margin-bottom: 40px; }
.ttc-app-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 16px; }
.ttc-app-title { text-align: right; margin-left: auto; font-size: 13px; }
.ttc-app-title h2 { font-size: 30px; margin: 0 0 6px; }
.ttc-approved { font-size: 13px; }
.ttc-program { width: 100%; border-collapse: collapse; }
.ttc-program th, .ttc-program td { border: 1px solid #ddd; padding: 6px 10px; vertical-align: top; text-align: left; }
.ttc-program td:first-child { white-space: nowrap; width: 110px; }
.ttc-center { text-align: center; }
.ttc-accept { border: 1px solid #2e9e4f; padding: 10px 14px; }

@media (max-width: 600px) {
	.ttc-head { flex-direction: column; }
	.ttc-from { text-align: left; }
	.ttc-title h1 { font-size: 30px; }
	.ttc-lead { font-size: 21px; }
	.ttc-app-title h2 { font-size: 24px; }
}

@media print {
	body * { visibility: hidden; }
	.ttc-doc, .ttc-doc * { visibility: visible; }
	.ttc-doc { position: absolute; left: 0; top: 0; width: 100%; font-size: 11pt; }
	.ttc-page { page-break-after: always; break-after: page; margin: 0; }
	.ttc-page:last-of-type { page-break-after: auto; break-after: auto; }
	.ttc-sign, .ttc-program tr { break-inside: avoid; }
	a { color: inherit; text-decoration: none; }
}