/* Plattdeutsch-Übersetzer (app/Views/platt.php) */
.pt-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pt-form { margin-top: var(--space-5); display: grid; gap: var(--space-3); }
.pt-form__row { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.pt-form__in { flex: 1 1 260px; min-height: 52px; font-size: 18px; }
.pt-dir { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; border-radius: 999px; background: var(--surface-sunken); justify-self: start; }
.pt-dir__o input { position: absolute; opacity: 0; pointer-events: none; }
.pt-dir__o span { display: block; padding: 8px 14px; border-radius: 999px; font: 650 15px/1.2 var(--font-text); cursor: pointer; }
.pt-dir__o input:checked + span { background: var(--surface); box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
.pt-dir__o input:focus-visible + span { outline: 2px solid var(--focus); outline-offset: 1px; }
.pt-cards { display: grid; gap: var(--space-4); grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); }
.pt-card { border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); padding: var(--space-4); display: flex; flex-direction: column; gap: var(--space-3); }
.pt-card__h { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-3); }
.pt-card__de { margin: 0; color: var(--text-muted); font-size: 15px; }
.pt-card__de span { font-size: 13px; }
.pt-card__nds { margin: 2px 0 0; font: 800 26px/1.2 var(--font-display); overflow-wrap: anywhere; }
.pt-cards--s .pt-card__nds { font-size: 20px; }
.pt-art { color: var(--text-muted); font-weight: 600; }
.pt-card .lg-facts { margin: 0; }
.pt-ex { padding: var(--space-3); border-radius: var(--radius-sm); background: var(--surface-sunken); }
.pt-ex p { margin: 0; }
.pt-note { margin: 0; font-size: 15px; color: var(--text-muted); }
.pt-card__f { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-4); font-size: 14px; }
.pt-unsure { color: var(--warning-text, var(--text-muted)); font-weight: 600; }
.pt-rep { background: none; border: 0; padding: 0; cursor: pointer; font-size: 14px; color: var(--text-muted); }
.pt-repform { display: grid; gap: var(--space-2); width: 100%; }
.pt-repform .lg-textarea { min-height: 70px; padding: var(--space-2) var(--space-3); }
.pt-sent { margin-bottom: var(--space-5); padding: var(--space-4) var(--space-5); border-radius: var(--radius-md); background: var(--surface-sunken); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2) var(--space-4); align-items: center; }
.pt-sent .lg-eyebrow, .pt-sent__hint { grid-column: 1 / -1; margin: 0; }
.pt-sent__out { margin: 0; font: 700 24px/1.4 var(--font-display); }
.pt-tok--unk { color: var(--text-muted); text-decoration: underline dotted; }
.pt-sug { margin: var(--space-4) 0 var(--space-2); font-weight: 650; }
.pt-src { font-size: 13px; }
.pt-forms { width: 100%; border-collapse: collapse; font-size: 15px; }
.pt-forms caption { text-align: start; font: 700 12px/1.2 var(--font-text); letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); padding-bottom: 4px; }
.pt-forms th, .pt-forms td { padding: 4px 0; border-top: 1px solid var(--line); text-align: start; }
.pt-forms th { width: 45%; color: var(--text-muted); font-weight: 500; }