/* Legalese Translator — front-end styles.
   Deliberately minimal and theme-agnostic (no fixed colors that would
   fight your theme's palette) so it drops into any WordPress theme
   without looking out of place. Override any of this from your theme's
   CSS if you want a tighter match. */

.ltk-translator {
	max-width: 640px;
	margin: 1.5em 0;
	padding: 1.25em;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 8px;
}

.ltk-translator__label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.5em;
}

.ltk-translator__row {
	display: flex;
	gap: 0.5em;
	flex-wrap: wrap;
}

.ltk-translator__input {
	flex: 1 1 260px;
	padding: 0.6em 0.75em;
	font-size: 1em;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 6px;
}

.ltk-translator__button {
	padding: 0.6em 1.1em;
	font-size: 1em;
	font-weight: 600;
	border: none;
	border-radius: 6px;
	background: #1d4ed8;
	color: #fff;
	cursor: pointer;
}

.ltk-translator__button:hover {
	background: #1e40af;
}

.ltk-translator__results {
	margin-top: 1em;
}

.ltk-translator__browse {
	margin-top: 1em;
	margin-bottom: 0;
	font-size: 0.95em;
}

.ltk-result {
	padding-top: 0.75em;
	margin-top: 0.75em;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.ltk-result:first-child {
	border-top: none;
	margin-top: 0;
}

.ltk-result__term {
	font-size: 1.15em;
	font-weight: 700;
	margin: 0 0 0.3em;
}

.ltk-result__plain-english {
	margin: 0 0 0.5em;
	line-height: 1.5;
}

.ltk-result__concepts {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em;
	padding: 0;
	margin: 0 0 0.5em;
}

.ltk-result__concepts li {
	background: rgba(0, 0, 0, 0.06);
	padding: 0.2em 0.6em;
	border-radius: 999px;
	font-size: 0.85em;
}

.ltk-result__links a {
	display: block;
	margin: 0.2em 0;
}

.ltk-empty-state,
.ltk-error-state {
	font-style: italic;
	opacity: 0.8;
}

/* --- Full term page (/legal-terms/{slug}/) and index (/legal-terms/) --- */

.ltk-term-page {
	max-width: 720px;
	margin: 2em auto;
	padding: 0 1em;
}

.ltk-breadcrumb {
	margin-bottom: 1em;
	font-size: 0.9em;
}

.ltk-plain-english {
	font-size: 1.1em;
	line-height: 1.6;
}

.ltk-related-concepts ul,
.ltk-terms-list {
	list-style: none;
	padding: 0;
}

.ltk-related-concepts li {
	display: inline-block;
	background: rgba(0, 0, 0, 0.06);
	padding: 0.2em 0.7em;
	border-radius: 999px;
	margin: 0 0.4em 0.4em 0;
	font-size: 0.9em;
}

.ltk-terms-list li {
	padding: 0.4em 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.ltk-disclaimer {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 0.85em;
	opacity: 0.75;
}