/**
 * Mauritius Finance — legal documents (Privacy, Cookies, Terms).
 *
 * Deliberately plainer than the marketing sections: these are read, not
 * skimmed, so the priority is a comfortable measure and clear hierarchy.
 */

.mfleg {
	--n:     #001030;
	--n2:    #0a1c44;
	--gold:  #f0b000;
	--ink:   #1d2534;
	--muted: #5a6478;
	--line:  #e6eaf1;
	--light: #f4f7fb;
	background: linear-gradient(180deg, #ffffff 0%, #f7fafd 100%);
}
.mfleg * { box-sizing: border-box; }

.mfleg-hero { background: linear-gradient(115deg, #001030 0%, #0a1c44 55%, #12305f 100%); color: #fff; }
.mfleg-hero-in { max-width: 820px; margin: 0 auto; padding: 60px 24px 54px; }
.mfleg-eyebrow {
	display: block;
	margin-bottom: 12px;
	color: var(--gold);
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .22em;
	text-transform: uppercase;
}
.mfleg-hero h1 {
	margin: 0;
	color: #fff;
	font-size: clamp(1.9rem, 3.6vw, 2.6rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -.02em;
}
.mfleg-rule { display: block; width: 96px; height: 3px; margin: 20px 0 16px; border-radius: 3px; background: var(--gold); }
.mfleg-meta { margin: 0; color: #b9cbe4; font-size: .84rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

.mfleg-body { padding: 54px 0 88px; }
.mfleg-wrap { max-width: 820px; margin: 0 auto; padding: 0 24px; color: var(--ink); font-size: 17px; line-height: 1.8; }

.mfleg-wrap > h2 {
	margin: 2.2em 0 .5em;
	color: var(--n);
	font-size: 1.42rem;
	font-weight: 800;
	letter-spacing: -.01em;
	line-height: 1.3;
}
.mfleg-wrap > h2:first-child { margin-top: 0; }
.mfleg-wrap > h2::after {
	content: "";
	display: block;
	width: 54px;
	height: 3px;
	margin-top: 12px;
	border-radius: 3px;
	background: var(--gold);
}
.mfleg-wrap > h3 { margin: 1.7em 0 .4em; color: var(--n2); font-size: 1.08rem; font-weight: 800; line-height: 1.35; }
.mfleg-wrap p { margin: 0 0 1.25em; }
.mfleg-wrap ul, .mfleg-wrap ol { margin: 0 0 1.35em 1.15em; }
.mfleg-wrap li { margin-bottom: .5em; }
.mfleg-wrap ul li::marker { color: var(--gold); }
.mfleg-wrap a {
	color: var(--n2);
	text-decoration: underline;
	text-decoration-color: var(--gold);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
.mfleg-wrap a:hover { color: var(--gold); }
.mfleg-wrap strong { color: var(--n); }

.mfleg-wrap table { width: 100%; border-collapse: collapse; margin: 0 0 1.6em; font-size: .95rem; }
.mfleg-wrap th, .mfleg-wrap td { padding: 11px 14px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.mfleg-wrap th { background: var(--light); color: var(--n); font-weight: 700; }

/* Anything MF's reviewer still has to settle is wrapped in <mark> so it is
   impossible to publish these without noticing. */
.mfleg-wrap mark {
	background: #fff3d0;
	border-bottom: 2px solid var(--gold);
	padding: 1px 4px;
	color: #6b4c00;
	font-weight: 600;
}

.mfleg-note {
	margin: 0 0 2em;
	padding: 18px 22px;
	border-left: 3px solid var(--gold);
	border-radius: 0 10px 10px 0;
	background: var(--light);
	font-size: .95rem;
	line-height: 1.7;
	color: #3b465a;
}

@media (max-width: 700px) {
	.mfleg-hero-in { padding: 44px 24px 40px; }
	.mfleg-body { padding: 40px 0 64px; }
	.mfleg-wrap { font-size: 16px; }
	.mfleg-wrap table { display: block; overflow-x: auto; }
}