.viewer-body{background:#fafbf9}.viewer-main{padding:35px 5% 70px;max-width:1550px;margin:auto}.viewer-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.back-link{font-size:13px;color:#677065}.viewer-heading h1{font-size:28px;font-weight:600;letter-spacing:-.03em;margin-top:18px}.viewer-heading>p{font-size:14px;color:#677065}.viewer-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:6%;align-items:start}.viewer-stage{background:#e9ede7 url('/assets/grain.svg');padding:20px 28px 22px;min-width:0}.stage-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#5f6e5b;gap:12px}.book-space{perspective:1600px;padding:26px 12% 16px;min-width:0}.book-page{transform-origin:50% 0;transform-style:preserve-3d;box-shadow:7px 12px 24px #3e493524;background:white;will-change:transform}.photo-zoom{border:0;background:transparent;padding:0;display:block;position:relative;width:100%}.photo-zoom>img{aspect-ratio:1;object-fit:cover}.photo-zoom>span{position:absolute;bottom:12px;right:12px;background:#ffffffdf;padding:5px 9px;font-size:11px}.drag-handle{touch-action:none;user-select:none;cursor:grab;padding:10px 8px;text-align:center;background:#f4f4ef;line-height:1.3}.drag-handle:active{cursor:grabbing}.drag-handle>span{display:block;width:42px;height:3px;border-radius:4px;background:#9eaa96;margin:0 auto 5px}.drag-handle small{font-size:10px;color:#64725d}.viewer-navigation{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:14px}.viewer-navigation button{width:44px;height:44px;border:1px solid #bcc8b6;background:#ffffffa6;border-radius:3px;font-size:20px}.viewer-navigation button:disabled{opacity:.35}.viewer-navigation>span{font-size:13px;letter-spacing:2px}.page-caption{font-size:12px;text-align:center;color:#63705e;margin-top:14px;line-height:1.8}.viewer-sidebar{padding-top:12px}.viewer-sidebar .section-index{display:block;margin-bottom:16px}.viewer-sidebar h2{font-size:26px;line-height:1.6}.sidebar-intro>p{font-size:15px;color:#65705f;line-height:2;margin-top:14px}.viewer-colors{margin:25px 0}.viewer-colors legend{font-size:12px;color:#5b6855}.page-picker{display:flex;flex-direction:column;border-top:1px solid #d9dfd4}.page-picker button{display:flex;align-items:center;gap:14px;border:0;border-bottom:1px solid #d9dfd4;padding:16px 10px;text-align:left;background:transparent;font-size:14px}.page-picker button>span{font-size:12px;color:#6c7f62}.page-picker small{margin-left:auto;font-size:10px;letter-spacing:1px;color:#7b8674}.page-picker button[aria-current=page]{background:#e2ebe0}.zoom-all{width:100%;display:flex;justify-content:space-between;padding:14px 0;border:0;background:transparent;font-size:14px}.viewer-footnote{margin:17px 0 24px;border-left:2px solid #b9dac4;padding-left:14px}.viewer-footnote p{font-size:12px;line-height:1.9;color:#65705f}.viewer-footnote p+p{margin-top:8px}.viewer-shop{width:100%;font-size:14px}.sample-sheet{padding:15px 18px 12px;cursor:default}.sample-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #8dac92;padding-bottom:7px}.sample-heading strong{font-size:18px;letter-spacing:-.7px}.sample-heading>span{font-size:8px;line-height:1.4;text-align:right;color:#677764}.sample-day{display:flex;justify-content:space-between;font-size:11px;padding:9px 0;color:#45624a}.sample-day>span{font-size:9px}.sample-region{border-top:1px solid #dce4d6;padding:6px 0;cursor:zoom-in}.sample-region:hover{background:#f0f5ed}.region-label{font-size:8px;letter-spacing:.7px;color:#55794e;display:flex;justify-content:space-between}.region-label>span{font-size:10px}.sample-region p{font-size:10px;line-height:1.7;margin:4px 0;color:#354c36}.sample-region table{font-size:9px;border-collapse:collapse;width:100%;margin:5px 0}.sample-region th{font-weight:500;font-size:8px;color:#5e7058;background:#edf2e9}.sample-region th,.sample-region td{padding:4px 3px;border-bottom:1px solid #e0e6da;text-align:left}.sample-caption{font-size:8px;color:#7a8374;line-height:1.5;border-top:1px solid #dce4d6;padding-top:6px}.sample-open .drag-handle{border-top:1px solid #dce4d6}.viewer-footer{margin-top:0}#page-dialog{width:min(94vw,900px);max-height:90dvh;border:0;border-radius:6px;padding:24px;color:#243025;background:#fff;overflow:auto}#page-dialog::backdrop{background:#111a16a8;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;position:sticky;top:-24px;background:#fff;padding:12px 0;z-index:2}.dialog-top h2{font-size:18px;line-height:1.6}.dialog-top button{border:1px solid #d0d7ca;padding:8px 12px;background:white;font-size:14px;border-radius:3px}#dialog-content .photo-zoom{cursor:default;pointer-events:none}#dialog-content .photo-zoom>img{aspect-ratio:auto;max-height:none;object-fit:contain}#dialog-content .photo-zoom>span{display:none}#dialog-content .sample-sheet{padding:20px}#dialog-content .sample-heading strong{font-size:30px}#dialog-content .sample-heading>span,#dialog-content .sample-caption{font-size:12px}#dialog-content .sample-day{font-size:18px;padding:18px 0}#dialog-content .sample-day>span{font-size:14px}#dialog-content .sample-region{padding:16px 0;cursor:default}#dialog-content .sample-region:hover{background:transparent}#dialog-content .region-label{font-size:13px}#dialog-content .sample-region p{font-size:18px;line-height:2;margin:12px 0}#dialog-content .sample-region table{font-size:16px}#dialog-content .sample-region th{font-size:14px}#dialog-content .sample-region th,#dialog-content .sample-region td{padding:10px 5px}#dialog-content .sample-caption{padding-top:18px}@media(max-width:1000px){.viewer-layout{gap:4%;grid-template-columns:minmax(0,1.2fr) minmax(245px,1fr)}.book-space{padding-inline:4%}.viewer-stage{padding:18px}.viewer-heading h1{font-size:25px}.sample-sheet{padding:12px}.viewer-sidebar h2{font-size:23px}}@media(max-width:700px){.viewer-main{padding:22px 5% 45px}.viewer-heading{display:block;margin-bottom:22px}.viewer-heading h1{font-size:24px;margin-top:14px}.viewer-heading>p{font-size:13px;margin-top:8px}.viewer-layout{grid-template-columns:1fr;gap:25px}.book-space{padding:20px 8% 8px}.viewer-stage{padding:16px 14px}.stage-meta{font-size:9px}.sample-sheet{padding:13px}.sample-heading strong{font-size:19px}.sample-region p{font-size:11px}.sample-region table{font-size:10px}.sample-region th{font-size:9px}.sample-region{padding:6px 0}.viewer-sidebar{padding:0 2%}.viewer-sidebar .section-index{margin-bottom:10px}.viewer-sidebar h2{font-size:24px}.viewer-colors{margin:20px 0}.viewer-navigation{margin-top:15px}.page-caption{font-size:11px}.viewer-footnote p{font-size:13px}#page-dialog{padding:18px}.dialog-top{top:-18px}.dialog-top h2{font-size:15px}#dialog-content .sample-sheet{padding:4px}#dialog-content .sample-region p{font-size:16px}#dialog-content .sample-region table{font-size:14px}#dialog-content .sample-region th{font-size:12px}.viewer-footer.site-footer{padding-bottom:35px}}@media(prefers-reduced-motion:reduce){.book-page{will-change:auto}}