.ck-front,.ck-spread,.ck-proof,.ck-ending{display:grid;grid-template-columns:.88fr 1.22fr;gap:clamp(22px,4vw,72px);align-items:center}
.ck-front,.ck-ending{padding-block:clamp(25px,4vw,68px)}
.ck-front h1,.ck-proof h2,.ck-ending h2{font:400 clamp(59px,6.8vw,110px)/.94 var(--book-display);letter-spacing:-.057em;margin:.12em 0 .2em;text-wrap:balance}
.ck-front em,.ck-proof em,.ck-ending em{font-weight:400;color:var(--book-red)}
.ck-label,.ck-date,.ck-reader legend,.ck-reader>small{font:600 10px/1.6 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--book-red)}
.ck-thesis{font:400 clamp(20px,2vw,33px)/1.26 var(--book-display);max-width:32ch}.ck-date{margin-top:20px}
.ck-front-art,.ck-plate{margin:0;min-width:0}.ck-front-art img,.ck-plate img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.ck-front-art figcaption,.ck-plate figcaption{margin:9px 0;color:#566871;font:italic 13px/1.5 Georgia,serif}
.ck-spread{grid-template-columns:1.1fr 1fr}.ck-stop:nth-child(even) .ck-plate{order:2}
.ck-stop-4 .ck-spread{grid-template-columns:1fr}.ck-stop-4:nth-child(even) .ck-plate{order:0;grid-column:1;grid-row:1}.ck-stop-4 .ck-plate img{width:100%;max-height:520px;object-fit:contain}
.narrative-stop.ck-stop-4 .entry-copy{grid-column:1;grid-row:2;max-width:66ch;margin:auto}.ck-stop-4 .entry-copy .ck-coordinate{margin:0 0 10px;color:var(--book-red);font:italic clamp(34px,5.5vw,78px)/1 var(--book-display);letter-spacing:-.06em}
.ck-proof,.ck-ending{margin-block:clamp(46px,7vw,102px)}.ck-proof{background:#e7ebe3;padding:clamp(20px,3vw,52px);grid-template-columns:.8fr 1.2fr}
.ck-proof h2,.ck-ending h2{font-size:clamp(39px,4.8vw,76px)}.ck-proof>div>p:not(.ck-label),.ck-ending>div>p,.ck-reading p{font:17px/1.55 Georgia,serif}
.ck-reader{min-width:0;border:0;background:#faf5e8;padding:clamp(12px,2vw,27px);margin:0;position:relative}
.ck-reader legend{float:left;width:100%;margin-bottom:10px}.ck-reader>input{position:absolute;opacity:0;width:1px;height:1px}
.ck-reader>label{display:inline-block;margin:2px 4px 3px 0;padding:7px 11px;border:1px solid #8d9a95;border-radius:2px;font:14px/1.4 Georgia,serif;cursor:pointer}
.ck-reader>input:checked+label{background:#193d51;color:#fff9eb;border-color:#193d51}.ck-reader>input:focus-visible+label{outline:2px solid var(--book-red);outline-offset:3px}
.ck-dial{display:block;width:100%;margin:14px 0 4px}.ck-dial .ck-imagined,.ck-dial .ck-track-line,.ck-dial .ck-unknown{opacity:0;transition:opacity .38s ease}
#ck-before:checked~.ck-dial .ck-imagined,#ck-track:checked~.ck-dial .ck-track-line,#ck-after:checked~.ck-dial .ck-track-line,#ck-after:checked~.ck-dial .ck-unknown{opacity:1}
.ck-reading p{display:none;margin:0 0 10px}.ck-reading{min-height:4.65em}#ck-before:checked~.ck-reading .ck-read-before,#ck-track:checked~.ck-reading .ck-read-track,#ck-after:checked~.ck-reading .ck-read-after{display:block}
.ck-ending{grid-template-columns:1fr 1fr;align-items:start;gap:0 clamp(22px,4vw,72px)}.ck-ending>.ck-label{grid-column:1/-1;margin:0 0 .8em}
@media(max-width:760px){.ck-front,.ck-spread,.ck-proof,.ck-ending{grid-template-columns:1fr;gap:20px}.ck-front h1{font-size:clamp(54px,12vw,78px)}.ck-stop:nth-child(even) .ck-plate{order:0}.ck-plate figcaption{margin-bottom:0}.ck-thesis{max-width:42ch}.ck-ending>.ck-label{margin:0}.ck-reader>label{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.ck-dial .ck-imagined,.ck-dial .ck-track-line,.ck-dial .ck-unknown{transition:none}}
