.tssd-bugreport__title {
	display: flex; align-items: center; gap: .4em;
	margin: 0 0 .6em;
}
.tssd-bugreport__title-icon { flex: 0 0 auto; color: var(--tssd-bug-link, #2765b3); }

.tssd-bugreport__intro p { margin: 0 0 .8em; }
.tssd-bugreport__thanks,
.tssd-bugreport__error,
.tssd-bugreport__unavailable {
	border-radius: var(--sd-radius); padding: .9em 1.1em; margin: 0 0 1.2em;
}
.tssd-bugreport__thanks { background: var(--sd-ok-bg); border: 1px solid var(--sd-ok-line); }
.tssd-bugreport__error,
.tssd-bugreport__unavailable { background: var(--sd-warn-bg); border: 1px solid var(--sd-warn-line); }

.tssd-bugreport__form { margin-top: 1em; }
.tssd-bugreport__field { margin: 0 0 1.1em; }
.tssd-bugreport__field > label,
.tssd-bugreport__field > legend {
	display: block; font-weight: 600; margin: 0 0 .35em; padding: 0;
}
.tssd-bugreport__field input[type="text"],
.tssd-bugreport__field input[type="email"],
.tssd-bugreport__field select,
.tssd-bugreport__field textarea {
	width: 100%; box-sizing: border-box; padding: .55em .7em;
	border: 1px solid var(--sd-field-line); border-radius: var(--sd-radius-sm);
	font: inherit; background: var(--sd-field-bg); color: inherit;
}
.tssd-bugreport__field textarea { resize: vertical; }
.tssd-bugreport__req { color: var(--sd-warn); }

.tssd-bugreport__field--device legend { margin-bottom: .5em; }
.tssd-bugreport__radio { display: inline-flex; align-items: center; gap: .35em; margin: 0 1.1em .3em 0; font-weight: 400; }

.tssd-bugreport__field--file input[type="file"] { display: block; margin: .2em 0 .6em; }
.tssd-bugreport__help { margin-top: .3em; font-size: .92em; }
.tssd-bugreport__help summary { cursor: pointer; color: var(--tssd-bug-link, #2765b3); }
.tssd-bugreport__help ul { margin: .5em 0 .4em 1.2em; }
.tssd-bugreport__help li { margin: 0 0 .25em; }

.tssd-bugreport__submit { margin: 1.4em 0 .6em; }
.tssd-bugreport__privacy { font-size: var(--sd-fs-sm); color: var(--sd-muted); margin: 0; }

/* Honeypot — invisible to humans, catches bots. */
.tssd-bugreport__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Dark: the surfaces above are token-driven and flip on their own; only this
   page's own link blue needs a lift. Signal = html[data-theme], never @media. */
html[data-theme="dark"] .tssd-bugreport { --tssd-bug-link: #7fb3ff; }
html[data-theme="light"] .tssd-bugreport { --tssd-bug-link: #2765b3; }

.tssd-bugreport__help {
	margin: 0 0 1.6em;
	padding: 14px 16px;
	border: 1px solid var(--sd-line);
	border-left: 6px solid var(--sd-gold);
	border-radius: var(--sd-radius);
	background: var(--sd-surface-2);
}
.tssd-bugreport__help-title { margin: 0 0 .4em; font-size: var(--sd-fs-lg); }
.tssd-bugreport__help-lead { margin: 0 0 .8em; }
.tssd-bugreport__faq {
	border-top: 1px solid var(--sd-line-soft);
}
.tssd-bugreport__faq > summary {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 4px 2px;
	font-weight: 700;

	color: var(--sd-gold-dark);
	cursor: pointer;
}
.tssd-bugreport__faq > summary:focus-visible {
	outline: 2px solid var(--sd-gold-line);
	outline-offset: 2px;
	border-radius: var(--sd-radius-sm);
}
.tssd-bugreport__faq-body { padding: 0 2px 10px; }
.tssd-bugreport__faq-body p { margin: 0; }
.tssd-bugreport__help-more { margin: .9em 0 0; }