/* book/read/bk-body.css
   The book's own shape, on the site's own pages.

   The reader at /book/reader/ shows the book set as the book is set: it loads
   the ebook's own stylesheet and its six Bodoni faces. These pages do the other
   half of the same job. They show the book as the site reads, in the site's
   Georgia stack and the site's warm-paper tokens, with the book's structure
   kept: the paragraph indents, the drop cap that opens a chapter, the scene
   breaks, the heading weights. Two deliberate presentations of one text.

   Every rule is scoped under .bk-body, except the five classes the generated
   page body needs around it. No webfont is loaded here; Bodoni belongs to the
   reader. */

/* ---- the site's own furniture around the book ---- */
.crumb{font:400 .82rem/1.5 system-ui,sans-serif;color:var(--dim,#6f6a5f);margin:0 0 1.1rem}
.crumb a{color:var(--dim,#6f6a5f);text-decoration:none;border-bottom:1px solid var(--line,#e5e1d4)}
.crumb a:hover,.crumb a:focus-visible{color:var(--green,hsl(152,45%,32%))}

.chapline{font:600 .8rem/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;
          color:var(--dim,#6f6a5f);margin:.35rem 0 0}

.edition{font-size:.85rem;margin:.2rem 0 1.6rem}

.bk-nav{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem;margin:0 0 2rem}
.bk-nav+.bk-wrapper,.bk-nav+.bk-rule{margin-top:2rem}
article.bk-body+.bk-nav,.bk-status+.bk-nav{margin:2.4rem 0 0}
.bk-nav a{display:inline-block;min-height:44px;line-height:44px}

.bk-wrapper{border-left:3px solid var(--line,#e5e1d4);padding:.1rem 0 .1rem 1.1rem;
            margin:0 0 1.8rem;color:#3a372f}
.bk-wrapper h2{font:600 .74rem/1 system-ui,sans-serif;letter-spacing:.12em;
               text-transform:uppercase;color:var(--green,hsl(152,45%,32%));margin:0 0 .6rem}
.bk-wrapper p{font-size:.99rem;margin:.6rem 0}

.bk-rule{border:0;border-top:1px solid var(--line,#e5e1d4);margin:2.2rem 0 2.4rem}

.bk-status{margin:2.6rem 0 0;padding:1.2rem 1.2rem .4rem;background:#f6f4ea;
           border:1px solid var(--line,#e5e1d4);border-radius:6px}
.bk-status h2{font:600 .74rem/1 system-ui,sans-serif;letter-spacing:.12em;
              text-transform:uppercase;color:var(--green,hsl(152,45%,32%));margin:0 0 .5rem}
.bk-status-dl{margin:.9rem 0;font-size:.95rem}
.bk-status-dl dt{font:600 .68rem/1 system-ui,sans-serif;letter-spacing:.08em;
                 text-transform:uppercase;color:var(--dim,#6f6a5f);margin-top:.7rem}
.bk-status-dl dd{margin:.2rem 0 0}

/* ---- the book's own shape ---- */
.bk-body{margin-top:0}

/* Vellum's structural wrappers carry no visual role on this page. */
.bk-body .element,.bk-body .text,.bk-body .heading,.bk-body .heading-contents,
.bk-body .title-subtitle-block,.bk-body .title-block,.bk-body .element-number-block{
  display:block;margin:0;padding:0}

/* Chapter and section headings. The page's own <h1> names the section above the
   rule; the book's heading repeats it inside its own text, where it belongs. */
.bk-body .element-number{font:600 .74rem/1 system-ui,sans-serif;letter-spacing:.12em;
  text-transform:uppercase;color:var(--dim,#6f6a5f);margin:0 0 .35rem}
.bk-body .element-title{font:400 1.65rem/1.25 Georgia,'Source Serif 4',serif;
  margin:.2rem 0 1.6rem;text-wrap:balance;color:var(--ink,#222)}
.bk-body .section-title{font:600 1.15rem/1.35 Georgia,'Source Serif 4',serif;
  margin:2.2rem 0 .7rem;color:var(--ink,#222)}
.bk-body .subhead{font:600 .78rem/1.4 system-ui,sans-serif;letter-spacing:.1em;
  text-transform:uppercase;color:var(--dim,#6f6a5f);margin:2rem 0 .5rem}
.bk-body h1,.bk-body h2,.bk-body h3{text-wrap:balance}

/* Paragraphs. A first paragraph sits flush; every one after it is indented,
   which is how the book is set and how a printed page reads. */
.bk-body p{margin:0}
.bk-body p.subsq{text-indent:1.35em;margin:0}
.bk-body p.first,.bk-body p.first-full-width,.bk-body p.paragraph-follows{text-indent:0}
.bk-body p.first{margin-top:0}
.bk-body p+p{margin-top:0}
.bk-body .text>p:first-child{margin-top:0}

/* Small caps on the opening phrase of a section, as the book sets it. */
.bk-body .first-phrase{font-variant-caps:small-caps;letter-spacing:.02em}

/* The drop cap that opens a chapter, sized to the site's Georgia stack rather
   than to Bodoni: float three lines, optically aligned, never on a phone where
   a three-line float crowds a narrow measure. */
.bk-body .first-letter{float:left;font:400 3.45rem/0.82 Georgia,'Source Serif 4',serif;
  color:var(--green,hsl(152,45%,32%));padding:.06em .09em 0 0;margin:.04em 0 -.06em 0}
.bk-body p.first-with-first-letter-a .first-letter,
.bk-body p.first-with-first-letter-i .first-letter{padding-right:.13em}
@media(max-width:32rem){
  .bk-body .first-letter{float:none;font-size:1em;line-height:inherit;color:inherit;
    padding:0;margin:0}
}

/* Scene breaks. The ebook ships both an image and a text fallback; the image is
   the one the book shows, so the fallback is hidden and the image is centred at
   the width the markup names. */
.bk-body .ornamental-break{margin:1.9rem 0;text-align:center}
.bk-body .ornamental-break-block{display:block}
.bk-body .ornamental-break-size-container{display:block;margin:0 auto}
.bk-body .ornamental-break-width-188{max-width:188px}
.bk-body .ornamental-break-image{display:block;width:100%;height:auto;opacity:.55}
.bk-body .ornamental-break-as-text{display:none}
.bk-body .ornamental-break+p{text-indent:0}

/* Quotations and verse. */
.bk-body blockquote{margin:1.5rem 0 1.5rem 1.4rem;padding-left:1rem;
  border-left:2px solid var(--line,#e5e1d4);color:#3a372f}
.bk-body blockquote p{text-indent:0}
.bk-body blockquote.verse p,.bk-body blockquote.prose p{margin:.35rem 0}

/* Lists, notes and links inside the book's own text. */
.bk-body ul,.bk-body ol{margin:1rem 0 1rem 1.4rem;padding:0}
.bk-body li{margin:.35rem 0}
.bk-body li p{text-indent:0}
.bk-body a{color:var(--green,hsl(152,45%,32%));overflow-wrap:anywhere}
.bk-body .text-is-url{font-size:.92em}
.bk-body img{max-width:100%;height:auto}
.bk-body hr{border:0;border-top:1px solid var(--line,#e5e1d4);margin:1.8rem auto;max-width:8rem}
.bk-body table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.95rem}
.bk-body .bibliography-content p,.bk-body .about-author-content p{text-indent:0;margin:.7rem 0}

/* The way in to the reader (13 September 2026). These pages stay the citable ones and
   the button never competes with them: it is one pill above the reading text, and on a
   phone it is the full width of the column so it is a 44px target wherever a thumb
   lands. The :active rule is not decoration here. These pages load /polish.css, whose
   *{-webkit-tap-highlight-color:transparent} removes the platform's own press feedback,
   so without it a tap on this button looks dead. */
.bk-enter-row{margin:0 0 2rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem}
.bk-enter{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  box-sizing:border-box;min-height:44px;padding:0 1.1rem;border-radius:999px;
  background:var(--green,#123a31);color:#fbfaf7;text-decoration:none;
  font:600 .84rem/1 system-ui,sans-serif;letter-spacing:.02em;
  box-shadow:0 1px 3px rgba(28,28,25,.06);transition:box-shadow 150ms ease}
.bk-enter:hover{box-shadow:0 4px 14px rgba(28,28,25,.08)}
.bk-enter:focus-visible{outline:2px solid #123a31;outline-offset:2px}
.bk-enter:active{box-shadow:none;transform:translateY(1px)}
.bk-enter-note{font:400 .8rem/1.4 system-ui,sans-serif;color:#6f6a5f}
@media(max-width:720px){.bk-enter{display:flex;width:100%}.bk-enter-row{display:block}
  .bk-enter-note{display:block;margin-top:.4rem}}
@media(prefers-reduced-motion:reduce){.bk-enter{transition:none}.bk-enter:active{transform:none}}
@media print{.bk-enter-row{display:none}}