.tssd-pdf-pickbox {
	margin: 1.25em 0;
}

.tssd-pdf-pick {
	padding: 16px 18px;
	border: 1px solid var(--sd-gold);
	border-radius: var(--sd-radius);
	background-color: var(--sd-surface-2);
	font-family: var(--sd-font);
}

.tssd-pdf-pick__q {
	margin: 0 0 14px;
	padding: 0;
	border: 0;
}

.tssd-pdf-pick__label {
	display: block;
	margin: 0 0 6px;
	padding: 0;
	font-size: var(--sd-fs-eyebrow);
	font-weight: 700;
	color: var(--sd-text);
}

.tssd-pdf-pick__opts {
	display: flex;
	flex-wrap: wrap;

	align-items: center;
	gap: 8px;
}

.tssd-pdf-pick__opt {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	/* Gleiche Hoehe fuer JEDE Antwort — auch fuer die letzte (siehe oben). */
	margin: 0;
	min-height: 44px;
	height: 44px;
	min-width: 64px;
	padding: 6px 14px;
	border: 1px solid var(--sd-field-line);
	border-radius: var(--sd-radius);
	background: var(--sd-field-bg);
	color: var(--sd-text);
	cursor: pointer;
}

.tssd-pdf-pick__opt:hover {
	border-color: var(--sd-gold-line);
}

.tssd-pdf-pick__opt:has(input:checked) {
	border-color: var(--sd-gold-line);
	background: var(--sd-gold-soft);
	font-weight: 700;
}

.tssd-pdf-pick__opt:focus-within {
	box-shadow: var(--sd-focus);
}

.tssd-pdf-pick__select {
	min-height: 44px;
	padding: 6px 10px;
	border: 1px solid var(--sd-field-line);
	border-radius: var(--sd-radius-sm);
	background: var(--sd-field-bg);
	color: var(--sd-text);
	font: inherit;
}

.tssd-pdf-pick__select:focus-visible {
	outline: 2px solid var(--sd-gold-line);
	outline-offset: 1px;
	box-shadow: var(--sd-focus);
}

.tssd-pdf-pick__go {
	margin: 0;
}

.tssd-pdf-pick__note {
	margin: 8px 0 0;
	font-size: var(--sd-fs-sm);
	color: var(--sd-muted);
}

.tssd-pdf-pick__direct {
	margin: 10px 0 0;
}

.tssd-pdf-pick__direct > summary {
	min-height: 44px;
	display: flex;
	align-items: center;
	padding: 4px 2px;

	color: var(--sd-gold-dark);
	cursor: pointer;
}

.tssd-pdf-pick__direct > summary:focus-visible {
	outline: 2px solid var(--sd-gold-line);
	outline-offset: 2px;
	border-radius: var(--sd-radius-sm);
}