:root,:host{--pagemapsdisplay:block;--page-margin:20px;--vertical-gap:15px;--max-art-width:850px;--min-column-width:200px;--column-gap:30px;--vintage-font:Metamorphous;--gradcol1:0;--gradcol2:0.3;--gradcol3:0.2;}body{overflow:hidden;}.abs{flex-wrap:wrap;align-items:flex-start;display:flex;justify-content:center;overflow-y:auto;overflow-x:hidden;}.abs>div{margin:2px;}html{margin:0;overscroll-behavior-x:none;}body{overscroll-behavior-x:none;}#contcontainer{overscroll-behavior-x:none;}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.large>.pages{flex-wrap:wrap;}}.fullsize{width:100%;height:100%;text-align:center;}.overlay{touch-action:pan-y;}.ab{cursor:pointer;max-width:95vw!important;height:auto;}.maprect{cursor:pointer;stroke:none;fill:none;}.pages:not(.large) .maprect{pointer-events:fill;}.pages.fourpage .maprect{pointer-events:none;}.highlightrect,.onepage .maprect:hover,.twopage .maprect:hover,.fourpage .maprect:hover{fill:white;fill-opacity:0.3;animation:gloframes 4s infinite;stroke:#666;stroke-width:5px;stroke-linecap:round;stroke-linejoin:bevel;}@keyframes gloframes{0%{filter:drop-shadow( 1px 1px 25px #31eefd );stroke:#31eefd;}25%{filter:drop-shadow( 1px 1px 27px #1d85bb );stroke:#1d85bb;}50%{filter:drop-shadow( 0px 0px 29px #ff0071 );stroke:#ff0071;}75%{filter:drop-shadow( 0px 0px 28px #009997 );stroke:#009997;}100%{filter:drop-shadow( 0px 0px 26px #31eefd );stroke:#31eefd;}}.svgtext,.svgrect{display:none;fill:gray;stroke:none;}.fourpage .svgrect,.fourpage .svgtext{display:block;font-size:var(--fs4);}.svgtext{fill:white;}.pages{margin:auto;display:flex;width:100%;height:100%;-webkit-align-items:stretch;align-items:stretch;}.pages.fourpage{padding-top:20px;}.onepage,.twopage{overflow-y:hidden;overflow-x:scroll;scroll-margin:0px;scroll-padding:0px;touch-action:none;overscroll-behavior-x:none;}.onepage{width:var(--pages-width1);}.twopage{width:var(--pages-width2);}.fourpage{flex-wrap:wrap;overflow-y:auto;overflow-x:hidden;justify-content:center;align-items:start;touch-action:pan-y;}.fourpage svg,.fourpage .figure{max-width:22%;min-width:250px;min-height:250px;cursor:pointer;height:auto !important;display:block;margin-bottom:var(--page-margin);}.fourpage svg:hover,.fourpage .figure:hover{transform:scale(1.05);transition:transform 330ms ease-in-out;}*/
.fourpage .figure{margin-right:var(--page-margin);}.fivepage{flex-wrap:wrap;overflow-y:auto;overflow-x:hidden;justify-content:center;scroll-snap-type:y mandatory;align-items:start;touch-action:pan-y;gap:20px;}.fivepage svg,.fivepage .figure{max-width:18%;min-width:200px;cursor:pointer;height:auto !important;display:block;}.figure,.bghl{background-color:var(--bg-hl-color);}.figure>img{width:100%;height:auto;}.caption{font-size:var(--fs0);padding-bottom:10px;text-align:center;font-weight:600;color:var(--text-color-fade);overflow-wrap:break-word;}.figure>.caption{background:var(--bg-color);}.artlink{padding:3px;margin-bottom:8px;border-radius:0px 0px 8px 8px;}.artlink ~ .artlink{border-top:var(--page-margin) solid var(--bg-color);}.artlink>.caption{color:var(--text-color);}.large{overflow:auto;height:100%;width:100%;touch-action:none;overscroll-behavior-x:none;}.pages svg{flex-grow:0;flex-shrink:0;}.onepage svg{height:var(--pages-height1);width:auto;}.twopage svg{height:var(--pages-height2);width:auto;}.twopage svg:nth-child(odd){margin-right:10px;}.twopage svg:nth-child(1),.twopage svg:last-child{width:var(--pages-width2);max-width:var(--pages-width2);margin-left:1px;}.large svg{width:calc(var(--zoom) * var(--orig-page-width));height:calc(var(--zoom) * var(--orig-page-height));}.large svg:nth-child(1){margin-left:40px;}.large svg:last-child{margin-right:40px;}.large svg:nth-child(even){margin-left:40px;}@media (min-width:520px){.fourpage svg:nth-child(1){margin-left:max( calc(12% + var(--page-margin)),125px);}.fourpage.large svg:nth-child(1){margin-left:max( calc(24% + var(--page-margin)),250px);}.fourpage svg:nth-child(even){margin-left:var(--page-margin);}}.large foreignObject{scroll-snap-align:end;}.fourpage>svg,.fourpage>.figure,.onepage>svg,.abs>div{scroll-snap-align:start;}.twopage>*:nth-child(1){scroll-snap-align:start;}.twopage>*:nth-child(even){scroll-snap-align:start;}.large svg{scroll-snap-align:center;}.pagemaps{display:var(--pagemapsdisplay);}.fivepage svg,.fivepage .figure{-webkit-flex-direction:column;flex-direction:column;display:inline-flex;}.artcont{width:100%;height:100%;overflow-x:scroll;position:absolute;left:0px;top:0px;overflow-y:hidden;scroll-snap-type:x mandatory;}.article{position:absolute;overflow-y:auto;scroll-snap-type:y mandatory;scroll-snap-align:start;}.article div{position:absolute;}.article p{margin-block-end:0px;margin-block-start:0px;font-size:var(--fs0);}.artpage{width:100%;height:100%;scroll-snap-align:start;}.Valiotsikko{font-size:var(--fs1);font-weight:600;text-align:left;margin-block-end:0px;margin-block-start:0px;}.Otsikko{font-size:var(--fs3);text-align:left;column-span:all;font-weight:600;font-family:serif;margin-block-end:0px;margin-block-start:0px;}.Ingressi{font-size:var(--fs1);font-weight:600;text-align:left;margin-block-end:0px;margin-block-start:0px;padding-top:10px;padding-bottom:5px;}.artbg{background-color:white;border-radius:10px;}.bghl{border-radius:5px;}#audiobar .bspan{width:min(calc(100% - 110px),300px);}.absolutesvg{overflow:hidden;width:var(--pages-width2);height:var(--pages-height2);}.absolutesvg>svg{position:fixed;transform-origin:left top;box-shadow:rgba(0,0,0,4) 0px 0px 20px 0px;}.absolutesvg.twopage svg:nth-child(even){left:calc( 50% - var(--pages-width1) );width:var(--pages-width1);}.absolutesvg.twopage svg:nth-child(odd){left:50%;width:var(--pages-width1);}.absolutesvg.twopage svg:nth-child(1),.absolutesvg.twopage svg:last-child{left:calc( 50% - ( var(--pages-width1) / 2 ) );width:var(--pages-width1);}@keyframes pageturnfwd{0%{clip-path:polygon(-10% 110%,-10% -10%,0% -10%,5% 110%);}25%{clip-path:polygon(-10% 110%,-10% -10%,10% -10%,20% 110%);transform:translate(calc( var(--pages-width1) * 1.5 ),-20px) rotate(5deg);}50%{clip-path:polygon(-10% 110%,-10% -10%,40% -10%,50% 110%);transform:translate(var(--pages-width1),-35px) rotate(10deg);}75%{clip-path:polygon(-10% 110%,-10% -10%,60% -10%,80% 110%);transform:translate(calc( var(--pages-width1) * 0.5 ),-20px) rotate(5deg);}100%{clip-path:polygon(-10% 110%,-10% -10%,110% -10%,110% 110%);transform:translate(0px,0px) rotate(0deg);}}.gradient{position:absolute;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0) 100%);height:100%;width:100px;transform-origin:center top;transform:translate(500px) rotate(10deg);z-index:4;}