@charset "UTF-8";
/* The approved phone app does not load this desktop-only stylesheet. */
@media(min-width:901px),(pointer:fine){
.view-switch{display:flex;align-items:center;gap:3px;border:1px solid #d7cdbd;border-radius:20px;padding:3px;margin-left:0;flex:none}
.view-switch a{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:15px;font-size:10px;white-space:nowrap;color:#897c6a}
.view-switch a[aria-current=page]{background:#e8dfd1;color:#514735}
.view-switch svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.25}
.site-header:has(.view-switch){gap:28px}.site-header:has(.view-switch) .menu-button{margin-left:0}
.admin-entry{position:relative;width:27px;height:27px;display:inline-flex!important;justify-content:center;align-items:center;color:#968977!important;border:1px solid #b6a88d66;border-radius:50%;flex:none}
.admin-entry svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.admin-entry>span{position:absolute;bottom:36px;right:-1px;background:var(--ink);color:var(--paper);padding:7px 10px;white-space:nowrap;font:10px var(--sans);opacity:0;visibility:hidden;transition:opacity .15s;pointer-events:none}
.admin-entry:hover,.admin-entry:focus-visible{border-color:var(--accent);color:var(--accent)!important}.admin-entry:hover>span,.admin-entry:focus-visible>span{visibility:visible;opacity:1}
html[data-presentation=reading]{--paper:#f7f3ec;--ink:#34382e;--line:#d9d2c4;--muted:#8c877a;--accent:#7f6954;scroll-padding-top:162px}
html[data-presentation=reading] .site-header{background:#f7f3eced}
body.home-reading #main{min-height:70vh}
.reading-bar{position:sticky;top:94px;z-index:14;background:#f7f3ecee;backdrop-filter:blur(15px);display:flex;align-items:center;gap:30px;margin:0 var(--pad);height:58px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.reading-themes{display:flex;gap:32px;align-items:center;overflow-x:auto;overflow-y:hidden;min-width:0;flex:1;padding:12px 2px;scrollbar-width:thin;scrollbar-color:#c6b59f transparent}
.reading-themes a{display:flex;gap:8px;align-items:baseline;flex:none;max-width:220px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;color:var(--muted);border-bottom:1px solid transparent;padding:2px 0}
.reading-themes a[aria-current=page]{color:var(--ink);border-color:var(--accent)}.reading-themes small{font:8px var(--mono);color:var(--muted)}
#readingAllThemes{flex:none;font-size:10px;padding:12px 0}
.reading-chapter{max-width:1720px;margin:0 auto;padding:0 var(--pad)}
.reading-heading{padding:25px 0 30px}.reading-eyebrow{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.reading-eyebrow>span:last-child{font:9px var(--mono)}
.reading-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:16px}
.reading-title-row h1{font:450 clamp(70px,7.2vw,120px)/1.1 var(--sans);letter-spacing:-.065em;margin:0;max-width:80%;overflow-wrap:anywhere}
.reading-meta{display:flex;align-items:center;gap:22px;font-size:10px;color:var(--muted);padding-bottom:10px;white-space:nowrap}.reading-down{display:grid;place-items:center;border:1px solid #c8bfae;border-radius:50%;width:31px;height:31px;font-size:19px;color:var(--accent);margin-left:12px}
.reading-spread{--image-height:min(68svh,700px);position:relative;margin:0 0 clamp(85px,10vw,170px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,110px);align-items:end}
.reading-page-mark{position:absolute;left:0;top:-20px;display:flex;align-items:center;gap:9px;color:#a29c8c;font:8px var(--mono)}.reading-page-mark i{display:block;width:25px;height:1px;background:#c6bdac}
.reading-figure{margin:0;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.reading-photo{display:block;position:relative;width:min(100%,calc(var(--image-height)*var(--ratio)));aspect-ratio:var(--ratio);background:#e9e7de;cursor:zoom-in;overflow:hidden;flex:none}
.reading-photo img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.reading-error{position:absolute;inset:0;display:grid;place-items:center;background:#e9e7de;color:var(--ink);font-size:11px;padding:15px}
.reading-figure figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;width:min(100%,calc(var(--image-height)*var(--ratio)));margin-top:12px;color:var(--muted);font-size:9px}.reading-figure figcaption>span:first-child{font:9px var(--mono)}
.reading-figure figcaption a,.reading-figure figcaption>span:last-child:not(:first-child){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:85%}
.reading-spread--opening{grid-template-columns:5fr 7fr;--image-height:min(65svh,700px);align-items:start;margin-bottom:110px}
.reading-spread--opening .reading-figure:last-child{align-self:start;margin-top:clamp(50px,5vw,85px)}
.reading-spread--opening .reading-figure:last-child figcaption{padding-bottom:18px;border-bottom:1px solid var(--line)}
.reading-spread--pair{grid-template-columns:7fr 5fr}.reading-spread--pair .reading-figure:last-child{align-items:flex-end}.reading-spread--pair .reading-figure:first-of-type{padding-bottom:55px}
.reading-spread--pair:has(.reading-figure:first-of-type[style*="--ratio:0."]){grid-template-columns:5fr 7fr}
.reading-spread--portraits{padding-left:8%;padding-right:8%;column-gap:10%;justify-items:center;--image-height:min(68svh,670px)}
.reading-spread--portraits .reading-figure{align-items:center;width:100%}
.reading-spread--hero,.reading-spread--single,.reading-spread--wide{display:block;--image-height:min(80svh,950px)}
.reading-spread--single{padding:0 9%}.reading-spread--hero .reading-figure,.reading-spread--single .reading-figure,.reading-spread--wide .reading-figure{width:100%;align-items:center}
.reading-spread--tinted{background:#e9ece2;padding:clamp(28px,3.5vw,65px);margin-left:0;margin-right:0;--image-height:min(66svh,640px)}
.reading-spread--tinted .reading-page-mark{top:15px;left:16px}.reading-spread--tinted.reading-spread--single,.reading-spread--tinted.reading-spread--wide{padding:clamp(28px,3.5vw,65px)}
.reading-end{border-top:1px solid var(--line);padding-top:24px;margin-top:-25px;padding-bottom:75px;display:grid;grid-template-columns:1fr 2fr;gap:40px}
.reading-end>span{font:10px var(--mono);color:var(--muted)}.reading-end>a{display:flex;flex-direction:column;gap:18px}.reading-end small{font-size:10px;color:var(--muted)}.reading-end>a>span{font-size:clamp(40px,5vw,90px);line-height:1.2;letter-spacing:-.04em;display:flex;justify-content:space-between;gap:20px}.reading-end i{font-style:normal;color:#9b8f78}.reading-end a:hover i{transform:translate(5px,-5px);transition:transform .25s}
body.home-reading .site-footer{padding-top:45px;background:#eae8dd}.home-reading .footer-brand{font-size:clamp(65px,9vw,155px)}.home-reading .footer-top{padding-bottom:35px}
@media(max-width:1150px){.view-switch a{padding:5px 8px}.site-header:has(.view-switch){gap:22px}.main-nav{gap:25px}.reading-meta{gap:14px}.reading-heading{padding-top:28px}.reading-spread{column-gap:40px}}
@media(prefers-reduced-motion:reduce){.reading-end a:hover i{transform:none}.admin-entry>span{transition:none}}
}
