@font-face{font-family:JournalReading;src:url("assets/reading-normal.ba092bd7d6c3.woff2") format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:JournalReading;src:url("assets/reading-italic.3103ee0fc948.woff2") format('woff2');font-style:italic;font-weight:400 600;font-display:swap}

.reading-page{--reading-measure:680px;text-align:left}
.reading-page .article-heading{max-width:var(--reading-measure);margin:56px 0 32px;text-align:left}
.reading-page .article-heading h1{font-family:JournalReading,Georgia,serif;font-size:clamp(36px,4.5vw,60px);font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:19px 0 23px;text-wrap:pretty}
.reading-page .article-heading .dek{font:17px/1.7 Journal,Arial,sans-serif;max-width:59ch;margin:0;color:var(--muted)}
.reading-page .article-heading .post-meta{justify-content:flex-start;flex-wrap:wrap;gap:12px;margin-top:24px;font-size:12px;line-height:1.7}
.reading-page .cover-figure{max-width:var(--reading-measure);margin:0}
.reading-page .article-hero{aspect-ratio:16/10;border-radius:3px;overflow:hidden}
.reading-page .article-caption{display:block;text-align:left;font:12px/1.65 Journal,Arial,sans-serif;margin-top:12px}
.reading-page .article-layout{display:grid;grid-template-columns:minmax(0,var(--reading-measure));justify-content:start;gap:32px;margin-top:40px}
.reading-page .article-toc{display:none}
.reading-page .article-body{min-width:0;font-family:JournalReading,Georgia,serif;font-size:20px;font-weight:400;line-height:1.8;letter-spacing:0;text-align:left;overflow-wrap:break-word}
.reading-page .rich-copy p{margin:0 0 1.3em}
.reading-page .article-body > .rich-copy:first-of-type > p:first-child::first-letter{float:left;font:500 4.2em/.82 JournalReading,Georgia,serif;margin:.095em .12em 0 0;color:var(--ink)}
.reading-page .article-body h2{font:600 clamp(27px,2.8vw,34px)/1.25 JournalReading,Georgia,serif;letter-spacing:-.025em;margin:1.7em 0 .7em;scroll-margin-top:35px;text-align:left}
.reading-page .rich-copy h3{font:600 24px/1.35 JournalReading,Georgia,serif;margin:1.5em 0 .65em}
.reading-page .rich-copy strong{font-weight:600}
.reading-page .rich-copy :is(u,a){text-underline-offset:.17em;text-decoration-thickness:1px}
.reading-page .rich-copy :is(ul,ol){margin:0 0 1.3em;padding-inline-start:1.25em}
.reading-page .rich-copy li{padding-inline-start:.2em;margin:.45em 0}
.reading-page .article-body blockquote{font:400 italic 26px/1.5 JournalReading,Georgia,serif;margin:1.4em 0;padding:2px 0 2px 22px;border-left:2px solid var(--line);color:var(--ink);text-align:left}
.reading-page .article-body cite{font:12px/1.6 Journal,Arial,sans-serif;color:var(--muted)}
.reading-page .body-picture{margin:36px 0}
.reading-page .body-picture figcaption{font:12px/1.7 Journal,Arial,sans-serif;text-align:left}
.reading-page .article-end{margin:44px 0 54px;align-items:center;gap:20px}
.reading-page .latest{margin-top:20px}

@media(min-width:1200px){
    .reading-page .article-layout{grid-template-columns:120px minmax(0,var(--reading-measure))}
    .reading-page :is(.article-heading,.cover-figure){margin-inline-start:152px}
    .reading-page .article-toc{display:block;font-size:12px;line-height:1.7}
    .reading-page .article-ad-rail:empty{display:none}
    .reading-page .article-layout:has(.article-ad-rail .journal-ad){grid-template-columns:120px minmax(0,var(--reading-measure)) 300px}
    .reading-page:has(.article-ad-rail .journal-ad) :is(.article-heading,.cover-figure){margin-inline-end:332px}
}
@media(max-width:600px){
    .reading-page .article-heading{margin-top:34px;margin-bottom:27px}
    .reading-page .article-heading h1{font-size:36px;line-height:1.15;margin:16px 0 20px;letter-spacing:-.03em}
    .reading-page .article-heading .dek{font-size:15px;line-height:1.75}
    .reading-page .article-heading .post-meta{font-size:11px;gap:9px;margin-top:20px}
    .reading-page .article-layout{margin-top:30px}
    .reading-page .article-body{font-size:18px;line-height:1.78}
    .reading-page .article-body > .rich-copy:first-of-type > p:first-child::first-letter{font-size:3.8em;margin-top:.1em}
    .reading-page .article-body h2{font-size:27px;margin-top:1.5em}
    .reading-page .rich-copy h3{font-size:23px}
    .reading-page .article-body blockquote{font-size:23px;padding-inline-start:17px}
    .reading-page .article-hero{aspect-ratio:4/3}
}