.pb-toolbar { display:flex; flex-wrap:wrap; gap:4px; padding:6px; background:var(--bg-secondary,#f3f5f8); border:1px solid var(--border,#ddd); border-radius:8px 8px 0 0; }
.pb-toolbar button { min-width:32px; min-height:34px; padding:4px 7px; border:1px solid var(--border,#ddd); border-radius:5px; background:var(--bg-card,#fff); color:var(--text-primary,#222); font:inherit; font-size:.8rem; cursor:pointer; }
.pb-toolbar button:focus-visible,.pb-editable:focus { outline:2px solid var(--primary); outline-offset:2px; }
.pb-editable { min-height:150px; max-height:45vh; overflow:auto; border:1px solid var(--border,#ddd); border-top:0; padding:10px; background:var(--bg-card,#fff); color:var(--text-primary,#222); border-radius:0 0 8px 8px; font-size:.9rem; line-height:1.5; overflow-wrap:anywhere; }
.pb-editor [hidden] { display:none!important; }
.pb-editor-error { color:var(--danger,#b91c1c); font-size:.85rem; }
.pb-editor { min-width:0; margin-bottom:8px; }
/* Mobile reading uses one scroll surface, so the inbox cannot squeeze articles. */
@media(max-width:1024px) {
  body:has(#pinboardSidebar.pinboard-mobile-open) #updateToast { display:none!important; }
  html body #pinboardSidebar { width:min(100vw,480px)!important; background:var(--bg-primary,#fff); }
  html body #pinboardSidebar .sidebar-tab-panel { overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding-bottom:calc(24px + env(safe-area-inset-bottom)); }
  html body #pinboardSidebar .sidebar-tab-panel > * { flex-shrink:0; }
  html body #pinboardSidebar .pinboard-content { flex:none; overflow:visible; padding:12px; }
  /* Auch mobil bleiben Artikel in ihrem verstellbaren Bereich scrollbar. */
  html body #pinboardSidebar .pinboard-articles-section { flex-shrink:0; min-height:140px; }
  html body #pinboardSidebar .pinboard-articles-section .pinboard-content { flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; }
  html body #pinboardSidebar .pinboard-article-body { padding:16px; }
  html body #pinboardSidebar :is(.pinboard-article-text,.pinboard-article-text p,.pinboard-article-text div,.pinboard-article-text li,.pinboard-article-text a,.pinboard-article-text strong,.pinboard-article-text em,.pb-editable,.pinboard-input,.pinboard-textarea) { font-size:calc(1rem * var(--font-scale-pinboard,100) / 100)!important; line-height:1.65; color:var(--text-primary); }
  html body #pinboardSidebar .pinboard-article-title { font-size:calc(1.15rem * var(--font-scale-pinboard,100) / 100)!important; line-height:1.4; margin-bottom:10px; }
  html body #pinboardSidebar .pinboard-text-wrap { max-height:none; overflow:visible; }
  html body #pinboardSidebar .pinboard-text-wrap::after { display:none; }
  html body #pinboardSidebar .pinboard-readmore-btn { display:none!important; }
  html body #pinboardSidebar :is(.sidebar-tab-btn,.pinboard-collapse-btn,.pinboard-art-btn,.pinboard-save-btn,.pinboard-cancel-btn,.pinboard-new-btn,.pinboard-toggle-btn,.pb-toolbar button) { min-height:44px; min-width:44px; }
  html body #pinboardSidebar .pinboard-article-img-wrap { max-height:none; }
  html body #pinboardSidebar .pinboard-article-img { height:auto; object-fit:contain; }
}
.pinboard-article-text { white-space:normal!important; overflow-wrap:anywhere; }
:is(.pinboard-article-text,.pb-editable) :is(p,div,blockquote,ul,ol,h2,h3) { margin:.45em 0; }
:is(.pinboard-article-text,.pb-editable) :is(ul,ol) { padding-left:1.4em; }
:is(.pinboard-article-text,.pb-editable) a { color:var(--primary); text-decoration:underline; overflow-wrap:anywhere; }
:is(.pinboard-article-text,.pb-editable) :is(h2,h3) { font-size:1.1em; line-height:1.4; }
html body .edusloth-launch { position:fixed; bottom:20px; right:74px; z-index:1000; margin:0; padding:3px; width:44px; height:44px; justify-content:center; border-radius:50%; background:var(--bg-card,#fff); border:1px solid var(--border,#ddd); box-shadow:0 2px 8px #0001; }
html body .edusloth-launch img { width:32px; height:36px; }
@media(max-width:1024px) { html body .edusloth-launch { bottom:14px; right:64px; width:40px; height:40px; } }
@media print { html body .edusloth-launch { display:none!important; } }
/* Keep help controls together at all viewport sizes. */
html body .credits-button { display:flex!important; bottom:20px!important; right:20px!important; width:44px!important; height:44px!important; }
@media(max-width:1024px) { html body .credits-button { bottom:14px!important; right:14px!important; width:40px!important; height:40px!important; } }
@media print { html body .credits-button { display:none!important; } }
@media(max-width:1024px) {
  html body .mobile-bottom-nav { bottom:64px!important; height:48px!important; }
  html body .edusloth-launch, html body .credits-button { box-sizing:border-box!important; min-height:40px!important; }
}