/* Legal pages: reuses tokens/nav/footer from softly-theme.css, deliberately
   with no grain overlay, no blobs, no reveal-on-scroll — kept simple and
   static since this is legal/compliance content. */

.legal-hero{
	max-width:760px;
	margin:0 auto;
	padding:56px 20px 8px;
}
.legal-badge{
	display:inline-block;
	background:var(--tone-gold);
	color:var(--accent-deep);
	font-size:12px;
	font-weight:600;
	padding:6px 14px;
	border-radius:999px;
	margin-bottom:16px;
}
.legal-hero h1{
	font-size:clamp(32px,5vw,48px);
	font-weight:700;
	letter-spacing:-0.025em;
	margin:0 0 14px;
	line-height:1.1;
}
.legal-hero p.legal-intro{
	color:var(--muted);
	font-size:16px;
	line-height:1.6;
	max-width:620px;
	margin:0;
}

.company-card{
	max-width:760px;
	margin:28px auto 8px;
	padding:24px 28px;
	background:var(--tone-sky);
	border-radius:1.5rem;
}
.company-card p{
	margin:0 0 4px;
	font-size:14px;
	color:var(--ink-soft);
	line-height:1.6;
}
.company-card strong{color:var(--ink);}

.legal-toc{
	max-width:760px;
	margin:28px auto 12px;
	padding:24px 28px;
	background:var(--white);
	border:1px solid var(--border);
	border-radius:1.5rem;
}
.legal-toc h2{
	font-size:12px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--muted);
	margin:0 0 14px;
}
.legal-toc ol{
	margin:0;
	padding-left:20px;
	columns:1;
	gap:0 32px;
}
.legal-toc li{margin-bottom:8px;font-size:14px;}
.legal-toc a{color:var(--ink-soft);}
.legal-toc a:hover{color:var(--accent-deep);}

.legal-content{
	max-width:760px;
	margin:0 auto;
	padding:8px 20px 80px;
	color:var(--ink-soft);
}
.legal-content section{
	padding:28px 0;
	border-bottom:1px solid var(--border);
	scroll-margin-top:96px;
}
.legal-content section:last-of-type{border-bottom:none;}
.legal-content h2{
	font-size:22px;
	font-weight:700;
	letter-spacing:-0.02em;
	color:var(--ink);
	margin:0 0 12px;
}
.legal-content h3{
	font-size:16px;
	font-weight:600;
	color:var(--ink);
	margin:18px 0 8px;
}
.legal-content p{
	margin:0 0 14px;
	font-size:15px;
	line-height:1.75;
}
.legal-content ul,
.legal-content ol{
	margin:0 0 14px;
	padding-left:22px;
}
.legal-content li{
	margin-bottom:6px;
	font-size:15px;
	line-height:1.65;
}
.legal-content strong{color:var(--ink);}
.legal-content a{color:var(--blue-700, var(--sky-deep));text-decoration:underline;}

.legal-crosslinks{
	max-width:760px;
	margin:0 auto 60px;
	padding:0 20px;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

@media (min-width:640px){
	.legal-toc ol{columns:2;}
}