/* KreativBüro · Türschild-Generator. Baut auf site.css, schriftzug.css und buchstabe.css auf. */
.ts #o_text, .ts #l_text { width: 100%; font: inherit; font-size: 1.1rem; }
.ts .ts-gross { align-self: end; padding-bottom: .6rem; }
.ts .ts-icon-kopf { margin-bottom: -.6rem; }
.ts .ts-label { font-weight: 600; color: var(--ink); }

/* Icons nach Zimmern: die Überschrift einer Gruppe geht über die ganze Breite, die Liste scrollt ab einer Höhe */
.ts-icons { max-height: 19rem; overflow-y: auto; padding: 2px 4px 4px 2px; overscroll-behavior: contain; }
.ts-icons .ts-gruppe { grid-column: 1 / -1; margin: .5rem 0 0; font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-muted); }
.ts-icons .sz-icon-kein { grid-column: 1 / span 2; }
.ts-icons .sz-icon-kein span { aspect-ratio: auto; height: 100%; min-height: 2.75rem; }

/* Gekaufte Schilder auf diesem Gerät */
.ts-meine { margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid var(--paper-line); }
.ts-meine-titel { margin: 0 0 .4rem; font-weight: 700; color: var(--ink); }
.ts-meine ol { margin: 0; padding-left: 1.3rem; display: grid; gap: .25rem; }
.ts-meine li { font-size: .9rem; }
.ts-meine .ts-leer { color: var(--ink-muted); }
.ts-laden { font: inherit; color: var(--ink); background: none; border: 0; padding: 0; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; text-align: left; }
.ts-laden[aria-current] { font-weight: 700; text-decoration-color: var(--lime-on-paper); }
.ts-laden:focus-visible { outline: 2px solid var(--lime); outline-offset: 2px; }