/* Values set in Appearance → Theme Setup. Defaults here; the saved values are added inline after this file. */
:root {
	--ch-reading-width: 700px;
	--ch-article-gap: 28px;
	--ch-radius: 0px;
	--ch-thumb: 96px;
	--ch-times-display: block;
}

/* Reading width: narrows the constrained layout of article and page text only. */
.ch-prose { --wp--style--global--content-size: var(--ch-reading-width); }

/* Chapter photo size: square photographs beside entries. */
.ch-entry__thumb { flex: 0 0 var(--ch-thumb); width: var(--ch-thumb); }
.ch-entry__thumb img { width: 100%; aspect-ratio: 1; object-fit: cover; }

/* Photo corners */
.ch-entry__thumb img,
.ch-opening__photo img,
.ch-article__photo img,
.ch-about__photo img { border-radius: var(--ch-radius); }

/* Chapter times */
.ch-times { display: var(--ch-times-display); }
/* Content robustness: long unbroken words wrap inside titles, previous/next links and menu labels instead of widening the page; classic [caption] figures keep their images inside the column. */
:where(.wp-block-post-title,.wp-block-post-title a,.wp-block-query-title,.wp-block-post-navigation-link,.wp-block-post-navigation-link a,.wp-block-navigation-item__label,.wp-block-navigation-item__content){overflow-wrap:anywhere;min-width:0}
:where(.wp-block-post-content,.wp-block-post-excerpt,.wp-block-comment-content){overflow-wrap:break-word}
:where(.wp-caption){max-width:100%}
.wp-caption.wp-caption{max-width:min(100%,var(--wp--style--global--content-size,100%))}
:where(.wp-caption img){max-width:100%;height:auto}

/* Classic <pre> blocks (no block class) in post content and comments scroll inside the column instead of widening the page. */
:where(.wp-block-post-content pre,.wp-block-comment-content pre){overflow-x:auto;max-width:100%}
/* Page links on posts split with <!--nextpage-->: one wrapping row after the text, in the theme's own link style. */
:where(.post-nav-links){display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .9rem;margin-block-start:2rem}