/* ===== STUDY LOG — flip-through document (generated by ~/ellistrith-minimal/studylog.py) ===== */
.sl { container: sl / inline-size; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.tm-wrap:has(.sl) { padding-left: 0; padding-right: 0; }
.tm-center:has(.sl) { width: 100%; }
.sl-r { position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0; margin: 0; }

/* contents + controls: a strip of background colour with dithered edges */
.sl-toc, .sl-bar { background: var(--kal-bg, #1e1610); box-sizing: border-box; user-select: none; }
.sl-toc { width: 96cqw; padding: 16px 26px; display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 6px 22px; }
.sl-toc-h, .sl-sec { opacity: .6; }
.sl-grp { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
.sl-t { cursor: pointer; padding: 0 .3em; }
.sl-t i { font-style: normal; opacity: .6; }
.sl-t:hover, .sl-arrow:not(.sl-off):hover { background: #84a3a5; }
.sl-t:hover, .sl-t:hover *, .sl-arrow:not(.sl-off):hover { color: #1e1610 !important; }
.sl-bar { width: 96cqw; height: 44px; padding: 0 26px; display: flex; justify-content: space-between; align-items: center; }
.sl-bar [data-p] { display: none; }
.sl-read { cursor: pointer; padding: 0 .3em; border: 1px dashed currentColor; white-space: nowrap; } .sl-read:hover { background: #84a3a5; color: #1e1610 !important; }
.sl-arrow { cursor: pointer; padding: 0 .3em; } .sl-off { opacity: .35; cursor: default; }

/* the book(s) */
.sl-stage { display: none; }
.sl-book { position: relative; width: 100%; height: 100%; perspective: 3200px; transition: transform .9s cubic-bezier(.45,.05,.25,1); }
.sl-leaf { position: absolute; top: 0; height: 100%; transform-origin: left center; transform-style: preserve-3d;
  transition: transform .9s cubic-bezier(.45,.05,.25,1), z-index 0s linear .45s; }
.sl-face { position: absolute; inset: 0; overflow: hidden; background: #fff; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.sl-face img[data-src] { color: transparent; }
.sl-face img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sl-back { transform: rotateY(180deg); }
.sl-nav { position: absolute; top: 0; height: 100%; z-index: 200; cursor: pointer; display: none; }
.sl-edgebox { position: absolute; inset: 0; pointer-events: none; }
#sl-p1:checked ~ .sl-spread .sl-edgebox { left: 50%; }  /* cover alone: only the right half has paper */

/* spread: two pages, almost edge to edge */
.sl-spread { width: 96cqw; height: calc(48cqw * 1.4142); }
.sl-spread .sl-leaf { left: 50%; width: 50%; z-index: calc(100 - var(--i)); }
.sl-spread .sl-nav { width: 50%; } .sl-spread .sl-prev { left: 0; } .sl-spread .sl-next { left: 50%; }
#sl-p1:checked ~ .sl-spread .sl-book { transform: translateX(-25%); }  /* cover alone sits centred */

/* single page */
.sl-single { width: 94cqw; height: calc(94cqw * 1.4142); }
.sl-single .sl-leaf { left: 0; width: 100%; z-index: calc(100 - var(--i)); transition: transform .9s cubic-bezier(.45,.05,.25,1), filter .9s; }
.sl-single .sl-nav { width: 50%; } .sl-single .sl-prev { left: 0; } .sl-single .sl-next { left: 50%; }
@container sl (min-width: 1080px) {
.sl-spread { display: block; }
#sl-p1:checked ~ .sl-spread .sl-nav[data-p="1"], #sl-p1:checked ~ .sl-bar .m-sp[data-p="1"] { display: block; }
#sl-p1:checked ~ .sl-toc .sl-t[data-p="1"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p2:checked ~ .sl-spread .sl-leaf:nth-child(-n+1) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p2:checked ~ .sl-spread .sl-nav[data-p="2"], #sl-p2:checked ~ .sl-bar .m-sp[data-p="2"] { display: block; }
#sl-p2:checked ~ .sl-toc .sl-t[data-p="2"], #sl-p2:checked ~ .sl-toc .sl-t[data-p="3"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p3:checked ~ .sl-spread .sl-leaf:nth-child(-n+1) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p3:checked ~ .sl-spread .sl-nav[data-p="3"], #sl-p3:checked ~ .sl-bar .m-sp[data-p="3"] { display: block; }
#sl-p3:checked ~ .sl-toc .sl-t[data-p="2"], #sl-p3:checked ~ .sl-toc .sl-t[data-p="3"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p4:checked ~ .sl-spread .sl-leaf:nth-child(-n+2) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p4:checked ~ .sl-spread .sl-nav[data-p="4"], #sl-p4:checked ~ .sl-bar .m-sp[data-p="4"] { display: block; }
#sl-p4:checked ~ .sl-toc .sl-t[data-p="4"], #sl-p4:checked ~ .sl-toc .sl-t[data-p="5"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p5:checked ~ .sl-spread .sl-leaf:nth-child(-n+2) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p5:checked ~ .sl-spread .sl-nav[data-p="5"], #sl-p5:checked ~ .sl-bar .m-sp[data-p="5"] { display: block; }
#sl-p5:checked ~ .sl-toc .sl-t[data-p="4"], #sl-p5:checked ~ .sl-toc .sl-t[data-p="5"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p6:checked ~ .sl-spread .sl-leaf:nth-child(-n+3) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p6:checked ~ .sl-spread .sl-nav[data-p="6"], #sl-p6:checked ~ .sl-bar .m-sp[data-p="6"] { display: block; }
#sl-p6:checked ~ .sl-toc .sl-t[data-p="6"], #sl-p6:checked ~ .sl-toc .sl-t[data-p="7"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p7:checked ~ .sl-spread .sl-leaf:nth-child(-n+3) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p7:checked ~ .sl-spread .sl-nav[data-p="7"], #sl-p7:checked ~ .sl-bar .m-sp[data-p="7"] { display: block; }
#sl-p7:checked ~ .sl-toc .sl-t[data-p="6"], #sl-p7:checked ~ .sl-toc .sl-t[data-p="7"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p8:checked ~ .sl-spread .sl-leaf:nth-child(-n+4) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p8:checked ~ .sl-spread .sl-nav[data-p="8"], #sl-p8:checked ~ .sl-bar .m-sp[data-p="8"] { display: block; }
#sl-p8:checked ~ .sl-toc .sl-t[data-p="8"], #sl-p8:checked ~ .sl-toc .sl-t[data-p="9"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p9:checked ~ .sl-spread .sl-leaf:nth-child(-n+4) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p9:checked ~ .sl-spread .sl-nav[data-p="9"], #sl-p9:checked ~ .sl-bar .m-sp[data-p="9"] { display: block; }
#sl-p9:checked ~ .sl-toc .sl-t[data-p="8"], #sl-p9:checked ~ .sl-toc .sl-t[data-p="9"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p10:checked ~ .sl-spread .sl-leaf:nth-child(-n+5) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p10:checked ~ .sl-spread .sl-nav[data-p="10"], #sl-p10:checked ~ .sl-bar .m-sp[data-p="10"] { display: block; }
#sl-p10:checked ~ .sl-toc .sl-t[data-p="10"], #sl-p10:checked ~ .sl-toc .sl-t[data-p="11"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p11:checked ~ .sl-spread .sl-leaf:nth-child(-n+5) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p11:checked ~ .sl-spread .sl-nav[data-p="11"], #sl-p11:checked ~ .sl-bar .m-sp[data-p="11"] { display: block; }
#sl-p11:checked ~ .sl-toc .sl-t[data-p="10"], #sl-p11:checked ~ .sl-toc .sl-t[data-p="11"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p12:checked ~ .sl-spread .sl-leaf:nth-child(-n+6) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p12:checked ~ .sl-spread .sl-nav[data-p="12"], #sl-p12:checked ~ .sl-bar .m-sp[data-p="12"] { display: block; }
#sl-p12:checked ~ .sl-toc .sl-t[data-p="12"], #sl-p12:checked ~ .sl-toc .sl-t[data-p="13"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p13:checked ~ .sl-spread .sl-leaf:nth-child(-n+6) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p13:checked ~ .sl-spread .sl-nav[data-p="13"], #sl-p13:checked ~ .sl-bar .m-sp[data-p="13"] { display: block; }
#sl-p13:checked ~ .sl-toc .sl-t[data-p="12"], #sl-p13:checked ~ .sl-toc .sl-t[data-p="13"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p14:checked ~ .sl-spread .sl-leaf:nth-child(-n+7) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p14:checked ~ .sl-spread .sl-nav[data-p="14"], #sl-p14:checked ~ .sl-bar .m-sp[data-p="14"] { display: block; }
#sl-p14:checked ~ .sl-toc .sl-t[data-p="14"], #sl-p14:checked ~ .sl-toc .sl-t[data-p="15"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p15:checked ~ .sl-spread .sl-leaf:nth-child(-n+7) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p15:checked ~ .sl-spread .sl-nav[data-p="15"], #sl-p15:checked ~ .sl-bar .m-sp[data-p="15"] { display: block; }
#sl-p15:checked ~ .sl-toc .sl-t[data-p="14"], #sl-p15:checked ~ .sl-toc .sl-t[data-p="15"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p16:checked ~ .sl-spread .sl-leaf:nth-child(-n+8) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p16:checked ~ .sl-spread .sl-nav[data-p="16"], #sl-p16:checked ~ .sl-bar .m-sp[data-p="16"] { display: block; }
#sl-p16:checked ~ .sl-toc .sl-t[data-p="16"], #sl-p16:checked ~ .sl-toc .sl-t[data-p="17"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p17:checked ~ .sl-spread .sl-leaf:nth-child(-n+8) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p17:checked ~ .sl-spread .sl-nav[data-p="17"], #sl-p17:checked ~ .sl-bar .m-sp[data-p="17"] { display: block; }
#sl-p17:checked ~ .sl-toc .sl-t[data-p="16"], #sl-p17:checked ~ .sl-toc .sl-t[data-p="17"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p18:checked ~ .sl-spread .sl-leaf:nth-child(-n+9) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p18:checked ~ .sl-spread .sl-nav[data-p="18"], #sl-p18:checked ~ .sl-bar .m-sp[data-p="18"] { display: block; }
#sl-p18:checked ~ .sl-toc .sl-t[data-p="18"], #sl-p18:checked ~ .sl-toc .sl-t[data-p="19"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p19:checked ~ .sl-spread .sl-leaf:nth-child(-n+9) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p19:checked ~ .sl-spread .sl-nav[data-p="19"], #sl-p19:checked ~ .sl-bar .m-sp[data-p="19"] { display: block; }
#sl-p19:checked ~ .sl-toc .sl-t[data-p="18"], #sl-p19:checked ~ .sl-toc .sl-t[data-p="19"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p20:checked ~ .sl-spread .sl-leaf:nth-child(-n+10) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p20:checked ~ .sl-spread .sl-nav[data-p="20"], #sl-p20:checked ~ .sl-bar .m-sp[data-p="20"] { display: block; }
#sl-p20:checked ~ .sl-toc .sl-t[data-p="20"], #sl-p20:checked ~ .sl-toc .sl-t[data-p="21"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p21:checked ~ .sl-spread .sl-leaf:nth-child(-n+10) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p21:checked ~ .sl-spread .sl-nav[data-p="21"], #sl-p21:checked ~ .sl-bar .m-sp[data-p="21"] { display: block; }
#sl-p21:checked ~ .sl-toc .sl-t[data-p="20"], #sl-p21:checked ~ .sl-toc .sl-t[data-p="21"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p22:checked ~ .sl-spread .sl-leaf:nth-child(-n+11) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p22:checked ~ .sl-spread .sl-nav[data-p="22"], #sl-p22:checked ~ .sl-bar .m-sp[data-p="22"] { display: block; }
#sl-p22:checked ~ .sl-toc .sl-t[data-p="22"], #sl-p22:checked ~ .sl-toc .sl-t[data-p="23"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p23:checked ~ .sl-spread .sl-leaf:nth-child(-n+11) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p23:checked ~ .sl-spread .sl-nav[data-p="23"], #sl-p23:checked ~ .sl-bar .m-sp[data-p="23"] { display: block; }
#sl-p23:checked ~ .sl-toc .sl-t[data-p="22"], #sl-p23:checked ~ .sl-toc .sl-t[data-p="23"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p24:checked ~ .sl-spread .sl-leaf:nth-child(-n+12) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p24:checked ~ .sl-spread .sl-nav[data-p="24"], #sl-p24:checked ~ .sl-bar .m-sp[data-p="24"] { display: block; }
#sl-p24:checked ~ .sl-toc .sl-t[data-p="24"], #sl-p24:checked ~ .sl-toc .sl-t[data-p="25"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p25:checked ~ .sl-spread .sl-leaf:nth-child(-n+12) { transform: rotateY(-180deg); z-index: calc(100 + var(--i)); }
#sl-p25:checked ~ .sl-spread .sl-nav[data-p="25"], #sl-p25:checked ~ .sl-bar .m-sp[data-p="25"] { display: block; }
#sl-p25:checked ~ .sl-toc .sl-t[data-p="24"], #sl-p25:checked ~ .sl-toc .sl-t[data-p="25"] { background: #84a3a5; color: #1e1610 !important; }
}
@container sl (max-width: 1079.98px) {
.sl-single { display: block; }
.sl-sec { width: 100%; }
.sl-l { display: none; } .sl-t i { opacity: 1; } .sl-t { padding: 0 .55em; } .sl-toc { gap: 4px 6px; padding: 12px 18px; } .sl-grp { gap: 0 6px; }
#sl-p1:checked ~ .sl-single .sl-nav[data-p="1"], #sl-p1:checked ~ .sl-bar .m-si[data-p="1"] { display: block; }
#sl-p1:checked ~ .sl-toc .sl-t[data-p="1"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p2:checked ~ .sl-single .sl-leaf:nth-child(-n+1) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p2:checked ~ .sl-single .sl-nav[data-p="2"], #sl-p2:checked ~ .sl-bar .m-si[data-p="2"] { display: block; }
#sl-p2:checked ~ .sl-toc .sl-t[data-p="2"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p3:checked ~ .sl-single .sl-leaf:nth-child(-n+2) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p3:checked ~ .sl-single .sl-nav[data-p="3"], #sl-p3:checked ~ .sl-bar .m-si[data-p="3"] { display: block; }
#sl-p3:checked ~ .sl-toc .sl-t[data-p="3"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p4:checked ~ .sl-single .sl-leaf:nth-child(-n+3) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p4:checked ~ .sl-single .sl-nav[data-p="4"], #sl-p4:checked ~ .sl-bar .m-si[data-p="4"] { display: block; }
#sl-p4:checked ~ .sl-toc .sl-t[data-p="4"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p5:checked ~ .sl-single .sl-leaf:nth-child(-n+4) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p5:checked ~ .sl-single .sl-nav[data-p="5"], #sl-p5:checked ~ .sl-bar .m-si[data-p="5"] { display: block; }
#sl-p5:checked ~ .sl-toc .sl-t[data-p="5"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p6:checked ~ .sl-single .sl-leaf:nth-child(-n+5) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p6:checked ~ .sl-single .sl-nav[data-p="6"], #sl-p6:checked ~ .sl-bar .m-si[data-p="6"] { display: block; }
#sl-p6:checked ~ .sl-toc .sl-t[data-p="6"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p7:checked ~ .sl-single .sl-leaf:nth-child(-n+6) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p7:checked ~ .sl-single .sl-nav[data-p="7"], #sl-p7:checked ~ .sl-bar .m-si[data-p="7"] { display: block; }
#sl-p7:checked ~ .sl-toc .sl-t[data-p="7"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p8:checked ~ .sl-single .sl-leaf:nth-child(-n+7) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p8:checked ~ .sl-single .sl-nav[data-p="8"], #sl-p8:checked ~ .sl-bar .m-si[data-p="8"] { display: block; }
#sl-p8:checked ~ .sl-toc .sl-t[data-p="8"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p9:checked ~ .sl-single .sl-leaf:nth-child(-n+8) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p9:checked ~ .sl-single .sl-nav[data-p="9"], #sl-p9:checked ~ .sl-bar .m-si[data-p="9"] { display: block; }
#sl-p9:checked ~ .sl-toc .sl-t[data-p="9"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p10:checked ~ .sl-single .sl-leaf:nth-child(-n+9) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p10:checked ~ .sl-single .sl-nav[data-p="10"], #sl-p10:checked ~ .sl-bar .m-si[data-p="10"] { display: block; }
#sl-p10:checked ~ .sl-toc .sl-t[data-p="10"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p11:checked ~ .sl-single .sl-leaf:nth-child(-n+10) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p11:checked ~ .sl-single .sl-nav[data-p="11"], #sl-p11:checked ~ .sl-bar .m-si[data-p="11"] { display: block; }
#sl-p11:checked ~ .sl-toc .sl-t[data-p="11"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p12:checked ~ .sl-single .sl-leaf:nth-child(-n+11) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p12:checked ~ .sl-single .sl-nav[data-p="12"], #sl-p12:checked ~ .sl-bar .m-si[data-p="12"] { display: block; }
#sl-p12:checked ~ .sl-toc .sl-t[data-p="12"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p13:checked ~ .sl-single .sl-leaf:nth-child(-n+12) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p13:checked ~ .sl-single .sl-nav[data-p="13"], #sl-p13:checked ~ .sl-bar .m-si[data-p="13"] { display: block; }
#sl-p13:checked ~ .sl-toc .sl-t[data-p="13"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p14:checked ~ .sl-single .sl-leaf:nth-child(-n+13) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p14:checked ~ .sl-single .sl-nav[data-p="14"], #sl-p14:checked ~ .sl-bar .m-si[data-p="14"] { display: block; }
#sl-p14:checked ~ .sl-toc .sl-t[data-p="14"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p15:checked ~ .sl-single .sl-leaf:nth-child(-n+14) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p15:checked ~ .sl-single .sl-nav[data-p="15"], #sl-p15:checked ~ .sl-bar .m-si[data-p="15"] { display: block; }
#sl-p15:checked ~ .sl-toc .sl-t[data-p="15"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p16:checked ~ .sl-single .sl-leaf:nth-child(-n+15) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p16:checked ~ .sl-single .sl-nav[data-p="16"], #sl-p16:checked ~ .sl-bar .m-si[data-p="16"] { display: block; }
#sl-p16:checked ~ .sl-toc .sl-t[data-p="16"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p17:checked ~ .sl-single .sl-leaf:nth-child(-n+16) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p17:checked ~ .sl-single .sl-nav[data-p="17"], #sl-p17:checked ~ .sl-bar .m-si[data-p="17"] { display: block; }
#sl-p17:checked ~ .sl-toc .sl-t[data-p="17"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p18:checked ~ .sl-single .sl-leaf:nth-child(-n+17) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p18:checked ~ .sl-single .sl-nav[data-p="18"], #sl-p18:checked ~ .sl-bar .m-si[data-p="18"] { display: block; }
#sl-p18:checked ~ .sl-toc .sl-t[data-p="18"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p19:checked ~ .sl-single .sl-leaf:nth-child(-n+18) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p19:checked ~ .sl-single .sl-nav[data-p="19"], #sl-p19:checked ~ .sl-bar .m-si[data-p="19"] { display: block; }
#sl-p19:checked ~ .sl-toc .sl-t[data-p="19"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p20:checked ~ .sl-single .sl-leaf:nth-child(-n+19) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p20:checked ~ .sl-single .sl-nav[data-p="20"], #sl-p20:checked ~ .sl-bar .m-si[data-p="20"] { display: block; }
#sl-p20:checked ~ .sl-toc .sl-t[data-p="20"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p21:checked ~ .sl-single .sl-leaf:nth-child(-n+20) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p21:checked ~ .sl-single .sl-nav[data-p="21"], #sl-p21:checked ~ .sl-bar .m-si[data-p="21"] { display: block; }
#sl-p21:checked ~ .sl-toc .sl-t[data-p="21"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p22:checked ~ .sl-single .sl-leaf:nth-child(-n+21) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p22:checked ~ .sl-single .sl-nav[data-p="22"], #sl-p22:checked ~ .sl-bar .m-si[data-p="22"] { display: block; }
#sl-p22:checked ~ .sl-toc .sl-t[data-p="22"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p23:checked ~ .sl-single .sl-leaf:nth-child(-n+22) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p23:checked ~ .sl-single .sl-nav[data-p="23"], #sl-p23:checked ~ .sl-bar .m-si[data-p="23"] { display: block; }
#sl-p23:checked ~ .sl-toc .sl-t[data-p="23"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p24:checked ~ .sl-single .sl-leaf:nth-child(-n+23) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p24:checked ~ .sl-single .sl-nav[data-p="24"], #sl-p24:checked ~ .sl-bar .m-si[data-p="24"] { display: block; }
#sl-p24:checked ~ .sl-toc .sl-t[data-p="24"] { background: #84a3a5; color: #1e1610 !important; }
#sl-p25:checked ~ .sl-single .sl-leaf:nth-child(-n+24) { transform: rotateY(-179deg); filter: brightness(.7); pointer-events: none; }
#sl-p25:checked ~ .sl-single .sl-nav[data-p="25"], #sl-p25:checked ~ .sl-bar .m-si[data-p="25"] { display: block; }
#sl-p25:checked ~ .sl-toc .sl-t[data-p="25"] { background: #84a3a5; color: #1e1610 !important; }
}