/* Quiet reading pages, aligned with the player reader. */
html{background:#1c201e!important;color:#f3f2ee!important;color-scheme:dark;font-family:"EB Garamond",Georgia,serif!important}
body{background:#1c201e!important;color:#f3f2ee!important;font-size:20px!important;line-height:1.65!important}
main{max-width:780px!important;padding:clamp(28px,6vw,72px) 24px 64px!important}
a{color:inherit;text-underline-offset:5px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #f3f2ee;outline-offset:4px}
.top{align-items:center;border-bottom:1px solid #f3f2ee30!important;gap:16px!important}
.k{font:14px/1.5 "EB Garamond",Georgia,serif!important;letter-spacing:.035em!important;text-transform:lowercase!important;color:#b9bcb7!important;opacity:1!important}
a.k{display:inline-flex;align-items:center;min-height:44px;color:#f3f2ee!important}
h1{font-size:clamp(36px,7vw,60px)!important;font-weight:400;line-height:1.12!important;overflow-wrap:anywhere}
article{font-size:clamp(20px,2.4vw,23px)!important;line-height:1.65!important}
.note{border-color:#f3f2ee30!important;font:16px/1.6 "EB Garamond",Georgia,serif!important;opacity:1!important;color:#b9bcb7}
.reading-references summary{display:list-item;min-height:44px;line-height:44px}
.reading-references a{display:inline-block;padding:6px 0}
button{min-height:44px;padding:10px 16px;background:transparent;color:#f3f2ee;border:1px solid #f3f2ee66;border-radius:3px;font:inherit;cursor:pointer}
button:hover{background:#f3f2ee12}
#status{font-size:16px;color:#b9bcb7}
@media(max-width:480px){body{margin:24px auto!important}main{padding:20px 20px 48px!important}.top{flex-wrap:wrap}}