/**
 * Panoul cu termenii, deschis în interiorul formularului.
 *
 * Nu e un modal: nu acoperă pagina și nu fură focusul din formular. E un sertar
 * care se deschide sub casetă, cu înălțime limitată și derulare proprie, ca
 * formularul de dedesubt să nu sară cu trei ecrane.
 */
.mus-legal-panel {
	margin: .75rem 0 1rem;
	border: 1px solid var( --an-border, #d4d4d8 );
	border-left: 3px solid var( --an-accent, #B08D57 );
	border-radius: var( --an-radius-lg, .75rem );
	background: var( --an-bg, #fff );
	overflow: hidden;
}

.mus-legal-panel:focus { outline: none; }

.mus-legal-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: .75rem 1rem;
	border-bottom: 1px solid var( --an-border, #e4e4e7 );
	font-size: .95rem;
}

.mus-legal-panel__close {
	appearance: none;
	border: 0;
	background: none;
	cursor: pointer;
	font-size: 1.4rem;
	line-height: 1;
	padding: 0 .25rem;
	color: inherit;
	opacity: .6;
}

.mus-legal-panel__close:hover { opacity: 1; }

.mus-legal-panel__body {
	max-height: 22rem;
	overflow-y: auto;
	padding: 1rem;
	font-size: .9375rem;
	line-height: 1.65;
}

.mus-legal-panel__body > :first-child { margin-top: 0; }
.mus-legal-panel__body > :last-child  { margin-bottom: 0; }

/* Textele legale au titluri de pagină; înăuntrul unui sertar nu au voie să
   concureze cu titlurile formularului. */
.mus-legal-panel__body h1,
.mus-legal-panel__body h2,
.mus-legal-panel__body h3,
.mus-legal-panel__body h4 {
	font-size: 1rem;
	margin: 1.25rem 0 .5rem;
}

.mus-legal-panel__body img,
.mus-legal-panel__body iframe { max-width: 100%; height: auto; }