/* Z.E.R.O. Handbook v0.2.0 — real cover + facing-page reader, all styles scoped. */
.zeh-reader{--zeh-purple:#a77cda;color:#ece7f5;font-family:Arial,Helvetica,sans-serif;max-width:1120px;margin:14px auto 24px;padding:0 12px}.zeh-reader *{box-sizing:border-box}.zeh-reader .zeh-book{position:relative;width:100%;max-width:1080px;height:clamp(420px,68vh,670px);margin:auto;display:flex;justify-content:center;align-items:center;perspective:1800px;isolation:isolate}.zeh-reader .zeh-sheet[hidden],.zeh-reader .zeh-spread[hidden]{display:none!important}
/* closed cover: book-sized, leather-textured, embossed */
.zeh-reader .zeh-cover{position:relative;height:97%;width:min(440px,46vw);min-width:290px;padding:15px 16px 15px 25px;color:#eee;background:radial-gradient(ellipse at 65% 35%,#30263a 0%,transparent 65%),repeating-linear-gradient(95deg,#0d0e13 0px,#181921 2px,#101117 4px,#13141a 6px);border:2px solid #4a4352;border-radius:9px 15px 15px 8px;box-shadow:inset 10px 0 12px #000d,inset 0 0 0 5px #202028,10px 12px 0 -4px #dad5d6,15px 17px 2px -5px #625e68,24px 24px 28px #000a;transform-origin:left center;overflow:visible}
.zeh-reader .zeh-cover:before{content:"";position:absolute;top:-2px;bottom:-2px;left:6px;width:14px;border-right:2px solid #62516f;background:linear-gradient(90deg,#030307,#51425d 25%,#111018 52%,#3e334a 77%,#07070b);box-shadow:3px 0 8px #0009}.zeh-reader .zeh-cover-inner{height:100%;border:1px solid #66517e;padding:12px 16px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;gap:5px}.zeh-reader .zeh-mark{display:block;width:clamp(112px,21vh,185px);height:clamp(112px,21vh,185px);order:2;background:url('insignia.svg') center/contain no-repeat;font-size:0;filter:drop-shadow(0 0 9px #8d49d466)}.zeh-reader .zeh-brand{font-size:clamp(28px,5vh,45px);font-weight:800;letter-spacing:.17em;line-height:1.1;text-shadow:1px 2px 1px #777;order:0}.zeh-reader .zeh-subbrand{font-size:clamp(8px,1.3vh,11px);letter-spacing:.11em;order:1}.zeh-reader .zeh-rule{display:none}.zeh-reader .zeh-cover h2{font-size:clamp(19px,3.4vh,28px);letter-spacing:.16em;line-height:1.25;margin:0;order:3}.zeh-reader .zeh-cover p{font-size:clamp(8px,1.4vh,11px);letter-spacing:.15em;margin:0;order:4}.zeh-reader .zeh-cover-bottom{border:1px solid #79519b;color:#cbb1ed;line-height:1.5;letter-spacing:.1em;font-size:clamp(8px,1.15vh,10px);padding:8px 16px;order:5}
/* facing pages with physical binding and visible paper stacks */
.zeh-reader .zeh-spread{position:relative;width:100%;height:96%;display:grid;grid-template-columns:1fr 1fr;filter:drop-shadow(9px 16px 14px #0009);transform-style:preserve-3d}.zeh-reader .zeh-spread:before{content:"";position:absolute;left:calc(50% - 14px);top:0;bottom:0;width:28px;z-index:5;pointer-events:none;background:linear-gradient(90deg,transparent,#0004 25%,#0008 48%,#fff5 53%,transparent 100%)}.zeh-reader .zeh-spread:after{content:"";position:absolute;inset:0;border-radius:10px;background:transparent;box-shadow:12px 9px 0 -5px #d6d0d2,17px 12px 0 -6px #605968,22px 17px 16px #0009;pointer-events:none;z-index:-1}
.zeh-reader .zeh-paper{min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;padding:22px clamp(16px,2.6vw,34px) 16px;background:#f7f5f1;color:#24202d;border:1px solid #c7bec8}.zeh-reader .zeh-left-page{border-radius:9px 0 0 9px;background:linear-gradient(90deg,#e2dce1 0%,#fcfaf7 8%,#faf9f6 86%,#d6cfd6 100%);box-shadow:inset -8px 0 16px #0002}.zeh-reader .zeh-right-page{border-radius:0 9px 9px 0;background:linear-gradient(90deg,#d5ced5 0%,#f8f7f4 10%,#fdfbf8 91%,#e5dfe3 100%);box-shadow:inset 8px 0 15px #0002}.zeh-reader .zeh-paper header{flex-shrink:0;display:flex;justify-content:space-between;gap:8px;border-bottom:2px solid #71479b;padding-bottom:6px;font-size:clamp(8px,.8vw,10px);font-weight:700;letter-spacing:.03em}.zeh-reader .zeh-paper header small{display:block;font-size:8px;font-weight:400}.zeh-reader .zeh-paper-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b9a3c8 #f4f0f0;overscroll-behavior:contain;padding:16px 2px 6px}.zeh-reader .zeh-paper h2{font-size:clamp(16px,1.9vw,24px);line-height:1.22;color:#352052;border-bottom:1px solid #a88bc5;margin:0 0 14px;padding-bottom:10px}.zeh-reader .zeh-copy{font-size:clamp(12px,1.05vw,14px);line-height:1.55;overflow-wrap:anywhere}.zeh-reader .zeh-copy p{margin:0 0 12px}.zeh-reader .zeh-paper footer{flex-shrink:0;display:flex;justify-content:space-between;border-top:1px solid #71479b;padding-top:7px;font-size:9px;letter-spacing:.04em}.zeh-reader .zeh-id{display:flex;gap:10px;align-items:center;background:#e8e4ec;padding:9px;margin:0 0 13px;border:1px solid #b7a8c4}.zeh-reader .zeh-id img{width:90px;height:110px;object-fit:cover;object-position:center 20%}.zeh-reader .zeh-id figcaption{display:grid;gap:5px;font-size:11px}.zeh-reader .zeh-id figcaption small{font-size:10px}.zeh-reader .zeh-blank-page{background:#f7f5f1}
.zeh-reader .zeh-controls{max-width:950px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px auto}.zeh-reader .zeh-controls button{background:#2a1c3e;color:#f6efff;border:1px solid #7954a5;border-radius:7px;padding:10px 16px;font-size:13px;cursor:pointer}.zeh-reader .zeh-controls button:disabled{opacity:.4;cursor:not-allowed}.zeh-reader .zeh-controls button:hover:not(:disabled){background:#4a2b69}.zeh-reader .zeh-controls button:focus-visible{outline:3px solid #c69dff;outline-offset:3px}.zeh-reader .zeh-counter{font-size:13px;text-align:center}.zeh-reader .zeh-disclaimer{font-size:11px;color:#aaa3b3;text-align:center;margin:8px 0}.zeh-reader .zeh-flip-forward{animation:zeh-opening .38s ease-out both}.zeh-reader .zeh-flip-back{animation:zeh-back .38s ease-out both}@keyframes zeh-opening{from{opacity:.65;transform:rotateY(-10deg) scale(.985)}to{opacity:1;transform:none}}@keyframes zeh-back{from{opacity:.65;transform:rotateY(10deg) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:700px){.zeh-reader{padding:0 4px}.zeh-reader .zeh-book{height:clamp(430px,70dvh,630px)}.zeh-reader .zeh-cover{width:min(90%,390px);min-width:0}.zeh-reader .zeh-spread{display:block;width:min(100%,440px)}.zeh-reader .zeh-spread:before{display:none}.zeh-reader .zeh-spread .zeh-paper{display:none}.zeh-reader .zeh-spread .zeh-paper.zeh-mobile-active{display:flex;height:100%;border-radius:9px}.zeh-reader .zeh-controls button{font-size:12px;padding:9px}.zeh-reader .zeh-copy{font-size:13px}}
@media(prefers-reduced-motion:reduce){.zeh-reader .zeh-flip-forward,.zeh-reader .zeh-flip-back{animation:none}}