/* Handbuch-Experte, Zustand (Kern-Entwurf 5.1 bis 5.3): Schriftgröße, Reiter Lesezeichen/Zuletzt, Einstellungen-Dialog */
html[data-schrift="14"] { --schrift: 14px; }
html[data-schrift="15"] { --schrift: 15px; }
html[data-schrift="16"] { --schrift: 16px; }
html[data-schrift="18"] { --schrift: 18px; }
html[data-schrift="20"] { --schrift: 20px; }

.panel { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: auto; }
#panel-lesezeichen, #panel-zuletzt { padding: 0.4rem 0.5rem 1rem; }
.zlisten { list-style: none; margin: 0; padding: 0; }
.zlisten > li { border-bottom: 1px solid var(--rand); padding: 0.35rem 0; }
.zlisten .zeintrag { display: block; width: 100%; padding: 0.25rem 0.3rem; text-align: left; background: none; border: 0; border-radius: 3px; cursor: pointer; overflow-wrap: anywhere; }
.zlisten .zeintrag:hover { background: var(--markiert); }
.zlisten .kennung { font-weight: 600; margin-right: 0.3em; }
.zlisten .zzusatz { display: block; color: var(--text2); }
.zlisten .zhinweis { margin: 0.2rem 0.3rem; padding: 0.25rem 0.4rem; background: var(--warn-hg); color: var(--warn-text); border-radius: 3px; }
.zlisten .zaktionen { display: flex; flex-wrap: wrap; gap: 0.3rem; padding: 0.2rem 0.3rem; }
.zlisten .zaktionen .knopf { padding: 0.15rem 0.5rem; }
.zlisten input[type="text"] { width: 100%; padding: 0.25rem 0.4rem; background: var(--hg); color: var(--text); border: 1px solid var(--rand); border-radius: 4px; }
.zgruppe { margin: 0.9rem 0 0.2rem; font-size: 1rem; color: var(--text2); }
.zleer { color: var(--text2); padding: 0.5rem 0.3rem; margin: 0; }
li.zentfallen .zeintrag { cursor: default; opacity: 0.8; }
li.zentfallen .zeintrag:hover { background: none; }

.dok .merker { flex: 0 0 auto; color: var(--akzent); font-weight: 700; }

#lesezeichen-feld { flex-wrap: wrap; }
#lesezeichen-feld [role="radiogroup"] { display: inline-flex; gap: 0.8rem; flex-wrap: wrap; }
#lesezeichen-feld [role="radiogroup"] input { flex: 0 0 auto; max-width: none; }
#lesezeichen-hinweis { flex: 0 0 auto; display: flex; align-items: center; gap: 0.6rem; padding: 0.4rem 0.8rem; background: var(--warn-hg); color: var(--warn-text); border-bottom: 1px solid var(--rand); }
#lesezeichen-hinweis .knopf { color: var(--text); }

#einst-dialog { max-width: 28rem; width: 92vw; padding: 1rem 1.2rem; background: var(--hg); color: var(--text); border: 1px solid var(--rand); border-radius: 6px; }
#einst-dialog::backdrop { background: rgba(0, 0, 0, 0.5); }
#einst-form { display: flex; flex-direction: column; gap: 0.4rem; }
#einst-form h2 { margin: 0 0 0.4rem; font-size: 1.3rem; }
#einst-form select { padding: 0.3rem 0.4rem; background: var(--hg); color: var(--text); border: 1px solid var(--rand); border-radius: 4px; }
#einst-form .knopf { align-self: flex-end; margin-top: 0.6rem; }

/* PN3 (13.3, 13.5): Leiste Weiterlesen, Einstellung „Beim Start zeigen“ */
#leiste-weiterlesen { flex: 0 0 auto; display: flex; align-items: center; gap: 0.6rem; padding: 0.4rem 0.8rem; background: var(--warn-hg); color: var(--warn-text); border-bottom: 1px solid var(--rand); }
#leiste-weiterlesen[hidden] { display: none; }
#leiste-weiterlesen .knopf { color: var(--text); }
#leiste-weiterlesen .leiste-zu { margin-left: auto; }
.einst-gruppe { display: flex; flex-direction: column; gap: 0.25rem; margin: 0.4rem 0 0; padding: 0.4rem 0.6rem; border: 1px solid var(--rand); border-radius: 4px; }
.einst-gruppe legend { padding: 0 0.3rem; }