/* The original paged edition remains in index.html. This sheet scopes the reading edition. */
html:has(.reading-edition){scrollbar-gutter:stable;scroll-behavior:auto}
.reading-edition{--sidebar-width:clamp(230px,23.2vw,420px);--article-inset:clamp(72px,15vw,280px);--reader-paper:#f7f3eb}
/* Both boards overhang the paper equally; keep the hinge on the page spine. */
.reading-edition .front-cover,.reading-edition .back-board{inset:-3px -8px -8px -4px}
.reading-edition .front-cover{transform-origin:4px center}
/* Click the physical surfaces; these targets disappear before either leaf moves. */
.book-page-target{position:absolute;top:0;width:100%;height:100%;padding:0;background:transparent;transform:translateZ(3px);z-index:8}
.book-page-back{left:-100%}
.book-page-forward{left:0}
.book-page-target:focus-visible{outline-offset:-8px}
.reading-edition .title-emblem{filter:brightness(1.07) saturate(.8)}
.reading-edition .intro-preview .page-body{padding-top:0}

.reading-edition .reader{position:relative;background:var(--reader-paper);min-height:100svh}
.reader-index{position:fixed;z-index:4;top:0;bottom:0;left:0;width:var(--sidebar-width);background:#f1ede4;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbbb9e transparent}
.index-inner{padding:46px clamp(24px,3.2vw,60px) 35px;min-height:100%;display:flex;flex-direction:column;align-items:stretch}
.reader-brand{display:block;background:none;padding:0;max-width:230px;width:100%;text-align:left}
.reader-brand img{width:100%;height:auto;display:block}
.mobile-reader-brand{display:none}
.reader-only #book-experience,.reader-only .notebook-return{display:none}
.reader-only .mobile-reader-brand{display:block}
.index-edition{font-size:12px;line-height:1.8;letter-spacing:.11em;text-transform:uppercase;color:#92816a;margin:23px 0 50px}
.article-index{display:flex;flex-direction:column;gap:4px}
.article-index a{display:flex;align-items:baseline;gap:15px;color:#777469;padding:13px 0;font-size:15px;line-height:1.5;text-decoration:none;transition:color .2s}
.article-index a span{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.07em;color:#a9987e;flex:none}
.article-index a:hover,.article-index a[aria-current='location']{color:#20354b}
.article-index a[aria-current='location']{font-weight:600}
.article-index a[aria-current='location'] span{color:#a36145}
.return-button{background:none;text-align:left;padding:16px 0;margin-top:38px;color:#7e776a;font-size:13px;line-height:1.5}
.return-button:hover{color:#a36145}
.return-button span{margin-right:7px}
.index-motto{margin:auto 0 0;padding-top:38px;color:#a0927c;font-size:13px;font-style:italic}
.reader-paper{margin-left:var(--sidebar-width);min-height:100svh;background:var(--reader-paper);padding:0 5.5vw 0 var(--article-inset)}
.article-column{max-width:720px;padding:80px 0 90px;outline:none}
.reader-section{scroll-margin-top:62px;padding-bottom:62px;margin-bottom:58px;border-bottom:1px solid #bbab8c42}
.reader-section:last-of-type{margin-bottom:0}
.reader-section h1,.reader-section h2{font-weight:400;font-size:clamp(32px,3.1vw,47px);line-height:1.15;letter-spacing:-.035em;text-wrap:balance;margin:0 0 36px;color:#21354b}
.reader-section h2{font-size:clamp(29px,2.6vw,39px)}
.reader-section h2 br{display:none}
.reader-section h2 br::after{content:' '}
.reader-section p,.reader-section li{font-size:clamp(19px,1.65vw,24px);line-height:1.8;margin:0 0 25px;color:#343d43}
.reader-section p:last-child{margin-bottom:0}
.reader-section .lead{font-size:clamp(21px,1.8vw,26px);line-height:1.65}
.reader-section .small-copy{font-size:clamp(18px,1.4vw,21px);line-height:1.8}
.reader-section .margin-note{padding-left:22px;margin:34px 0;border-left-color:#b5a07b;color:#857459}
.reader-section .business-steps{margin:30px 0;padding-left:27px}
.reader-section .business-steps li{padding-left:10px;margin-bottom:22px}
.reader-section .closing-quote{font-size:clamp(26px,2.4vw,35px)!important;margin:45px 0!important;color:#233a51}
.article-kicker{font-size:12px!important;letter-spacing:.13em;text-transform:uppercase;color:#9a8565!important;margin:0 0 25px!important}
.article-colophon{padding-top:38px;display:flex;justify-content:space-between;gap:25px;align-items:center;color:#a08a68;font-size:12px;line-height:1.7;letter-spacing:.06em}
.article-colophon button{background:none;font-size:14px;border-bottom:1px solid #c3ae8b;padding:8px 0;color:#7f6d54}
.reader-spine{position:fixed;top:0;bottom:0;left:var(--sidebar-width);width:1px;background:#c8bda8;z-index:5;pointer-events:none}
.mobile-index-toggle{display:none}
.reader.is-preparing{position:fixed;inset:0;visibility:hidden;pointer-events:none;overflow:hidden}
.reader.is-preparing .reader-paper{height:100vh;overflow:hidden}
.reader.is-entering{visibility:visible;pointer-events:none}
.reader.is-entering .reader-paper{position:fixed;left:var(--sidebar-width);right:0;top:0;height:100vh;min-height:0;margin-left:0;overflow:hidden}
.reader.is-entering .reader-index{height:100vh;bottom:auto;overflow:hidden}
.reader.is-entering .reader-spine{height:100vh;bottom:auto}
.reader.is-entering .index-inner,.reader.is-entering .article-column{will-change:opacity}
.reader.is-entering .reader-index,.reader.is-entering .reader-paper{will-change:transform;transform-origin:top left}
.reading-edition[data-mode='reader']::before{opacity:0}
.reading-edition[data-mode='transition']{overflow:hidden}
.reading-edition[data-mode='transition'] #book-experience{pointer-events:none}
.zoom-layer{position:fixed;inset:0;z-index:30;pointer-events:none;overflow:hidden;perspective:2400px}
.zoom-page{position:absolute;transform-origin:top left;box-shadow:0 5px 25px #392e2228;background:var(--page);overflow:hidden}
.zoom-page>.paper-page{transform:none!important;visibility:visible!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;pointer-events:none}
.reading-edition .preview-reading-page .page-body{overflow:hidden}
.reading-edition .preview-reading-page h2{font-size:26px}
.reading-edition .preview-reading-page p{font-size:16px}
.reading-edition .book-spine{position:absolute;top:0;bottom:0;left:0;width:1px;background:#a795736b;z-index:7;pointer-events:none}
.reading-edition[data-busy='true'] #book-experience button{pointer-events:none}
@media(hover:none) and (pointer:coarse){
  /* Touch devices also skip the book when loaded in landscape. */
  .reading-edition #book-experience,.reading-edition .notebook-return{display:none}
  .reading-edition .mobile-reader-brand{display:block}
  .reading-edition::before{display:none}
}
@media(min-width:1700px){.reading-edition{--article-inset:clamp(230px,22vw,450px)}}
@media(max-width:1100px){.reading-edition{--sidebar-width:240px;--article-inset:64px}.index-inner{padding:35px 26px}.index-edition{margin-bottom:30px}.article-index a{font-size:14px;padding:10px 0}.reader-paper{padding-right:45px}.article-column{padding-top:60px}.reader-section p,.reader-section li{font-size:20px}}
@media(max-width:720px){
  .reading-edition{--sidebar-width:0px;--article-inset:24px}
  /* Hide the introduction before JavaScript runs: no cover flash on phones. */
  .reading-edition #book-experience,.reading-edition .notebook-return{display:none}
  .reading-edition .mobile-reader-brand{display:block}
  .reading-edition::before{display:none}
  .reader-index{position:sticky;top:0;width:100%;height:auto;bottom:auto;border-bottom:1px solid #cabca344;box-shadow:0 4px 16px #f7f3ebc9;background:#f5f1e8f5;z-index:6;max-height:76svh}
  .index-inner{padding:14px 24px;min-height:0;display:grid;grid-template-columns:1fr auto;gap:0 16px;align-items:center}
  .reader-brand{width:156px}.index-edition,.index-motto{display:none}
  .mobile-index-toggle{display:flex;grid-row:1;grid-column:2;align-items:center;justify-content:space-between;gap:12px;min-height:44px;background:none;text-align:left;font-size:14px;color:#877459;padding:10px 0;letter-spacing:.02em}
  .mobile-index-toggle span{font-size:18px;line-height:1}
  .article-index{display:none;grid-column:1/-1;padding:5px 0 10px;gap:1px}
  .reader-index.is-expanded .article-index{display:flex}
  .article-index a{padding:11px 0;font-size:15px}
  .reader-paper{margin-left:0;padding:0 24px}
  .article-column{padding:40px 0 65px;width:100%;max-width:none}
  .reader-spine{display:none}
  .reader-section{scroll-margin-top:calc(var(--mobile-reader-header,73px) + 24px);padding-bottom:38px;margin-bottom:42px}
  .reader-section h1{font-size:36px;line-height:1.12;margin-bottom:28px}
  .reader-section h2{font-size:30px;line-height:1.17;margin-bottom:25px}
  .reader-section p,.reader-section li{font-size:19px;line-height:1.75;margin-bottom:22px}
  .reader-section .lead{font-size:21px}
  .reader-section .small-copy{font-size:18px}
  .article-colophon{font-size:12px;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.reader-index,.reader-paper,.reader-spine,.article-column,.index-inner{will-change:auto!important}}
@media print{#book-experience,.reader-index,.reader-spine,.article-colophon button{display:none!important}.reader{display:block!important;background:white}.reader-paper{margin:0;padding:0;background:white}.article-column{max-width:none;padding:0}.reader-section{break-inside:auto;border:0;padding-bottom:20px;margin-bottom:20px}.reader-section p{font-size:12pt}.reader-section h1,.reader-section h2{break-after:avoid}.reader-section h1{font-size:25pt}.reader-section h2{font-size:20pt}}