/* Shared article typography and page box, used by both public reader and studio. */
.reading-surface{background:var(--reading-paper,#fffdf5);color:var(--reading-color,#485047);overflow:hidden}
.reading-surface .reader-content{height:100%;display:flex;flex-direction:column;padding:var(--reading-padding,42px);opacity:1;min-height:0}
.reading-surface .reader-viewport{flex:1;min-height:0;overflow:hidden;position:relative;touch-action:pan-y}
.reading-surface .page-flow{height:100%;column-fill:auto;transform:translate3d(0,0,0)}
.reading-surface .reader-title{font:var(--reading-title,30px)/1.5 var(--reading-font,"LXGW WenKai",serif);margin:0 0 23px;padding:0 0 24px;border-bottom:1px solid #76846530;break-after:avoid;outline:none;overflow-wrap:anywhere}
.reading-surface .article-body,.writing #body{font:var(--reading-size,18px)/var(--reading-line,1.95) var(--reading-font,"LXGW WenKai",serif);color:var(--reading-color,#485047);text-align:var(--reading-align,left);overflow-wrap:anywhere}
.reading-surface .article-body p,.writing #body p{font-size:inherit;line-height:inherit;margin:0 0 var(--reading-gap,24px);text-indent:var(--reading-indent,0);orphans:2;widows:2}
.reading-surface .article-body :is(h2,h3,h4),.writing #body :is(h2,h3,h4){font-family:var(--reading-font,"LXGW WenKai",serif);font-weight:400;line-height:1.5;margin:28px 0 16px;break-after:avoid}
.reading-surface .article-body h2,.writing #body h2{font-size:1.4em}.reading-surface .article-body h3,.writing #body h3{font-size:1.25em}.reading-surface .article-body h4,.writing #body h4{font-size:1.1em}
.reading-surface blockquote,.writing #body blockquote{font:inherit;margin:24px 0;padding:8px 18px;border-left:2px solid #9caf8d;text-indent:0;background:none;color:inherit}
.reading-surface figure{margin:24px 0;padding:16px;background:#e8eee4;break-inside:avoid}.reading-surface svg{width:100%;height:100px;fill:none;stroke:#70846e}.reading-surface figcaption{display:none}
.reading-surface .related-links{display:flex;flex-wrap:wrap;gap:12px 20px;border-top:1px solid #76846530;margin-top:24px;padding-top:20px;font:16px/1.7 "LXGW WenKai",serif}.reading-surface .related-links a{color:inherit;border-bottom:1px solid #8c9c8077}
.reading-surface .reader-pagination{flex:none;display:flex;align-items:center;justify-content:space-between;margin-top:18px;font:16px "LXGW WenKai",serif}.reading-surface .reader-pagination button{padding:8px 12px;background:none;border:0;color:inherit;font:inherit;cursor:pointer}.reading-surface .reader-pagination button:disabled{opacity:.3}

.reading-surface .article-body .lead{font-size:inherit;color:inherit}.reading-surface .page-flow p{break-inside:avoid;orphans:3;widows:3}.reading-surface .page-flow :is(figure,blockquote,.related-links){break-inside:avoid}.reading-surface .related-links a{padding-bottom:3px}

.reading-surface{box-shadow:var(--reading-shadow,4px 12px 22px #34473533)}

.reading-surface .reader-content{gap:0}.reading-surface .page-flow{position:absolute;inset:0;width:100%;height:100%;column-count:auto;overflow:visible}.reading-surface .reader-pagination{height:38px;color:#79846e;font-variant-numeric:tabular-nums}.reading-surface .reader-pagination button:first-child,.reading-surface .reader-pagination button:last-child{margin:0}.reading-surface .page-number{letter-spacing:.14em}