.history-toolbar{align-items:end}
    .book-picker{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0 1.25rem}
    .book-picker-collapse{margin:1rem 0 1.25rem;padding:.75rem;border:1px solid #dfd2c5;border-radius:.75rem;background:rgba(255,255,255,.55)}
    .book-picker-collapse>summary{display:block;padding:.35rem .55rem;border:1px solid #d6dbe1;border-radius:.35rem;background:#fff;color:#5f6368;cursor:pointer;list-style:none}
    .book-picker-collapse>summary::-webkit-details-marker{display:none}
    .book-picker-collapse>summary::before{content:"− Replier — "}
    .book-picker-collapse:not([open])>summary::before{content:"+ Déplier — "}
    .book-picker-collapse:not([open]){padding:.75rem}
    .book-picker-collapse .book-picker{margin-bottom:0}
    .book-period-filter{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:1rem;padding:.75rem;border:1px solid #e1d7cd;border-radius:.55rem;background:#fff}
    .book-period-filter .form-select,.book-period-filter .form-control{min-width:min(100%,190px)}
    .book-qualification-filters{width:100%;padding-top:.25rem}.book-qualification-filters summary{cursor:pointer;font-weight:600}.book-qualification-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.75rem}.book-qualification-filter-grid .form-select{width:100%;min-width:0}
    .book-picker-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:88px;min-height:104px;padding:.45rem;border:1px solid #d8c5b2;border-radius:.65rem;background:#fff;color:#2f2119;text-decoration:none;box-shadow:0 .2rem .55rem rgba(67,43,28,.08);cursor:pointer}
    .book-picker-item:hover{color:#2f2119;border-color:#9a6036;transform:translateY(-1px)}
    .book-picker-item.active{color:#fff;border-color:#4a3020;background:#6f472f;box-shadow:0 0 0 3px rgba(154,96,54,.2)}
    .book-picker-item.is-filter-disabled{cursor:default;pointer-events:none;opacity:.78}
    .book-picker-cover{display:grid;place-items:center;width:64px;height:68px;margin-bottom:.3rem;border:3px double currentColor;border-radius:.3rem;font-family:Georgia,serif;font-size:1.15rem;font-weight:700}
    .book-picker-meta{font-size:.72rem;line-height:1.1;opacity:.8}
    .book-picker-item[draggable="true"]{cursor:grab}.book-picker-item[draggable="true"]:active{cursor:grabbing}
    .book-picker-item.is-dragging{opacity:.4}.book-picker-item.is-drop-target{outline:3px solid #9a6036;outline-offset:3px}
    .history-toolbar-status{display:flex;align-items:center;gap:.55rem;margin-left:auto}
    .history-timelines{order:-1;flex:1 0 100%;width:100%;min-width:0}.history-timelines .page-chips{width:100%;scroll-padding-inline:50%;scrollbar-color:#9b806a #eee4da;scrollbar-width:auto}.history-timelines .page-chips+.page-chips{margin-top:.25rem}
    .history-page-status{min-width:9rem;text-align:center;font-variant-numeric:tabular-nums}
    .history-reader{
      position:relative;display:block;overflow:hidden;scroll-behavior:auto;scroll-snap-type:none;
      min-height:clamp(570px,72vh,820px);padding:1.25rem;
      border-radius:1rem;background:radial-gradient(circle at 50% 15%,#6f5a47,#342920 72%);
      box-shadow:inset 0 0 3rem rgba(0,0,0,.28),0 .75rem 1.8rem rgba(52,38,29,.16);
    }
    .flipbook-pages{
      position:relative;width:min(1180px,100%);height:clamp(540px,68vh,780px);margin:auto;
      perspective:2200px;transform-style:preserve-3d;
    }
    .history-page{
      position:absolute;inset-block:0;display:none;width:50%;min-height:0;overflow:auto;
      padding:clamp(1.4rem,3vw,3rem);border-radius:.35rem;background:#fffdf8;
      box-shadow:0 .55rem 1.4rem rgba(0,0,0,.2);backface-visibility:hidden;
      scrollbar-color:#a78a70 transparent;
    }
    .history-page.is-visible{display:block}
    .history-page.is-left{left:0;border-radius:.4rem .1rem .1rem .4rem;transform-origin:right center}
    .history-page.is-right{right:0;border-radius:.1rem .4rem .4rem .1rem;transform-origin:left center}
    .history-page.is-left::after,.history-page.is-right::before{
      content:"";position:absolute;inset-block:0;width:2rem;pointer-events:none
    }
    .history-page.is-left::after{right:0;background:linear-gradient(to left,rgba(66,45,28,.16),transparent)}
    .history-page.is-right::before{left:0;background:linear-gradient(to right,rgba(66,45,28,.16),transparent)}
    .history-page.flip-next{display:block;z-index:5;animation:flip-next .36s ease-in forwards}
    .history-page.flip-prev{display:block;z-index:5;animation:flip-prev .36s ease-in forwards}
    .flipbook-binding{
      position:absolute;z-index:7;top:0;bottom:0;left:50%;width:2px;transform:translateX(-1px);
      background:rgba(72,48,30,.42);box-shadow:0 0 1rem rgba(48,31,20,.48);pointer-events:none
    }
    .flipbook-edge{
      position:absolute;z-index:10;top:0;bottom:0;width:9%;border:0;background:transparent;
      color:transparent;cursor:pointer
    }
    .flipbook-edge:hover{background:linear-gradient(90deg,rgba(155,113,76,.14),transparent)}
    .flipbook-edge.prev{left:0}.flipbook-edge.next{right:0;transform:scaleX(-1)}
    .flipbook-edge:focus-visible{outline:3px solid #f0c899;outline-offset:-4px}
    .page-chips button.active{color:#fff;background:#34261d;border-color:#34261d}
    .history-reader:fullscreen{display:flex;width:100vw;height:100vh;min-height:100vh;padding:clamp(.35rem,1vw,1rem);align-items:stretch;justify-content:center;background:#2d241d;border-radius:0}
    .history-reader:fullscreen .flipbook-pages{width:100%;height:100%;margin:0}
    .history-reader:fullscreen .history-page{padding:clamp(1.25rem,2.25vw,3.25rem);font-size:clamp(.95rem,.82vw,1.15rem)}
    .history-text{white-space:normal;text-align:justify;text-justify:inter-word;hyphens:auto}
    .history-text p{margin:0 0 1em}
    .history-text p:last-child{margin-bottom:0}
    .history-text::after{content:"";display:block;clear:both}
    .history-text .final-page-image{display:block;overflow:hidden;max-width:100%;background:#eee}
    .history-text .final-page-image img{display:block;width:100%;height:100%;object-fit:cover}
    .history-text .final-image-row{display:flex;align-items:flex-start;justify-content:center;gap:12px;clear:both;width:100%;margin:1em 0}
    .history-text .final-image-row>.final-page-image{flex:0 1 auto;max-width:calc(50% - 6px)!important;margin:0!important;float:none!important}
    @keyframes flip-next{from{transform:rotateY(0)}to{transform:rotateY(-92deg)}}
    @keyframes flip-prev{from{transform:rotateY(0)}to{transform:rotateY(92deg)}}
    @media(max-width:767.98px){
      .history-toolbar-status{width:100%;margin-left:0;justify-content:space-between}
      .history-reader{min-height:68vh;padding:.65rem}
      .flipbook-pages{height:66vh}.book-qualification-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .history-page{left:0!important;right:auto!important;width:100%;border-radius:.4rem!important}
      .history-page.is-left::after,.history-page.is-right::before,.flipbook-binding{display:none}
      .flipbook-edge{width:14%}
      .history-text .final-image-row{flex-wrap:wrap}.history-text .final-image-row>.final-page-image{max-width:100%!important}
    }
    @media(max-width:575.98px){.book-qualification-filter-grid{grid-template-columns:1fr}}
    @media(prefers-reduced-motion:reduce){.history-page.flip-next,.history-page.flip-prev{animation-duration:.01ms}}
    .book-qualification-filters{min-width:0;max-width:100%}
    .book-criteria-scroll{max-height:22rem;overflow:auto;margin-top:.75rem;padding-bottom:.65rem;scrollbar-color:#9b806a #eee4da}
    .book-criteria-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:.45rem 0}
    .book-criteria-table th{position:sticky;top:0;z-index:1;background:#fff;padding:0 .25rem .45rem;text-align:left;color:#493a2f;font-size:.82rem;white-space:nowrap}
    .book-criteria-table td{min-width:9.5rem;padding:0 .25rem;vertical-align:top}
    .book-criteria-column{display:flex;flex-direction:column;gap:.4rem}
    .book-criterion{border-color:#b99c82;color:#614936;text-align:left;white-space:nowrap}
    .book-criterion.is-active{background:#342920;border-color:#342920;color:#fff}

.history-text{padding:0!important}.comic-image{display:block;width:100%;height:auto}.history-page header{margin-bottom:.5rem}