.journal-editions{padding-bottom:70px}.journal-edition{display:grid;grid-template-columns:220px minmax(0,1fr);gap:55px;padding:40px 0;border-top:1px solid var(--line);align-items:center}.journal-edition h2{font-size:clamp(27px,3vw,40px);margin:14px 0}.journal-edition p{max-width:65ch;margin:16px 0;line-height:1.75}.journal-cover{display:block;perspective:1000px}.journal-cover>img,.journal-cover-type{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:var(--paper);box-shadow:5px 6px 0 #dcdcd6,12px 15px 24px #16191416;transition:transform .25s ease-out}.journal-cover:hover>img,.journal-cover:hover .journal-cover-type{transform:rotateY(-7deg)}.journal-cover-type{background:oklch(25% .008 100);color:oklch(96% .008 100);padding:26px;display:flex;flex-direction:column;justify-content:space-between}.journal-cover-type strong{font-size:32px;font-weight:400;line-height:1.06;letter-spacing:-.04em}.journal-cover-type span{font-size:10px;letter-spacing:.08em}.journal-cover-type span:last-child{font-size:13px;letter-spacing:0}.journal-empty{padding:30px 0 80px}.journal-empty h2{font-size:30px;margin-bottom:16px}.journal-heading{padding-top:45px;padding-bottom:30px}.journal-heading .eyebrow{display:block;margin:32px 0 16px}.journal-heading h1{font-size:clamp(34px,4vw,56px);line-height:1.1}.journal-heading p{max-width:70ch;margin-top:18px;line-height:1.7}.journal-reader{background:oklch(91% .008 100);padding-bottom:22px;border-block:1px solid var(--line)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:20px}.reader-paging,.reader-paging form,.reader-options{display:flex;align-items:center;gap:12px}.reader-toolbar button,.reader-toolbar input,.reader-toolbar select{min-height:44px;border:1px solid #a5a69e;background:var(--paper);padding:8px 12px;border-radius:0;color:var(--ink);font:inherit}.reader-toolbar input{width:72px}.reader-toolbar button{cursor:pointer;min-width:44px}.reader-toolbar button:hover:not(:disabled){background:#deded6}.reader-toolbar :disabled{opacity:.45;cursor:default}.reader-toolbar label,.reader-toolbar a,.reader-toolbar span{font-size:13px}.reader-toolbar a{text-decoration:underline;text-underline-offset:4px}.reader-toolbar :focus-visible,.reader-viewport:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.reader-status{font-size:13px;min-height:26px;padding-bottom:10px}.reader-viewport{overflow:auto;padding:20px 26px 40px;overscroll-behavior-x:contain;touch-action:pan-x pan-y;outline-offset:-4px}.reader-book{position:relative;display:flex;perspective:2000px;margin-inline:auto;min-height:240px;filter:drop-shadow(0 13px 13px #22251e22);isolation:isolate}.reader-sheet{position:relative;flex:none;background:oklch(99% .003 100);overflow:hidden;box-shadow:inset 0 0 1px #64685a}.reader-sheet.blank{background:oklch(87% .01 100)}.reader-sheet canvas,.turn-face canvas{display:block;width:100%;height:100%;object-fit:contain}.reader-book.spread .reader-sheet:first-child:after{content:"";position:absolute;inset:0 0 0 auto;width:22px;background:linear-gradient(90deg,transparent,#22251e14);pointer-events:none}.reader-book.spread .reader-sheet:last-child:after{content:"";position:absolute;inset:0 auto 0 0;width:16px;background:linear-gradient(90deg,#22251e12,transparent);pointer-events:none}.turn-leaf{position:absolute;top:0;z-index:3;transform-style:preserve-3d;transform-origin:left center;pointer-events:none}.turn-face{position:absolute;inset:0;backface-visibility:hidden;background:oklch(99% .003 100);overflow:hidden}.turn-back{transform:rotateY(180deg)}.turn-face:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#22251e20,transparent 35%,#22251e08);pointer-events:none}.reader-hint{font-size:12px;line-height:1.7;color:#53574d;margin-top:6px}.journal-about{padding-block:50px 80px}.journal-about h2{font-size:27px;margin-bottom:20px}.journal-about .rich-text{max-width:75ch}.journal-about .meta{margin-bottom:18px}
@media(max-width:640px){.journal-edition{grid-template-columns:110px minmax(0,1fr);gap:22px;align-items:start;padding:28px 0}.journal-cover-type{padding:13px}.journal-cover-type strong{font-size:22px}.journal-cover-type span{font-size:8px}.journal-cover-type span:last-child{font-size:9px}.journal-edition h2{font-size:24px;margin-top:8px}.journal-edition p{font-size:14px;line-height:1.6}.journal-edition .eyebrow{font-size:9px}.reader-toolbar{gap:16px;padding-inline:18px}.reader-paging,.reader-paging form{gap:7px}.reader-options{justify-content:space-between;width:100%}.reader-toolbar input{width:62px}.reader-viewport{padding:12px 16px 30px}.journal-heading{padding-top:30px}.reader-status{font-size:12px}.journal-cover-type{box-shadow:3px 4px 0 #dcdcd6,6px 9px 15px #16191416}}
@media(prefers-reduced-motion:reduce){.journal-cover:hover>img,.journal-cover:hover .journal-cover-type{transform:none}}

.journal-heading h1,.journal-edition h2,.journal-cover-type{overflow-wrap:anywhere}

/* Keep the edition and reading controls close to the document. */
.journal-index-heading{padding-top:36px;padding-bottom:30px}
.journal-index-heading h1{font-size:clamp(32px,3.5vw,48px)}
.journal-index-heading p{font-size:16px;margin-top:14px}
.journal-edition{padding:28px 0;gap:36px;grid-template-columns:170px minmax(0,1fr)}
.journal-edition h2{font-size:30px;margin:8px 0}
.journal-edition p{margin:10px 0}
.journal-cover-type{padding:20px}
.journal-cover-type strong{font-size:28px}
.journal-heading{padding-top:20px;padding-bottom:20px}
.journal-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.journal-breadcrumb .eyebrow{margin:0;font-size:10px}
.journal-heading h1{font-size:clamp(26px,2.6vw,36px)}
.journal-heading p{margin-top:8px;font-size:14px}
.reader-toolbar{padding-block:10px;gap:12px;position:sticky;top:0;z-index:5;background:oklch(91% .008 100)}
.reader-toolbar label{display:flex;align-items:center;gap:7px}
.reader-toolbar input{width:68px}
.reader-toolbar select{width:auto;max-width:125px}
.reader-options{gap:14px}
.reader-toolbar button[data-expand]{font-size:12px;white-space:nowrap}
.reader-feedback{display:flex;align-items:center;gap:12px;min-height:28px;padding-block:0}
.reader-status{padding:0;min-height:0;font-size:12px}
.reader-feedback button{font:inherit;font-size:12px;min-height:32px;padding:5px 12px;border:1px solid var(--line);background:var(--paper);cursor:pointer}
.reader-viewport{height:clamp(300px,calc(100svh - 315px),850px);padding:10px 18px 18px;overflow:auto;scrollbar-gutter:stable both-edges}
.reader-book{min-height:0}
.reader-hint{margin-top:8px;font-size:11px}


.journal-reader{padding-bottom:8px}
.journal-about{padding-block:22px 30px}
.journal-about>summary{font-size:18px;cursor:pointer;min-height:44px;padding-block:8px}
.journal-about[open]>summary{margin-bottom:12px}
body.journal-reading{overflow:hidden}
.journal-reader.is-expanded{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;border:0;padding:0 0 8px;height:100dvh}
.is-expanded .reader-toolbar,.is-expanded .reader-feedback{width:100%;flex-shrink:0}
.is-expanded .reader-viewport{height:auto;min-height:0;flex:1}
.is-expanded .reader-hint{display:none}
@media(max-width:760px){
 .journal-breadcrumb .eyebrow{display:none}
 .journal-heading{padding-block:16px}
 .journal-heading h1{font-size:26px}
 .reader-toolbar{padding:8px 16px;gap:8px;position:static}
 .reader-paging{justify-content:space-between;width:100%}
 .reader-paging form{gap:8px}
 .reader-options{width:100%;justify-content:space-between;gap:8px}
 .reader-toolbar button,.reader-toolbar select,.reader-toolbar input{padding:7px 10px}
 .reader-toolbar label,.reader-toolbar a{font-size:12px}
 .reader-toolbar select{max-width:100px}
 .reader-options label{gap:5px}
 .reader-viewport{height:clamp(340px,calc(100svh - 365px),720px);padding:8px 12px 14px}
 .reader-feedback{padding-inline:16px}
 .reader-hint{font-size:11px}
 .is-expanded .reader-toolbar{flex-shrink:0}
}
@media(max-width:480px){
 .journal-edition{grid-template-columns:100px minmax(0,1fr);gap:20px}
 .journal-edition h2{font-size:23px}
 .journal-cover-type{padding:12px}
 .journal-cover-type strong{font-size:21px}
 .journal-index-heading{padding-block:24px}
 .journal-index-heading h1{font-size:34px}
 .reader-options label{font-size:0}
 .reader-options select{font-size:12px}
}


.reader-failed .reader-viewport,.reader-failed .reader-hint{display:none}
.reader-failed .reader-feedback{padding-block:14px 22px}

/* A compact reading page with a quiet footer. */
.journal-page .journal-heading{padding-block:14px}
.journal-page .journal-breadcrumb{margin-bottom:8px}
.journal-page .journal-heading h1{font-size:clamp(25px,2.5vw,34px)}
.journal-page .journal-heading p{margin-top:6px}
.journal-page .reader-hint{margin-top:0;padding-block:5px;font-size:11px}
.journal-page .journal-about{padding-block:6px;border-bottom:1px solid var(--line)}
.journal-page .journal-about>summary{font-size:14px;min-height:40px;padding-block:8px}
.journal-page .journal-about[open]{padding-bottom:18px}
.journal-page .site-footer{padding:14px 5%}
.journal-page .footer-top{display:none}
.journal-page .footer-bottom{padding:0;border:0;min-height:32px}
@media(max-width:640px){
 .journal-page .site-footer{padding:12px 23px}
 .journal-page .footer-bottom{gap:8px 14px;line-height:1.5}
 .journal-page .reader-hint{line-height:1.5}
}

/* Content-sized edition rows; intrinsic image height must not stretch the row. */
.journal-editions{padding-bottom:28px}
.journal-edition{grid-template-columns:90px minmax(0,1fr);gap:24px;padding:20px 0;align-items:center}
.journal-edition h2{font-size:26px;line-height:1.2;margin:6px 0}
.journal-edition p{font-size:14px;line-height:1.5;margin:8px 0}
.journal-edition .meta{font-size:10px;margin:6px 0}
.journal-edition .text-link{font-size:13px;margin-top:4px}
.journal-cover>img{height:auto;aspect-ratio:3/4}
.journal-cover>img,.journal-cover-type{box-shadow:none;transform:none;transition:none}
.journal-cover:hover>img,.journal-cover:hover .journal-cover-type{transform:none}
.journal-cover-type{padding:10px;min-height:120px}
.journal-cover-type strong{font-size:18px}
.journal-cover-type span{font-size:6px}
.journal-cover-type span:last-child{display:none}
@media(max-width:480px){
 .journal-edition{grid-template-columns:64px minmax(0,1fr);gap:16px;padding:18px 0;align-items:start}
 .journal-edition h2{font-size:21px}
 .journal-edition p{font-size:13px}
 .journal-cover-type{padding:7px;min-height:85px}
 .journal-cover-type strong{font-size:14px}
}