.contract-ledger{--ledger-paper: #fffdf7;--ledger-edge: #d9d3c7;--ledger-step: clamp(54px, 11cqw, 66px);container-type:inline-size;width:100%;max-width:44rem;margin-inline:auto;color:var(--color-navy)}.contract-ledger-stack{position:relative;height:calc(38cqw + 2 * var(--ledger-step) + 88px);isolation:isolate;perspective:1300px;touch-action:pan-y}.contract-ledger-cover{position:absolute;left:3%;top:15%;width:78%;height:66%;border-radius:5px 9px 9px 5px;background:var(--color-band);transform:rotate(-5deg);box-shadow:inset 7px 0 9px #0004,inset 12px 0 #ffffff09,3px 9px 18px #172a4528}.contract-ledger-cover:before{content:"";position:absolute;inset:14px 13px 14px 23px;border:1px solid color-mix(in srgb,var(--color-gold-soft) 35%,transparent);border-radius:3px}.contract-ledger-page{position:absolute;top:22px;left:0;display:block;width:80%;padding:0 0 7px;overflow:hidden;border:1px solid var(--ledger-edge);border-radius:3px 5px 4px 2px;background:var(--ledger-paper);color:var(--color-navy);text-align:left;cursor:pointer;transform-origin:8% 50%;backface-visibility:hidden;transition:left .52s cubic-bezier(.22,.74,.19,1),transform .52s cubic-bezier(.22,.74,.19,1);box-shadow:1px 2px 0 var(--ledger-paper),2px 3px 0 var(--ledger-edge),3px 4px 0 var(--ledger-paper),4px 5px 0 var(--ledger-edge),5px 10px 18px -5px #172a4528}.contract-ledger-page[data-depth="0"]{z-index:1;transform:rotate(-2.8deg)}.contract-ledger-page[data-depth="1"]{z-index:2;left:8%;transform:translateY(var(--ledger-step)) rotate(-.7deg)}.contract-ledger-page[data-depth="2"]{z-index:3;left:16%;transform:translateY(calc(2 * var(--ledger-step))) rotate(1.1deg)}.contract-ledger-page.is-turning{z-index:4;left:10%;transform:translateY(-8px) rotate(-7deg) rotateY(-18deg)}.contract-ledger-page-heading{display:flex;align-items:center;gap:.7rem;min-height:44px;padding:.5rem .75rem;border-bottom:1px solid var(--ledger-edge);font-size:.8rem;font-weight:600;line-height:1.3}.contract-ledger-page-number{color:var(--color-gold-text);font:400 1.2rem/1 var(--font-editorial)}.contract-ledger-screen{display:block;margin:4px 6px 0;overflow:hidden;aspect-ratio:1920 / 902;border:1px solid var(--color-rule);background:var(--color-panel)}.contract-ledger-screen img{display:block;width:100%;height:100%;object-fit:contain}.contract-ledger-page[aria-pressed=true] .contract-ledger-screen{cursor:zoom-in}.contract-ledger-pagination{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding-inline:44px}.contract-ledger-arrow{display:inline-flex;justify-content:center;align-items:center;gap:.65rem;min-width:44px;min-height:44px;padding:.4rem;color:var(--color-navy-link);font-size:.75rem;cursor:pointer}.contract-ledger-arrow:hover{color:var(--color-gold-text)}.contract-ledger-position{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.4}.contract-ledger-expand{position:absolute;right:0;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--color-navy-link)}.contract-ledger-expand:hover{color:var(--color-gold-text)}.contract-ledger-viewer{position:fixed;inset:0;width:min(96vw,1800px);max-width:96vw;max-height:94dvh;margin:auto;padding:.5rem;overflow:auto;border:1px solid var(--ledger-edge);border-radius:6px;background:var(--ledger-paper);color:var(--color-navy);box-shadow:0 24px 80px #0006}.contract-ledger-viewer::backdrop{background:#0d1c30c9}.contract-ledger-viewer-toolbar{display:flex;align-items:center;gap:.25rem;min-height:44px;padding-left:.5rem;font-size:.875rem;font-weight:600}.contract-ledger-viewer-toolbar span{margin-right:auto}.contract-ledger-viewer-toolbar a,.contract-ledger-viewer-toolbar button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--color-navy-link);cursor:pointer}.contract-ledger-viewer-toolbar a:hover,.contract-ledger-viewer-toolbar button:hover{color:var(--color-gold-text)}.contract-ledger-viewer>img{display:block;width:100%;height:auto;max-height:calc(94dvh - 62px);object-fit:contain}@container (max-width: 360px){.contract-ledger-page-heading{gap:.35rem;padding-inline:.5rem;font-size:.7rem}.contract-ledger-page-number{font-size:1.05rem}.contract-ledger-position{gap:.3rem;font-size:.7rem}.contract-ledger-arrow{gap:.35rem;font-size:.7rem}}@media(prefers-reduced-motion:reduce){.contract-ledger-page{transition:none}}
