.practice-book{position:absolute;z-index:4;left:5%;top:51%;width:min(28vw,360px);margin:0;padding:11px;transform:translateY(-46%);color:#63422e;background:linear-gradient(138deg,rgba(255,248,230,.96),rgba(238,212,170,.88));border:1px solid rgba(151,98,43,.7);box-shadow:0 18px 42px rgba(84,49,25,.18),inset 0 0 0 3px rgba(255,249,232,.6);opacity:1;pointer-events:none}.still .practice-book{display:none}.practice-book-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:0 2px 8px;font:600 8px/1.2 var(--sans);letter-spacing:.14em}.practice-book-number{color:#a25932;white-space:nowrap}.practice-book-image{position:relative;aspect-ratio:1.58;overflow:hidden;background:#8a6550;border:1px solid rgba(116,67,38,.35)}.practice-book-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.practice-book-caption{padding:9px 2px 2px;font:500 clamp(15px,1.55vw,21px)/1.12 var(--serif);letter-spacing:-.01em}@media(max-width:1050px){.practice-book{left:4%;width:min(29vw,300px)}}@media(max-width:700px){.practice-book{left:14px;top:27%;width:min(35vw,145px);padding:6px;transform:translateY(-15%)}.practice-book-heading{font-size:5px;letter-spacing:.06em;padding-bottom:5px}.practice-book-caption{font-size:12px;padding-top:6px}.practice-book-image{aspect-ratio:1.22}}