@font-face{font-family:Serif;src:url(schriften/DejaVuSerif.ttf)}@font-face{font-family:Sans;src:url(schriften/DejaVuSans.ttf)}@font-face{font-family:Bold;src:url(schriften/DejaVuSans-Bold.ttf)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:grid;grid-template-rows:60px 1fr 43px;height:100dvh;background:#1c302d;color:#f8f3e9;font:14px system-ui,sans-serif;overflow:hidden}header,footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(12px,3.6vw,65px);background:#132925}header{border-bottom:1px solid #ffffff26}.brand,.actions,.paging{display:flex;align-items:center;gap:15px}.brand strong{font:25px Serif,Georgia,serif}.brand span{border-left:1px solid #777e70;padding-left:14px;font-size:12px;letter-spacing:.03em}.brand b{font-weight:400;color:#ddbca0;margin-left:4px}button{background:transparent;border:1px solid #93a09774;color:#f9f7ee;border-radius:30px;padding:7px 15px;font:inherit;cursor:pointer;min-height:35px}button:hover,button[aria-pressed=true]{background:#f2efdf;color:#173027}button:disabled{opacity:.4}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,main:focus-visible{outline:3px solid #d99e71;outline-offset:-2px}main{overflow:auto;min-height:0;scroll-snap-type:y proximity;scrollbar-color:#78867e #233932}.leaf{min-height:100%;scroll-snap-align:start;display:grid;place-items:center;padding:12px 4vw;background:#243832}.leaf:nth-child(even){background:#293c36}.plate{display:none;width:min(100%,calc((100dvh - 127px)*1.333333));background:#f5f1e9;box-shadow:0 8px 38px #06161280}.plate svg{width:100%;display:block}.leaf article{color:#243b33;background:#f5f1e9;width:min(100%,720px);padding:clamp(24px,5vw,54px);align-self:center}.ready:not(.reading) .plate{display:block}.ready:not(.reading) article{display:none}article .meta,.credit,.dhead small{font-size:10px;letter-spacing:.13em;font-weight:650}.meta{color:#805139;display:flex;align-items:center;gap:8px}.meta i{width:17px;height:1px;background:currentColor}article h2,.dhead h2{font:clamp(28px,4vw,43px)/1.08 Serif,Georgia,serif;margin:16px 0 24px}article figure{margin:0 0 18px}figure img{width:100%;height:auto;display:block;max-height:70dvh;object-fit:contain;background:#233831}figcaption{font:13px/1.5 Sans,sans-serif;margin:8px 0;color:#53645a}article p{font:clamp(16px,2vw,19px)/1.6 Serif,Georgia,serif;margin:1em 0}.source small{display:block;color:#805139;font:12px Sans,sans-serif}.source a{font-size:16px}.source a:hover{color:#854927}footer{position:relative;border-top:1px solid #ffffff21}.paging label{font-variant-numeric:tabular-nums;white-space:nowrap}.paging button{padding:2px 12px;min-height:29px}.paging input{appearance:textfield;border:0;border-bottom:1px solid #829088;background:transparent;color:white;font:inherit;text-align:right;width:36px}.paging input::-webkit-inner-spin-button{display:none}#line{position:absolute;inset:0 auto auto 0;height:2px;background:#dda97e;width:0}#chapter,.credit{color:#d2dad3;font-size:12px}dialog{color:#1c312b;background:#f5f1e9;border:0;border-radius:8px;padding:24px;width:min(510px,94vw);max-height:85dvh}dialog::backdrop{background:#061711bd}.dhead{display:flex;align-items:flex-start;justify-content:space-between}.dhead button{color:#173027;border-color:#a5ada2;font-size:20px}.years{display:grid}.years a{display:grid;grid-template-columns:42px 1fr 30px;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #cfd3c8;text-decoration:none}.years a:hover{background:#e6e6d9}.years b{font:15px Serif,serif}.years small{text-align:right}.years span,.years small{font-size:12px;color:#825137}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:5;background:#fff;color:#123;padding:10px}.reading .leaf{padding:16px 4vw}@media(max-width:700px){body{grid-template-rows:52px 1fr 45px}header,footer{padding:0 12px}.brand strong{font-size:22px}.brand span,.credit{display:none}.actions,.paging{gap:7px}.actions button{font-size:12px;padding:6px 10px}.leaf,.reading .leaf{padding:0;background:#f5f1e9;align-content:start;border-bottom:1px solid #c8cfc4}.leaf article{padding:25px 19px 36px;width:100%;min-height:100%}article figure{margin-left:-19px;margin-right:-19px}figcaption{margin-left:19px;margin-right:19px}#chapter{font-size:11px}.ready:not(.reading) .leaf{align-content:center;background:#253a32}.ready:not(.reading) .plate{width:100%}}@media(max-height:520px) and (orientation:landscape){body{grid-template-rows:42px 1fr 33px}.plate{width:min(100%,calc((100dvh - 90px)*1.33333))}.leaf{padding:4px}}
