/*
Theme Name: Album Przyrodniczy
Description: Dwujęzyczny album WordPress z automatycznym i ręcznym podziałem treści.
Version: 1.0.34
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: album-przyrodniczy
*/
:root{--album-paper:#f3efe5;--album-ink:#373a32;--album-page-width:480px;--album-page-height:640px}
*{box-sizing:border-box}body.album-site{margin:0;color:var(--album-ink);font-family:Georgia,'Times New Roman',serif;background:#262922} .album-site a{color:inherit}.album-site button{font:inherit;cursor:pointer}.album-site button:focus-visible,.album-site a:focus-visible{outline:3px solid #c39145;outline-offset:3px}
.album-app{height:100dvh;min-height:300px;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#41463a,#20231e);overflow:hidden}.admin-bar .album-app{height:calc(100dvh - 32px)}
.album-toolbar,.album-home-toolbar{position:relative;z-index:30;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 14px;min-height:48px;color:#f3efe5;font:12px/1.4 Arial,sans-serif;background:rgba(16,23,16,.45)}
.album-toolbar a,.album-home-toolbar a{text-decoration:none}.album-toolbar button,.album-home-toolbar button{background:transparent;color:inherit;border:1px solid #ffffff40;padding:5px 9px;border-radius:3px;min-width:32px}.album-toolbar button:disabled,.album-home-toolbar button:disabled{opacity:.3;cursor:default}.album-home-toolbar [aria-current]{text-decoration:underline}#albumPosition{min-width:60px;text-align:center;font-variant-numeric:tabular-nums}
.album-viewport{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;padding:20px;scrollbar-width:thin}.album-viewport.is-panning{cursor:grabbing;user-select:none}.album-sized{position:relative;margin:auto;flex:none}.album-canvas{position:absolute;left:0;top:0;width:960px;height:640px;transform-origin:0 0;filter:drop-shadow(0 16px 22px #0006)}
.album-spread{position:absolute;inset:0;display:none;width:960px;height:640px}.album-spread.is-active{display:flex}.album-paper{position:relative;flex:0 0 480px;width:480px;height:640px;padding:35px 18px 25px;background:var(--album-paper);overflow:hidden}.album-paper-left{background:linear-gradient(to left,#28231c14,transparent 9%),#f0ece1;border-right:1px solid #46413726}.album-paper-right{background:linear-gradient(to right,#28231c14,transparent 9%),#f3efe5;border-left:1px solid #ffffff88}
.album-paper-left::after,.album-paper-right::before{content:'';position:absolute;top:0;bottom:0;width:22px;pointer-events:none;z-index:4}.album-paper-left::after{right:0;background:linear-gradient(to left,#2d28201c,transparent)}.album-paper-right::before{left:0;background:linear-gradient(to right,#2d28201c,transparent)}
.album-chapter-heading{position:absolute;top:9px;left:18px;right:18px;margin:0;color:#726b5e;font:italic 15px/1.3 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-paper-right .album-chapter-heading{text-align:right}.album-page-number{position:absolute;bottom:8px;font:10px Arial,sans-serif;color:#8a857a;letter-spacing:.15em}.album-paper-left .album-page-number{left:28px}.album-paper-right .album-page-number{right:28px}
.album-page-content{width:100%;height:580px;display:flow-root;color:#3e3b34;font:15px/1.72 Georgia,serif;overflow:visible}.album-page-content:after{content:'';display:table;clear:both}.album-page-content>*:first-child{margin-top:0}.album-page-content p{margin:0 0 16px}.album-page-content h1,.album-page-content h2,.album-page-content h3,.album-page-content h4{font-weight:400;line-height:1.2;color:#34372f;margin:18px 0 12px}.album-page-content h1{font-size:34px}.album-page-content h2{font-size:27px}.album-page-content h3{font-size:22px}.album-page-content h4{font-size:18px}.album-page-content ul,.album-page-content ol{margin:0 0 16px;padding-left:24px}.album-page-content blockquote{margin:16px 0;padding-left:18px;border-left:1px solid #8c8b7d;font-style:italic}.album-page-content figure{margin:0 0 16px;max-width:100%}.album-page-content img{display:block;max-width:100%;height:auto;margin:auto;object-fit:contain}.album-page-content figcaption{font:11px/1.5 Arial,sans-serif;color:#777267;margin-top:7px}.album-page-content table{border-collapse:collapse;max-width:100%}.album-page-content td,.album-page-content th{padding:5px;border:1px solid #8886}.album-page-content iframe,.album-page-content video{max-width:100%;max-height:480px}.album-page-content .wp-block-columns{max-width:100%;gap:14px}
.album-page-content .album-image{width:100%;clear:both}.album-page-content .album-size-large{width:85%}.album-page-content .album-size-medium{width:60%}.album-page-content .album-size-small{width:35%}.album-page-content .album-align-center{margin-left:auto;margin-right:auto}.album-page-content .album-align-left{margin-right:auto}.album-page-content .album-align-right{margin-left:auto}.album-page-content .album-wrap-left{float:left;clear:none;margin:0 18px 12px 0}.album-page-content .album-wrap-right{float:right;clear:none;margin:0 0 12px 18px}.album-page-content .album-image img{max-height:560px}.album-page-content .album-image:has(figcaption) img{max-height:525px}.album-fragment{margin-top:0!important}.album-scroll-block{max-height:560px;overflow:auto;overscroll-behavior:contain}.album-scroll-block img{max-height:525px;object-fit:contain}
.album-spread-wide .album-wide-content{position:absolute;inset:35px 18px 25px;display:flex;align-items:center;justify-content:center;z-index:2}.album-wide-content figure{margin:0;max-width:100%;max-height:100%;text-align:center}.album-wide-content img{display:block;max-width:924px;max-height:555px;width:auto;height:auto;margin:auto;object-fit:contain}.album-wide-content figcaption{font:11px/1.5 Arial,sans-serif;margin-top:8px}.album-spread-wide:after{content:'';position:absolute;top:0;bottom:0;left:477px;width:6px;background:linear-gradient(to right,transparent,#312b2b26,transparent);z-index:3;pointer-events:none}
.album-source{position:fixed;left:-20000px;top:0;width:444px;visibility:hidden;pointer-events:none}.album-measuring{position:fixed;left:-20000px;top:0;visibility:hidden;pointer-events:none;width:960px;height:640px}.album-measuring .album-spread{display:flex!important}.album-loading{color:#f3efe5;text-align:center;padding:30px;font:14px Arial,sans-serif}.album-static-content{overflow:auto;overscroll-behavior:contain}.album-contents{padding:0!important;list-style:none;margin:20px 0}.album-contents li{border-top:1px solid #46413726}.album-contents li:last-child{border-bottom:1px solid #46413726}.album-contents a{display:flex;justify-content:space-between;gap:15px;padding:12px 0;text-decoration:none;font-size:18px}
.album-cover{position:absolute;left:480px;top:0;width:480px;height:640px;color:#f5f0df;background:linear-gradient(145deg,#6f8060,#35462f 55%,#1d2a1c);border-radius:0 5px 5px 0;box-shadow:8px 20px 45px #0006;z-index:10;overflow:hidden}.album-cover:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,#0004,transparent 8%),repeating-linear-gradient(45deg,#ffffff06 0,#ffffff06 1px,transparent 1px,transparent 5px)}.album-cover-content{position:absolute;inset:38px 32px 88px;overflow:auto;font:17px/1.6 Georgia,serif}.album-cover-content h1{font-size:48px;font-weight:400}.album-cover-content img{max-width:100%;height:auto}.album-cover-content figure{margin:0}.album-open-button{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 24px;border:1px solid #ffffff88;border-radius:100px;color:white;background:#0002;white-space:nowrap;font:12px Arial,sans-serif!important}.album-home:not(.is-open) #albumContents{visibility:hidden;pointer-events:none}.album-home.is-open .album-cover{transform:rotateY(-180deg);pointer-events:none}.album-home:not(.is-open) [data-album-action="close"]{display:none}
.album-canvas.is-single{width:480px;overflow:hidden}.album-canvas.is-single .album-spread{left:0}.album-canvas.is-single.is-right .album-spread{left:-480px}.album-home:not(.is-open) .album-canvas.is-single .album-cover{left:0}.album-listing{max-width:900px;margin:40px auto;padding:30px;background:var(--album-paper)}
.album-lightbox{position:fixed;inset:0;z-index:100000;background:#111f;color:white;padding:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;overflow:hidden}.album-lightbox::backdrop{background:#111}.album-lightbox-bar{height:52px;display:flex;align-items:center;justify-content:center;gap:12px;background:#222}.album-lightbox-bar button{color:white;background:#333;border:1px solid #777;padding:6px 12px}.album-lightbox-view{height:calc(100% - 52px);overflow:auto;touch-action:pan-x pan-y pinch-zoom;display:block}.album-lightbox-frame{position:relative;margin:auto}.album-lightbox img{display:block;position:absolute;left:0;top:0;max-width:none;max-height:none;object-fit:contain}.album-lightbox-caption{max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:12px Arial,sans-serif}.album-zoomable{cursor:zoom-in}
.album-page-break{display:none!important}.album-site.no-album-js .album-source{position:static;visibility:visible;width:auto;max-width:900px;margin:20px auto;background:var(--album-paper);padding:30px}.album-site.no-album-js .album-chapter .album-viewport{display:none}.album-site.no-album-js .album-chapter{height:auto;overflow:visible}.album-site.no-album-js .album-source img{max-width:100%;height:auto}
@media(max-width:782px){.admin-bar .album-app{height:calc(100dvh - 46px)}}@media(max-width:600px){.album-toolbar,.album-home-toolbar{gap:6px;padding:6px;font-size:11px}.album-viewport{padding:10px}.album-toolbar button,.album-home-toolbar button{padding:5px 7px}.album-toolbar a{padding:4px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.album-page-content{overflow-wrap:anywhere}.album-page-content .album-gallery-caption{font:11px/1.5 Arial,sans-serif;color:#777267}
.album-viewport{display:flex}.album-loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}

/* Animacja pojedynczej prawej kartki okładki. */
.album-home .album-canvas{perspective:1800px;transform-style:preserve-3d}
.album-home .album-cover{left:480px;width:480px;height:640px;overflow:visible;background:transparent;border-radius:0;box-shadow:none;transform-origin:left center;transform-style:preserve-3d;transition:transform var(--album-cover-duration,1.8s) cubic-bezier(.65,0,.35,1);will-change:transform}
.album-home .album-cover::before{content:none}
.album-cover-front,.album-cover-inside{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.album-cover-front{color:#f5f0df;background:linear-gradient(145deg,#6f8060,#35462f 55%,#1d2a1c);border-radius:0 5px 5px 0;box-shadow:8px 20px 45px #0006}
.album-cover-inside{transform:rotateY(180deg);background:linear-gradient(to right,#28231c14,transparent 9%),#f0ece1;border-right:1px solid #46413726;box-shadow:-5px 10px 22px #0002}
.album-home.is-opening #albumContents,.album-home.is-closing #albumContents{visibility:visible}
@media(prefers-reduced-motion:reduce){.album-home .album-cover{transition:none}}

/* Wewnętrzna powierzchnia okładki jest kartką INFO, a nie pustą nakładką. */
.album-home .album-cover-inside {padding:35px 18px 25px;overflow:hidden;}
.album-home .album-cover-inside .album-page-content {height:580px;}
.album-home .album-cover-inside .album-page-number {position:absolute;bottom:22px;left:38px;}
.album-home.is-open #albumContents>.album-paper-left {visibility:hidden;}
.album-home.is-opening #albumContents>.album-paper-left {visibility:hidden;}
.album-home.is-closing #albumContents>.album-paper-left {visibility:hidden;}

/* Ozdobny inicjał jest grafiką wektorową, nie zamiennikiem fontu. */
.album-page-content p img.album-decorative-initial,
.album-source p img.album-decorative-initial {
    display:inline-block!important; float:left!important;
    width:auto!important; height:3.5em!important; max-width:110px!important;
    margin:0.08em 0.16em 0.02em 0!important;
    vertical-align:top; object-fit:contain;
}

/* Hierarchia spisu treści PL/ES */
.album-contents > li { margin-left: calc(var(--album-toc-depth, 0) * 1.25em); }


/* INFO: edytowalna wizytówka kontaktowa na dole kartki, PL i ES.
   W edytorze WordPress nadaj blokowi Stos klasę album-contact-bottom.
   Zachowujemy przewijanie INFO, jeśli treść jest dłuższa niż kartka. */
.album-home #albumContents > .album-paper-left .album-static-content,
.album-home .album-cover-inside .album-static-content {
    display:flex;
    flex-direction:column;
    min-height:0;
    height:580px;
    overflow-y:auto;
    overflow-x:hidden;
}
.album-home #albumContents > .album-paper-left .album-static-content::after,
.album-home .album-cover-inside .album-static-content::after { content:none; }
.album-home .album-static-content > .album-contact-bottom {
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    flex-shrink:0;
    box-sizing:border-box;
    width:max-content;
    max-width:100%;
    align-self:center;
    margin: auto auto 0 !important;
    padding: 16px 23px;
    border:1px solid #b49a61;
    border-radius:7px;
    background-color:rgba(255,252,242,.28);
    background-image:url('assets/images/contact-tl.svg'),url('assets/images/contact-tr.svg'),url('assets/images/contact-bl.svg'),url('assets/images/contact-br.svg');
    background-position:left 5px top 5px,right 5px top 5px,left 5px bottom 5px,right 5px bottom 5px;
    background-size:25px 25px;
    background-repeat:no-repeat;
    text-align:center;
    color:#285e5b;
}
.album-home .album-static-content > .album-contact-bottom > * { margin:0 0 5px; }
.album-home .album-static-content > .album-contact-bottom > *:last-child { margin-bottom:0; }
.album-home .album-static-content > .album-contact-bottom a { color:#285e5b; text-decoration:underline; text-decoration-color:#b49a61; text-underline-offset:2px; }

/* Kontakt: zwarta ramka, wyśrodkowana jako całość, z edytowalną grupą danych. */
.album-home .album-static-content > .album-contact-bottom > .wp-block-group {
    width:max-content; max-width:100%; align-self:center; text-align:left;
}
.album-home .album-static-content > .album-contact-bottom > .wp-block-group p { text-align:left; }
.album-home .album-static-content > .album-contact-bottom > p { text-align:center; }
.album-home .album-static-content > .album-contact-bottom { overflow-wrap:anywhere; }

/* INFO 1.0.18: ramka obejmuje całą treść kontaktową, także po naprawie starego układu. */
.album-home .album-static-content .album-contact-bottom {
    width:fit-content!important;
    min-width:210px;
    max-width:calc(100% - 12px);
    margin: auto auto 8px!important;
    align-self:center!important;
    padding:18px 25px!important;
    flex:0 0 auto;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box;
    text-align:center;
}
.album-home .album-static-content .album-contact-bottom .wp-block-group,
.album-home .album-static-content .album-contact-bottom .is-layout-flex {
    max-width:100%;
}
.album-home .album-static-content .album-contact-bottom p {
    margin:0 0 9px;
}
.album-home .album-static-content .album-contact-bottom p:last-child {margin-bottom:0;}
.album-home .album-static-content .album-contact-bottom .album-decorative-initial {display:none!important;}

/* 1.0.19: zakładka przywrócona i osadzona za kartkami. */
.album-bookmark-tab{position:fixed;right:0;top:34%;z-index:45;writing-mode:vertical-rl;padding:20px 11px;border:1px solid #51bdb0;border-right:0;background:#101311;color:#f2ead7;font:16px Georgia,serif;box-shadow:0 4px 15px #0007;cursor:pointer}
.album-bookmark[hidden]{display:none!important}
.album-bookmark{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:50;height:min(760px,88dvh);width:min(253px,29.33dvh);background:#101110 url('assets/images/bookmark.png') center/100% 100% no-repeat;box-shadow:0 12px 35px #0009;color:#f4ecd8;overflow:auto;font-family:Georgia,'Times New Roman',serif;container-type:inline-size}
.album-bookmark-menu{margin-left:60%;width:38%;padding:24% 5% 0 0;text-align:center;display:flex;flex-direction:column;gap:0}
.album-bookmark-menu h2{font:normal clamp(14px,7cqw,21px)/1.25 Georgia,serif;margin:0 0 22%;padding:0 0 25%;border-bottom:1px solid #39bcb0;color:inherit}
.album-bookmark-menu button,.album-bookmark-menu a{display:block;width:100%;font:normal clamp(11px,5.4cqw,16px)/1.35 Georgia,serif;background:none;border:0;border-bottom:1px solid #39bcb080;color:inherit;text-decoration:none;padding:25% 0;margin:0;cursor:pointer;overflow-wrap:break-word}
.album-bookmark-menu a{border-bottom:0}
.album-bookmark-menu button:hover,.album-bookmark-menu a:hover{color:#60d4c6}
.album-bookmark-close{position:absolute;top:3px;right:5px;border:0;background:#111b;color:#f4ecd8;font:24px/1 Georgia,serif;cursor:pointer;padding:3px 6px}
.album-bookmark-status{position:absolute;bottom:4%;left:60%;width:37%;margin:0;font:12px/1.3 Georgia,serif;text-align:center;color:#94dfd1}
.album-bookmark :focus-visible,.album-bookmark-tab:focus-visible{outline:2px solid #70d9cd;outline-offset:2px}
@media(max-height:520px){.album-bookmark{height:94dvh;width:250px;background-size:100% 100%;container-type:normal}.album-bookmark-menu{padding-top:12%;}.album-bookmark-menu h2{font-size:17px;margin-bottom:5%;padding-bottom:10%}.album-bookmark-menu button,.album-bookmark-menu a{font-size:14px;padding:12% 0}.album-bookmark-status{position:static;margin:5% 0 3% 60%;width:37%}}
.album-bookmark-tab{right:auto;top:30%;z-index:25;min-width:43px;min-height:130px;padding:18px 12px 18px 15px;border:1px solid #50bcae;border-left:0;border-radius:0 5px 5px 0;background:linear-gradient(to right,#000b,transparent 12px),#111a18 url('assets/images/bookmark.png') 30% center/auto 100% no-repeat;color:#fff4df;text-shadow:0 1px 3px #000,0 0 5px #000;box-shadow:4px 4px 9px #0007;font-weight:bold;letter-spacing:.03em}
.album-bookmark-tab:hover{color:#9df5e7;box-shadow:4px 5px 13px #0009}
.album-back-pages{position:absolute;top:3px;bottom:-3px;right:-8px;width:13px;z-index:0;pointer-events:none;background:repeating-linear-gradient(to right,#b5ad9b 0,#eee8d9 1px,#eee8d9 3px,#c4bcaa 4px);border-right:3px solid #343d2b;box-shadow:3px 4px 6px #0005}
.album-bookmark-tab{position:absolute;z-index:1;right:auto;width:62px;min-width:62px;height:150px;min-height:150px;padding:12px 7px 12px 31px;writing-mode:horizontal-tb;display:flex;align-items:center;justify-content:center;background:#101513;border:1px solid #4a9d92;border-left:0;border-radius:0 4px 4px 0;overflow:hidden;text-shadow:none;font-weight:normal;font-size:15px;line-height:1.2;box-shadow:4px 4px 9px #0006}
.album-bookmark-tab::before{content:'';position:absolute;inset:0 auto 0 5px;width:19px;background:url('assets/images/bookmark.png') left center/auto 100% no-repeat;pointer-events:none}
.album-bookmark-tab span{display:block;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;position:relative;margin:0;color:inherit}

/* Kontakt INFO: ramka obejmuje zagnieżdżony Stos Gutenberga. */
.album-home .album-static-content .album-contact-bottom { display:flex!important; flex-direction:column!important; width:max-content!important; max-width:calc(100% - 14px)!important; margin:auto auto 10px!important; padding:18px 25px!important; border:1px solid #b49a61!important; border-radius:7px; background-color:rgba(255,252,242,.28); background-image:url('assets/images/contact-tl.svg'),url('assets/images/contact-tr.svg'),url('assets/images/contact-bl.svg'),url('assets/images/contact-br.svg'); background-position:left 5px top 5px,right 5px top 5px,left 5px bottom 5px,right 5px bottom 5px; background-size:25px 25px; background-repeat:no-repeat; flex-shrink:0!important; }
.album-home .album-static-content .album-contact-bottom > .wp-block-group {width:auto!important;max-width:100%!important;}
.album-home .album-static-content .album-contact-bottom > .wp-block-group > p:first-child {text-align:center!important;}
.album-home .album-static-content .album-contact-bottom .wp-block-group .wp-block-group p {text-align:left!important;}
/* Paski niewidoczne, przewijanie pozostaje dostępne. */
.album-home .album-static-content {scrollbar-width:none;-ms-overflow-style:none;}
.album-home .album-static-content::-webkit-scrollbar {display:none;width:0;height:0;}
/* Krawędź zakładki znajduje się pod płótnem, nie nad przewracanymi kartkami. */
.album-sized {position:relative;}
.album-back-pages {pointer-events:none;z-index:0!important;}
.album-bookmark-tab {position:absolute!important;right:auto!important;z-index:0!important;writing-mode:vertical-rl;white-space:nowrap;transform:none!important;}
.album-canvas {position:relative;z-index:2;}
.album-bookmark-tab span {display:block;padding-top:6px;}

/* 1.0.21: rozmiar z edytora Gutenberg ma pierwszeństwo nad domyślnymi klasami albumu. */
.album-page-content .album-image{max-width:100%;box-sizing:border-box}
.album-page-content .album-image img{max-width:100%;object-fit:contain}
.album-page-content .album-image.alignleft{margin-left:0;margin-right:auto}
.album-page-content .album-image.alignright{margin-left:auto;margin-right:0}
.album-page-content .album-image.aligncenter{margin-left:auto;margin-right:auto}

/* 1.0.22: osobne strony tematów łączone w jeden rozdział. */
.album-part-heading{margin:0 0 14px;text-align:center;font-size:1.1em;}

/* 1.0.26: leaf animation, mobile navigation and pan hand */
.album-canvas { perspective: 1600px; transform-style: preserve-3d; }
.album-turn-leaf { position:absolute!important; top:0; z-index:80; display:block!important; width:480px!important; height:640px!important; backface-visibility:hidden; transform-style:preserve-3d; will-change:transform,opacity; box-shadow:0 4px 16px #0003; }
.album-turn-next { transform-origin:left center; animation:album-turn-forward .72s cubic-bezier(.33,.05,.55,1) forwards; }
.album-turn-prev { transform-origin:right center; animation:album-turn-back .72s cubic-bezier(.33,.05,.55,1) forwards; }
@keyframes album-turn-forward {0%{transform:rotateY(0deg);opacity:1}50%{transform:rotateY(-85deg) skewY(-1deg);opacity:.94}100%{transform:rotateY(-175deg);opacity:0}}
@keyframes album-turn-back {0%{transform:rotateY(0deg);opacity:1}50%{transform:rotateY(85deg) skewY(1deg);opacity:.94}100%{transform:rotateY(175deg);opacity:0}}
.album-viewport.album-hand-mode { cursor:grab; }
.album-viewport.album-hand-mode.is-panning {cursor:grabbing}
.album-toolbar button[aria-pressed="true"],.album-home-toolbar button[aria-pressed="true"]{background:#ffffff35;border-color:#f2e6c0}
.album-leafing .album-canvas{animation:album-leaf-through .14s ease-in-out 3}
@keyframes album-leaf-through{0%{filter:brightness(1)}50%{filter:brightness(.85) drop-shadow(8px 4px 4px #0004)}100%{filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.album-turn-leaf,.album-leafing .album-canvas{animation-duration:.01ms!important}}

/* 1.0.27: two-sided paper, sequential leaf-through and explicit hand tool */
.album-canvas{perspective:2000px;transform-style:preserve-3d}
.album-turn-sheet{position:absolute;top:0;width:480px;height:640px;z-index:85;transform-style:preserve-3d;pointer-events:none;will-change:transform;}
.album-turn-sheet .album-turn-face{position:absolute!important;inset:0!important;width:480px!important;height:640px!important;display:block!important;backface-visibility:hidden;transform-style:preserve-3d;overflow:hidden;}
.album-turn-reverse{transform:rotateY(180deg);filter:brightness(.9)}
.album-sheet-forward{transform-origin:left center;animation:album-sheet-fwd 1.05s cubic-bezier(.36,.04,.52,1) forwards}
.album-sheet-back{transform-origin:right center;animation:album-sheet-rev 1.05s cubic-bezier(.36,.04,.52,1) forwards}
@keyframes album-sheet-fwd{0%{transform:rotateY(0deg)}42%{transform:rotateY(-77deg) skewY(-1.3deg)}62%{transform:rotateY(-106deg) skewY(1.2deg)}100%{transform:rotateY(-180deg)}}
@keyframes album-sheet-rev{0%{transform:rotateY(0deg)}42%{transform:rotateY(77deg) skewY(1.3deg)}62%{transform:rotateY(106deg) skewY(-1.2deg)}100%{transform:rotateY(180deg)}}
.album-fast-leaves{position:absolute;inset:0;z-index:90;pointer-events:none;perspective:1400px;overflow:hidden}
.album-fast-leaf{position:absolute;left:50%;top:0;width:50%;height:100%;background:linear-gradient(90deg,#c8bda9,#f3efe5 14%,#f1e8d7 87%,#c5b69b);transform-origin:left center;opacity:0;box-shadow:3px 0 8px #0003;animation:album-fast-turn .38s ease-in-out both}
@keyframes album-fast-turn{0%{opacity:0;transform:rotateY(0deg)}12%{opacity:1}65%{opacity:1}100%{opacity:0;transform:rotateY(-178deg)}}
.album-hand-toggle{border-color:#c9b18a!important}
.album-viewport.album-hand-mode,.album-viewport.album-hand-mode .album-paper{cursor:grab!important}
.album-viewport.album-hand-mode.is-panning,.album-viewport.album-hand-mode.is-panning .album-paper{cursor:grabbing!important}
.album-contents a{cursor:pointer}
@media(prefers-reduced-motion:reduce){.album-turn-sheet,.album-fast-leaf{animation-duration:.01ms!important}}

/* 1.0.28 — portrait: allow tapping the actual inside cover (page 01).
   The cover rotates into the visible slot; its inside face must receive pointer events. */
@media (orientation: portrait) {
  .album-home.is-open .album-cover {pointer-events:auto;}
  .album-home.is-open .album-cover-front {pointer-events:none;}
  .album-home.is-open .album-cover-inside {pointer-events:auto;cursor:pointer;}
  .album-home.is-open .album-canvas.is-right .album-cover {pointer-events:none;}
  .album-turn-sheet.album-turn-single {left:0!important;}
  .album-turn-sheet.album-turn-single .album-turn-face {left:0!important;}
}
/* The navigation animation should conceal the old TOC, not leave it visible as a stop. */
.album-fast-navigation {background:#e9e1d2;}
.album-fast-navigation .album-fast-leaf {z-index:2;}

/* 1.0.29 — desktop hand tool: touchpad and mouse drag share Pointer Events. */
.album-viewport.album-hand-mode{scroll-behavior:auto;touch-action:none}
.album-viewport.album-hand-mode .album-canvas,.album-viewport.album-hand-mode .album-canvas *{cursor:grab!important}
.album-viewport.album-hand-mode.is-panning .album-canvas,.album-viewport.album-hand-mode.is-panning .album-canvas *{cursor:grabbing!important;user-select:none!important}
@media (hover:none) and (pointer:coarse){.album-hand-toggle{display:none!important}}

/* 1.0.30: the turned cover is INFO (01), and must accept back navigation. */
.album-home.is-open .album-cover{pointer-events:auto}
.album-home.is-open .album-cover-front{pointer-events:none}
.album-home.is-open .album-cover-inside{pointer-events:auto;cursor:pointer}
.album-home.is-open .album-canvas.is-single.is-right .album-cover{pointer-events:none}
.album-home.is-open #albumContents>.album-paper-right{cursor:default}

/* 1.0.31: backward leaf-through to contents and horizontal drag on desktop */
.album-fast-back-navigation .album-fast-leaf{left:0;transform-origin:right center;animation-name:album-fast-turn-back}
@keyframes album-fast-turn-back{0%{opacity:0;transform:rotateY(0deg)}12%{opacity:1}65%{opacity:1}100%{opacity:0;transform:rotateY(178deg)}}
.album-paper .album-chapter-heading,.album-paper .album-page-number{user-select:none;-webkit-user-select:none}

/* 1.0.32: when returning from chapter 03 to the TOC, do not animate the cover closing/opening. */
html.album-direct-open .album-home .album-cover, html.album-direct-open .album-home .album-cover * {transition:none!important;animation:none!important}

/* 1.0.34: automatic pan on zoom, no manual hand toggle. */
.album-viewport.album-auto-pan{display:block;cursor:grab!important;scroll-behavior:auto;user-select:none;touch-action:pan-x pan-y pinch-zoom}
.album-viewport.album-auto-pan .album-canvas,.album-viewport.album-auto-pan .album-canvas *{cursor:grab!important;user-select:none!important}
.album-viewport.album-auto-pan.is-panning,.album-viewport.album-auto-pan.is-panning .album-canvas,.album-viewport.album-auto-pan.is-panning .album-canvas *{cursor:grabbing!important}
.album-viewport.album-auto-pan .album-sized{margin:0 auto}
.album-hand-toggle{display:none!important}