/* Einladung zur Lesebibliothek; bestehender Link und Übergang bleiben erhalten. */
.library-entry {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr) 54px;
  align-items: center;
  gap: 18px;
  width: min(940px, 88%);
  min-height: 132px;
  margin: 0 auto 30px;
  padding: 16px 30px;
  border: 1px solid #d9b6a1;
  border-radius: 80px;
  background: radial-gradient(ellipse at 48% 0, #fffdf5 0, transparent 70%), linear-gradient(120deg, #f9e2d9, #fff5e9 50%, #f8ddd6);
  color: #713e29;
  text-decoration: none;
  box-shadow: inset 0 2px 0 #fffdf5, inset 0 -2px 0 #eac4b54d, 0 8px 20px #704b3a24;
  transition: transform .25s ease, box-shadow .25s ease;
}
.library-entry:hover { transform: translateY(-2px); box-shadow: inset 0 2px 0 #fffdf5, 0 10px 24px #704b3a30; }
.library-entry-book { display: block; width: 124px; height: auto; filter: drop-shadow(0 3px 8px #e8b77866); }
.library-entry-copy { display: grid; gap: 7px; min-width: 0; padding-left: 24px; border-left: 1px solid #c79d7b9c; }
.library-entry-title { font: 700 clamp(1.65rem, 3.2vw, 2.8rem)/1.15 var(--serif); }
.library-entry-subtitle { font: italic 400 clamp(.875rem, 1.3vw, 1.05rem)/1.5 var(--sans); }
.library-entry-arrow { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border: 1px solid #fff6e5; border-radius: 50%; background: linear-gradient(145deg, #fff4e4, #f6d8bf); box-shadow: 0 3px 7px #9d604127; }
.library-entry-arrow svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 700px) {
  .library-entry { width: 100%; grid-template-columns: 72px minmax(0, 1fr) 38px; gap: 12px; padding: 16px 20px; border-radius: 32px; }
  .library-entry-book { width: 72px; }
  .library-entry-copy { padding-left: 12px; }
  .library-entry-arrow { width: 38px; height: 38px; }
  .library-entry-arrow svg { width: 23px; height: 23px; }
}
@media (max-width: 420px) {
  .library-entry { grid-template-columns: 50px minmax(0, 1fr) 30px; gap: 9px; padding: 16px 14px; border-radius: 26px; }
  .library-entry-book { width: 50px; }
  .library-entry-copy { padding-left: 9px; }
  .library-entry-title { font-size: 1.45rem; }
  .library-entry-arrow { width: 30px; height: 30px; }
}
@media (prefers-reduced-motion: reduce) { .library-entry { transition: none; } .library-entry:hover { transform: none; } }
.library-entry-magic { position:fixed; inset:0; z-index:10000; overflow:hidden; touch-action:none; }
.library-entry-magic canvas { display:block; width:100%; height:100%; }
.library-entry-flash { position:absolute; inset:0; pointer-events:none; background:#fffdf4; opacity:0; }