/* Lintl DSAR (data request) page. Builds on contact.css; only the extras live here. */

.dsar-intro {
	background: #faf9f5;
	border: 1px solid #e4e0d4;
	border-radius: 10px;
	padding: 18px 20px;
	margin-bottom: 28px;
	font-size: 14px;
	line-height: 1.6;
	color: #3a3e47;
}

.dsar-intro strong { color: #15171c; }

.dsar-form .fgroup select {
	width: 100%;
	padding: 12px 13px;
	border: 1px solid #c9c5b8;
	border-radius: 8px;
	font-size: 15px;
	font-family: inherit;
	background: #fff;
	color: #15171c;
}

.dsar-declaration {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 18px;
	font-size: 13px;
	line-height: 1.5;
	color: #3a3e47;
}

.dsar-declaration input { margin-top: 3px; flex: none; }

.dsar-note {
	font-size: 12px;
	color: #6b7280;
	margin-top: 8px;
	line-height: 1.5;
}

/* Full page width on the data-request page (overrides contact.css's narrower form;
   dsar.css only loads here, so this is scoped to this page). */
.contact-form { max-width: none; width: 100%; }

/* Two rows of three inputs. */
.dsar-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px 18px;
}
.dsar-grid .fgroup input,
.dsar-grid .fgroup select { width: 100%; }

@media (max-width: 760px) {
	.dsar-grid { grid-template-columns: 1fr; }
}

/* "Choose a request type" prompt, shown when none is selected. */
.dsar-type-msg { display: none; margin: 0 0 24px; padding: 11px 14px; background: #fbe7e4; border: 1px solid #f0c4bd; border-radius: 8px; color: #b23a2e; font-size: 13.5px; font-weight: 600; }
.dsar-type-msg.show { display: block; }

/* Inline form error/feedback message. */
#dsarMsg { display: none; margin-top: 14px; padding: 11px 14px; border-radius: 8px; font-size: 13.5px; font-weight: 600; }
#dsarMsg.show { display: block; }
#dsarMsg.err  { background: #fbe7e4; border: 1px solid #f0c4bd; color: #b23a2e; }