/* Only the German specialist page; the existing generator keeps its layout. */
.blindtext-layout { grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.4fr); }
.blindtext-controls { border: 0; padding: 0; margin: 0; min-width: 0; }
.blindtext-controls .field { margin-bottom: 20px; }
.blindtext-controls input[type="number"], .blindtext-controls select { width: 100%; min-height: 46px; }
.blindtext-controls .chip-row { margin-bottom: 18px; }
.blindtext-controls .chip { min-height: 44px; }
.blindtext-controls .gen-actions .btn { width: 100%; }
.blindtext-controls:disabled { opacity: 0.65; }
.blindtext-hint { color: var(--c-muted); font-size: 0.85rem; line-height: 1.65; margin-bottom: 0; }
.blindtext-page .output-head { align-items: flex-start; }
.blindtext-page .output-stats { flex-wrap: wrap; gap: 5px 14px; }
.blindtext-page .gen-output { font: 1rem/1.75 var(--font-body); min-height: 300px; max-height: 480px; margin-top: 12px; }
.blindtext-page .gen-message { margin-bottom: 0; }
.blindtext-page .prose h3 { margin-top: 1.6em; }
.blindtext-page .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.blindtext-page [aria-invalid="true"] { border-color: var(--c-error); }
.blindtext-page .btn:focus-visible, .blindtext-page .chip:focus-visible { outline-offset: 3px; }
@media (max-width: 800px) {
.blindtext-layout { grid-template-columns: minmax(0, 1fr); }
.blindtext-page .gen-output { min-height: 240px; }
}
/* Keep menu and theme switch reachable even on a 320px-wide screen. */
@media (max-width: 480px) {
.blindtext-page .header-inner { gap: 9px; }
.blindtext-page .header-inner .brand { flex: 1; min-width: 0; gap: 7px; }
.blindtext-page .header-inner .brand > span { min-width: 0; }
.blindtext-page .header-inner .brand strong { font-size: 0.85rem; overflow-wrap: anywhere; }
.blindtext-page .header-inner .brand small { font-size: 0.65rem; }
.blindtext-page .header-inner .brand img { width: 32px; height: 32px; flex-shrink: 0; }
.blindtext-page .nav-toggle { padding: 6px 8px; gap: 4px; font-size: 0.8rem; flex-shrink: 0; }
.blindtext-page .header-inner .icon-button { padding: 6px 10px; flex-shrink: 0; }
}