.vis-legal,
.vis-legal-form,
.vis-legal-confirmation {
	inline-size: min(100%, 780px);
	margin-inline: auto;
	padding-block: clamp(24px, 5vw, 64px);
	color: var(--vis-text, #17171c);
}

.vis-legal h2,
.vis-legal-form h2,
.vis-legal-confirmation h2 { margin-block: 2em .65em; line-height: 1.15; }
.vis-legal h3 { margin-block: 1.5em .5em; }
.vis-legal p,
.vis-legal li,
.vis-legal-form p,
.vis-legal-form dd { font-size: 1rem; line-height: 1.7; }
.vis-legal a,
.vis-legal-form a,
.vis-legal-confirmation a { color: var(--vis-accent, #5b2cff); text-decoration-thickness: 2px; text-underline-offset: .18em; }

.vis-legal-form form { display: grid; gap: 18px; margin-block-start: 28px; }
.vis-legal-form label { display: block; font-weight: 650; }
.vis-legal-form input,
.vis-legal-form textarea {
	box-sizing: border-box;
	inline-size: 100%;
	min-block-size: 44px;
	margin-block-start: 6px;
	padding: 10px 12px;
	border: 1px solid var(--vis-border, #c9c9cf);
	border-radius: 6px;
	font: inherit;
	font-size: 16px;
	color: inherit;
	background: #fff;
}
.vis-legal-form textarea { min-block-size: 132px; resize: vertical; }
.vis-legal-form button {
	min-block-size: 44px;
	padding: 11px 18px;
	border: 0;
	border-radius: 6px;
	font: inherit;
	font-weight: 750;
	color: #fff;
	background: var(--vis-accent, #5b2cff);
	cursor: pointer;
}
.vis-legal-form :is(input, textarea, button, a):focus-visible,
.vis-legal-confirmation a:focus-visible { outline: 3px solid var(--vis-text, #17171c); outline-offset: 3px; }
.vis-legal-form .vis-hp { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }
.vis-legal-form dl { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px 16px; padding: 20px; background: var(--vis-bg-subtle, #f5f4f1); }
.vis-legal-form dt { margin-block-start: 12px; font-weight: 750; }
.vis-legal-form dd { margin: 0; overflow-wrap: anywhere; }
.woocommerce-error,
.vis-legal-form [role="alert"] { border-inline-start: 4px solid #b42318; padding: 12px 14px; font-weight: 650; }
.vis-perso__legal,
.vis-checkout-legal { padding: 12px 14px; border-inline-start: 3px solid currentColor; background: var(--vis-bg-subtle, #f5f4f1); font-size: .925rem; line-height: 1.55; }

@media (min-width: 768px) {
	.vis-legal-form dl { grid-template-columns: minmax(150px, .7fr) minmax(0, 1.3fr); }
	.vis-legal-form dt { margin-block-start: 0; }
}