/*-----------------------------------------------------------------------------------
    CogniFlow® — /termsandconditions/ page styles
    About: Same clean legal-document typography treatment as /privacy/, kept
           in its own file (rather than sharing privacy.css) so each page's
           styling can be edited independently without risk to the other.
    Author: Tamas Pardy (with Claude)
-----------------------------------------------------------------------------------*/

.legal-doc{
	max-width:760px;
	margin:0 auto;
}

.legal-badge{
	display:inline-flex;
	align-items:center;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.06em;
	color:var(--swatch-var-7096);
	background:rgba(45,50,80,.08);
	padding:6px 14px;
	border-radius:100px;
	margin-bottom:14px;
}

.legal-intro p{
	color:rgba(0,0,0,.62);
}

.legal-toc{
	background:rgba(45,50,80,.04);
	border:1px solid rgba(45,50,80,.1);
	border-radius:16px;
	padding:22px 26px;
	margin:28px 0 40px;
}
.legal-toc h4{
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--swatch-var-7096);
	margin-bottom:12px;
}
.legal-toc ul{
	columns:2;
	list-style:none;
	margin:0;
	padding:0;
}
.legal-toc li{
	margin-bottom:6px;
	break-inside:avoid;
}
.legal-toc a{
	color:rgba(0,0,0,.7);
	text-decoration:none;
	font-size:14.5px;
}
.legal-toc a:hover{
	color:var(--swatch-var-7096);
	text-decoration:underline;
}

.legal-doc section{
	margin-bottom:36px;
	padding-top:8px;
	scroll-margin-top:100px;
}
.legal-doc section:first-of-type{
	border-top:none;
}
.legal-doc section + section{
	border-top:1px solid rgba(0,0,0,.08);
	padding-top:36px;
}

.legal-doc h2{
	color:var(--swatch-var-458);
	margin-bottom:16px;
}
.legal-doc p, .legal-doc li{
	color:rgba(0,0,0,.62);
	line-height:1.65;
}

@media (max-width:767px){
	.legal-toc ul{columns:1;}
}