/* ===========================
   PaperMint — Terms & Conditions
   =========================== */

.terms-main {
	padding-top: calc(var(--header-h, 64px) + 12px);
}

/* Title + Hero */
.tc-title {
	position: relative;
	margin: 0;
	padding: 16px 0 0;
	text-align: center;
	font-size: clamp(22px, 3.2vw, 32px);
}
.tc-hero {
	background: linear-gradient(
				180deg,
				rgba(213, 255, 241, 0.45),
				rgba(213, 255, 241, 0)
			)
			0 0/100% 220px no-repeat,
		repeating-linear-gradient(
			to bottom,
			rgba(11, 180, 138, 0.08) 0 1px,
			transparent 1px 28px
		);
	border-top: 1px solid rgba(15, 27, 32, 0.06);
	border-bottom: 1px solid rgba(15, 27, 32, 0.06);
}
.tc-wrap {
	display: grid;
	gap: 12px;
}
.tc-lede {
	background: #fff;
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	padding: 12px;
	color: var(--ink-600);
	text-align: center;
}
.tc-updated {
	color: var(--ink-400);
	text-align: center;
}

/* Legal & content blocks */
.tc-legal .tc-wrap,
.tc-content .tc-wrap {
	max-width: 940px;
}

.tc-legal h2,
.tc-content h2 {
	margin: 12px 0 6px;
	font-size: clamp(18px, 2.4vw, 22px);
}
.tc-legal p,
.tc-content p {
	margin: 0 0 10px;
	line-height: 1.7;
	color: var(--ink-600);
	background: #fff;
	border-radius: 12px;
	box-shadow: var(--shadow);
	padding: 12px;
}

/* Emphasis + focus */
.tc-content a {
	color: var(--mint-700);
	text-decoration: underline;
}
.tc-content a:focus-visible {
	outline: 3px solid rgba(24, 201, 161, 0.35);
	outline-offset: 2px;
	border-radius: 6px;
}

/* Spacing & scroll alignment */
.section {
	scroll-margin-top: calc(var(--header-h, 64px) + 10px);
}

/* Responsive */
@media (max-width: 720px) {
	.tc-lede {
		text-align: left;
	}
}