/* A plastic coil and colored sticky tabs on every leaf. */
.book,.paper-index,.reading-paper{position:relative}
.book:after,.paper-index:after,.reading-paper:after{content:"";position:absolute;top:24px;bottom:24px;width:44px;background:url('/field-guide/assets/spiral.svg') repeat-y left top;background-size:44px 44px;pointer-events:none;z-index:2}
.book:after{left:calc(100% / 2.05 - 22px)}
.paper-index:after,.reading-paper:after{left:-22px}
.reading-paper,.paper-index{border-radius:3px 7px 7px 3px;border-left:1px solid var(--rule)}
.tabs{display:flex;position:sticky;float:right;left:auto;top:28px;margin-right:-105px;margin-top:25px;gap:9px;z-index:4;width:35px}
.tabs a{min-height:92px;display:flex;align-items:center;justify-content:center;border-radius:0 4px 8px 0;box-shadow:2px 3px 4px #15263820;transform:rotate(-1deg)}
.tabs a:nth-child(2){transform:rotate(1.5deg)}
.tabs a[aria-current]{box-shadow:2px 3px 4px #15263820,inset 3px 0 #202c3530}
.tabs a:hover{padding-left:9px;padding-right:9px;filter:brightness(1.05)}
.book>.tabs{position:absolute;float:none;left:100%;top:65px;margin:0}
.paper-index>.tabs{margin-right:-105px}
.reading-paper>.tabs{margin-right:-120px}
@media(max-width:1300px){.reading-layout{margin-right:7%}}
@media(max-width:1000px){.reading-paper>.tabs{margin-right:-80px}.paper-index>.tabs{margin-right:-75px}.paper-index{margin-right:8%}}
@media(max-width:700px){.book{margin-right:12%}.book:after{left:-16px;top:25px;bottom:25px;width:32px;background-size:32px 32px}.spine{display:none}.cover{padding-left:36px}.book>.tabs{display:flex;top:55px}.tabs{display:flex;top:15px;width:29px;gap:8px}.tabs a{font-size:8px;min-height:80px;padding:13px 7px}.tabs a:hover{padding:13px 7px}.reading-layout{margin-left:6%;margin-right:12%}.reading-paper{padding-left:27px;padding-right:22px}.paper-index{margin-left:6%;margin-right:12%;padding-left:27px;padding-right:22px}.reading-paper>.tabs,.paper-index>.tabs{margin-right:-51px;margin-top:15px}.paper-index:after,.reading-paper:after{left:-16px;width:32px;background-size:32px 32px}.opening{padding-left:25px;padding-right:22px}}