/* Livre physique : proportions réelles (--r = rapport largeur/hauteur de la couverture), reliure, ombre naturelle */
.bk{display:flex;flex-direction:column;align-items:center;outline:none}
.bk:focus-visible .bk-book{outline:3px solid var(--terra);outline-offset:8px}
.bk-book{--r:596/771;position:relative;width:var(--w,360px);aspect-ratio:var(--r);perspective:2400px;
  transition:transform .9s cubic-bezier(.6,.05,.25,1)}
.bk-book.open{transform:translateX(var(--shift,38%)) scale(var(--sc,.76))}
.bk-page,.bk-cover{position:absolute;inset:0;border-radius:1px 4px 4px 1px}
.bk-page{background:#fff;overflow:hidden;
  box-shadow:inset 10px 0 14px -10px rgba(38,53,74,.28),0 1px 1px rgba(38,53,74,.08),0 24px 40px -22px rgba(38,53,74,.45)}
/* tranche des pages : quelques feuillets visibles à droite */
.bk-page::after{content:"";position:absolute;top:3px;bottom:3px;right:-5px;width:5px;border-radius:0 2px 2px 0;
  background:repeating-linear-gradient(90deg,#fff 0 1px,#E9E1D3 1px 2px)}
.bk-page img,.bk-cover img{width:100%;height:100%;object-fit:cover;display:block}
.bk-cover{transform-origin:left center;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.6,.05,.25,1);z-index:2}
.bk-cover .fr,.bk-cover .bk-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1px 4px 4px 1px;overflow:hidden}
.bk-cover .fr{box-shadow:0 1px 1px rgba(38,53,74,.1),0 10px 18px -8px rgba(38,53,74,.25),0 34px 52px -24px rgba(38,53,74,.5)}
.bk-cover .fr::before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:12px;
  background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(255,255,255,.12) 40%,transparent)}
/* verso de la couverture : papier uni, comme le vrai livre */
.bk-back{transform:rotateY(180deg);background:#F7F1E6;box-shadow:inset -12px 0 16px -12px rgba(38,53,74,.3)}
.bk-book.open .bk-cover{transform:rotateY(-178deg)}
/* commande unique : précédent · ouvrir/étape · suivant */
.bk-bar{display:flex;align-items:stretch;margin-top:22px;border:2px solid var(--navy);border-radius:999px;overflow:hidden;background:var(--cream)}
.bk-bar button{border:0;background:none;color:var(--navy);font:700 15px var(--sans);min-height:46px;cursor:pointer}
.bk-prev,.bk-next{width:50px;font-size:20px!important}
.bk-prev:disabled{opacity:.3;cursor:default}
.bk-toggle{padding:0 18px;min-width:190px;border-inline:1px solid rgba(38,53,74,.25)!important}
.bk-bar button:hover:not(:disabled){background:var(--navy);color:var(--cream)}
.bk-hint{font-size:12px;color:var(--muted);margin-top:8px}
@media (prefers-reduced-motion:reduce){.bk-book,.bk-cover{transition:none}}
.bk-bar button:focus-visible{outline-offset:-4px}
.bk:focus-visible{outline:3px solid var(--terra);outline-offset:8px}
