dialog.library.comparison-fullscreen {
  box-sizing: border-box;
  width: 100%; max-width: none;
  height: 100%; height: 100dvh; max-height: none;
  margin: 0; padding: clamp(12px, 2vw, 28px);
  border: 0; border-radius: 0;
  background: #f5f8fb; color: #17212a;
}
dialog.comparison-fullscreen[open] { display: flex; flex-direction: column; gap: 12px; }
.comparison-fullscreen::backdrop { background: #17212a80; }
.comparison-fullscreen-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.comparison-fullscreen-header h2 { margin: 0; font-size: clamp(20px, 2vw, 28px); }
.comparison-fullscreen-header .btn { flex-shrink: 0; }
dialog.comparison-fullscreen #vergleich { display: flex; flex-direction: column; flex: 1; min-height: 0; margin: 0; padding: 16px; }
.comparison-fullscreen #vergleich > .library-section-title { display: none; }
.comparison-fullscreen .comparison-toolbar { margin: 0 0 12px; }
dialog.comparison-fullscreen #vergleich .comparison-scroll { flex: 1; min-height: 100px; max-height: none; scrollbar-color: #8aa4ba #edf3f8; }
.comparison-fullscreen .comparison-notes { max-height: 18vh; overflow: auto; margin-top: 12px; }
#comparison-expand:focus-visible, .comparison-fullscreen button:focus-visible { outline: 3px solid #567f9e; outline-offset: 3px; }
@media (max-width: 700px) {
  dialog.comparison-fullscreen #vergleich { padding: 10px; }
  .comparison-fullscreen .comparison-hint { display: none; }
  .comparison-fullscreen .comparison-toolbar { gap: 8px; }
  .comparison-fullscreen .comparison-toolbar label { flex: 1; }
  .comparison-fullscreen .comparison-notes { max-height: 14vh; }
}