/* Warm paper reading pages; mastheads and end cards retain the house palette. */
body.reading-page{background:#f5f0e6;color:#292724}
.reading-page:before{display:none}
.reading-page>header,.reading-page .story-hero{color:#f6f3ed}
.reading-page .story-hero{position:relative;top:auto;z-index:auto}
.reading-page .story-cover figcaption{color:#655e55}
.reading-page .story-cover img{border-color:#d9cfc0}
.reading-page .story-layout{--line:rgba(51,42,31,.2)}
.reading-page .story-body{color:#302c27;font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;line-height:1.75;text-align:left;overflow-wrap:break-word}
.reading-page .author-card,.reading-page .article-newsletter,.reading-page .article-sources{font-family:"DM Sans",sans-serif}
.reading-page .story-body>p{margin-bottom:1.6em}
.reading-page .story-lede,.reading-page .statement,.reading-page .closing{color:#252321}
.reading-page .story-body h2{color:#a61b2b;line-height:1.02}
.reading-page .framework h3,.reading-page .final-question{color:#a61b2b}
.reading-page .human-list{background:#eee5d6;border-color:#967024;color:#59451f}
.reading-page .contrast-lines{background:#eee5d6;border-left-color:#967024}
.reading-page .contrast-lines strong{color:#8b1725}
.reading-page .story-body sup a{color:#991a29}
.reading-page .share-rail>span,.reading-page .share-rail small{color:#77561d}
.reading-page .share-rail a,.reading-page .share-rail button{color:#382f29;border-color:#c5b8a5}
.reading-page .share-rail a:hover,.reading-page .share-rail button:hover{color:#fff}
.reading-page .article-sources{background:#ece4d7;border-color:#cec1ad}
.reading-page .article-sources>span{color:#77561d}
.reading-page .article-sources li{color:#514b43}
.reading-page .article-sources a{color:#8b1725;text-decoration-thickness:1px;text-underline-offset:3px}
.reading-page .pullquote,.reading-page .author-card,.reading-page .article-newsletter{color:#f6f3ed;--line:rgba(255,255,255,.14)}
.reading-page .story-share-end{color:#f6f3ed}
.reading-page .article-newsletter h2{color:#f6f3ed}
.reading-page .story-layout>.article-newsletter{grid-column:2}
.reading-page a:focus-visible,.reading-page button:focus-visible,.reading-page input:focus-visible{outline:3px solid #967024;outline-offset:4px}
@media(max-width:800px){.reading-page .story-layout>.article-newsletter{grid-column:1}}
@media(max-width:480px){.reading-page .story-body{font-size:1.125rem;line-height:1.75}}
