/* The Table: readable essays and a curated front page, in the actual card-print family. */
:root{--paper:#f5ecd2;--ink:#211d19;--red:#8a2b23;--muted:#655d4d;--line:#211d1935}
body{background:var(--paper);color:var(--ink)}
::selection{background:#8a2b23;color:#fff8e8}
:focus-visible{outline:3px solid #4a78b5;outline-offset:5px}
a{text-underline-offset:.2em}
.page-width{max-width:1220px;width:calc(100% - 96px)}
.masthead{background:var(--paper);border-bottom:1px solid var(--line)}
.masthead-inner{max-width:1316px;min-height:80px;padding:16px 48px}
.brand{font-size:21px;color:var(--ink);letter-spacing:.03em}
.brand svg{fill:var(--red)}
.publication{font:italic 24px/1.2 "EB Garamond",serif;color:var(--ink);border-color:var(--line)}
.masthead-actions a{font-size:12px}
.share-trigger{border-color:var(--ink);min-height:43px;padding:10px 15px;color:var(--ink)}
.share-trigger:hover{background:var(--ink);color:var(--paper)}
.reading-line{background:var(--red)}
.article-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:65px;padding:60px 0 45px;align-items:center}
.intro-article h1{font:400 clamp(57px,6.1vw,88px)/.97 "EB Garamond",serif;letter-spacing:-.03em;max-width:660px;text-wrap:balance}
.intro-article h1 em{color:var(--red)}
.standfirst,.intro-article .standfirst{font:400 27px/1.3 "EB Garamond",serif;max-width:43ch;color:var(--ink);margin-top:25px}
.byline{font:400 11px/1.7 Inter,sans-serif;color:var(--muted);gap:10px;flex-wrap:wrap;margin-top:24px}
.byline strong{font-weight:500;color:var(--ink)}
.scene-frame{margin:0;border:0;padding:0;background:transparent}
.scene-image{mix-blend-mode:darken}
.scene-caption{font:italic 19px/1.3 "EB Garamond",serif;padding:15px 0 0;max-width:40ch;margin-inline:auto}
.art-credit{font:400 10px/1.5 Inter,sans-serif;color:var(--muted);margin-top:9px;text-align:center}
.article-sharebar{padding-top:21px;margin-top:18px}
.article-share-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font:500 12px/1.4 Inter,sans-serif}
.article-share-actions a,.article-share-actions button{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:44px;padding:11px 15px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--ink);font:500 12px/1.4 Inter,sans-serif;text-decoration:none;cursor:pointer}
.article-share-actions .share-main{background:var(--red);color:#fff8e8;border-color:var(--red)}
.article-share-actions .share-main:hover{background:#6e211b;border-color:#6e211b}
.article-share-actions button:hover,.article-share-actions a:not(.share-main):hover{background:#ede1c5;border-color:var(--ink)}
.article-share-actions .share-icon{width:17px;height:17px}
.sharebar-status{font:400 11px/1.5 Inter,sans-serif!important;min-height:17px;margin:8px 0 0!important;color:var(--muted)}
.reading-layout{grid-template-columns:170px minmax(0,720px);justify-content:center;gap:55px;padding:45px 0 55px;border-top:1px solid var(--line)}
.margin-note{position:sticky;top:115px;align-self:start;font-size:13px;padding-top:3px;color:var(--muted)}
.margin-note .small-label{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
.margin-note>p{font:400 17px/1.35 "EB Garamond",serif;margin-top:13px;color:var(--muted)}
.margin-note .section-links a{font-size:11px;line-height:1.5;color:var(--ink)}
.margin-note>a{font-size:11px;color:var(--red)}
.reading-aside{display:none}
.essay{font:400 24px/1.5 "EB Garamond",serif;letter-spacing:0;max-width:720px;min-width:0}
.essay p{margin-bottom:25px}
.essay>p:first-child{font:400 29px/1.3 "EB Garamond",serif;margin-bottom:26px}
.essay p:last-of-type,.intro-article .essay .last-line{font-size:24px;line-height:1.5}
.essay a{color:var(--red);text-decoration-thickness:1px;text-underline-offset:.17em}
.essay h2{font-size:39px;margin-top:45px}
.essay .article-sharebar{border-top:1px solid var(--line);margin-top:35px;padding-top:24px}
.essay .article-sharebar p.sharebar-status{font:400 11px/1.5 Inter,sans-serif!important}
.manual-copy input,.listing-copy-fallback{font:400 13px/1.5 Inter,sans-serif;padding:12px;border:1px solid var(--ink);background:#fff8e8;color:var(--ink);width:100%;min-width:0;caret-color:var(--red)}
.listing-copy-fallback{flex-basis:100%}
.series-navigation{padding-block:24px;border-top:1px solid var(--line)}
.series-link{border:0;padding:18px 0;min-height:90px;background:transparent}
.series-link>span:first-child{font-size:11px;letter-spacing:0;color:var(--muted)}
.series-link strong{font-size:30px;color:var(--ink)}
.afterword{padding:30px 0 38px;grid-template-columns:1fr;border-top:1px solid var(--line);gap:0}
.afterword-label{display:none}
.afterword-copy{display:flex;gap:45px;align-items:center;justify-content:space-between}
.afterword-copy p{max-width:52ch;font-size:23px;color:var(--ink)}
.afterword-copy nav{flex-shrink:0;font-size:12px;gap:20px}
.play-button{background:var(--ink);color:var(--paper);border-radius:2px;min-height:45px;font-size:12px}
.share-footer{background:#10201b;color:#f5ecd2;padding-block:40px}
.share-footer h2{font-size:42px;color:#f5ecd2}
.share-footer p{color:#f5ecd2}
.share-footer .share-links a,.share-footer .share-links button{border:1px solid #f5ecd266;color:#f5ecd2;border-radius:2px;min-height:44px;font-size:12px}
.share-footer .share-links a:hover,.share-footer .share-links button:hover{background:#f5ecd2;color:#10201b}
.share-footer .manual-copy input{background:#f5ecd2;color:#10201b}
.site-foot{color:#f5ecd2;border-color:#f5ecd244}
.site-foot a{color:#f5ecd2}
dialog{border-radius:4px;background:var(--paper);border-color:var(--ink);color:var(--ink);max-height:calc(100dvh - 36px)}
dialog::backdrop{background:#10201bb5}
.dialog-head h2{color:var(--ink)}
.dialog-close{border-radius:2px;min-width:44px;min-height:44px}
.dialog-share-links a,.dialog-share-links button{border-radius:2px;min-height:44px}
.history-nav{border-color:var(--line);flex-wrap:wrap}
.journal-index .page-width{max-width:1240px}
.table-front{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;padding:45px 0 34px;border-bottom:2px solid var(--ink)}
.table-front h1{font:400 96px/.95 "EB Garamond",serif;letter-spacing:-.04em;margin:0;color:var(--ink)}
.table-front p{font:400 25px/1.3 "EB Garamond",serif;max-width:38ch;margin:0 0 6px}
.table-navigation{display:flex;gap:28px;flex-wrap:wrap;padding:15px 0;font:500 12px/1.5 Inter,sans-serif;border-bottom:1px solid var(--line)}
.table-navigation a{padding:8px 0;text-decoration:none}
.table-navigation a:hover{text-decoration:underline}
.front-stories{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;padding:35px 0 50px}
.front-story{min-width:0}
.front-story+.front-story{border-left:1px solid var(--line);padding-left:45px}
.front-picture{display:block;max-width:390px;margin:0 auto 23px}
.front-picture img{width:100%;height:auto;mix-blend-mode:darken;aspect-ratio:1;object-fit:contain}
.front-story:last-child .front-picture{max-width:280px;margin:35px auto 45px}
.front-story h2{font:400 52px/1.04 "EB Garamond",serif;letter-spacing:-.025em;margin:0 0 18px;max-width:560px;color:var(--ink);text-wrap:balance}
.front-story:last-child h2{font-size:43px}
.front-story h2 a{text-decoration:none}
.front-story h2 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.front-story>p{font:400 23px/1.35 "EB Garamond",serif;max-width:45ch;margin-bottom:18px;color:var(--ink)}
.story-meta{font:400 11px/1.6 Inter,sans-serif;color:var(--muted);margin:0 0 15px}
.story-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;font:500 12px/1.5 Inter,sans-serif}
.story-actions a{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:8px 0;text-decoration:underline}
.story-actions [role=status]{flex-basis:100%;font-size:11px;min-height:17px;color:var(--muted)}
.archive-section{padding:40px 0 45px;border-top:2px solid var(--ink);scroll-margin-top:100px}
.archive-section>header{display:flex;align-items:baseline;gap:35px;justify-content:space-between;margin-bottom:20px}
.archive-section h2{font:400 52px/1.1 "EB Garamond",serif;letter-spacing:-.025em;margin:0;color:var(--ink)}
.archive-section>header>p{font:400 20px/1.35 "EB Garamond",serif;max-width:40ch;color:var(--muted)}
.archive-list{list-style:none;margin:0;padding:0}
.archive-entry{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:35px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}
.archive-entry:last-child{border-bottom:0}
.archive-entry h3{font:400 37px/1.12 "EB Garamond",serif;letter-spacing:-.02em;margin:0 0 10px;color:var(--ink)}
.archive-entry h3 a{text-decoration:none}
.archive-entry h3 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.archive-entry p{font:400 21px/1.35 "EB Garamond",serif;max-width:65ch;color:var(--muted);margin:0}
.archive-entry img{width:155px;height:155px;object-fit:contain;mix-blend-mode:darken}
.archive-entry .archive-reading-time{font:400 11px/1.5 Inter,sans-serif;margin-top:12px;color:var(--muted)}
.journal-footer{padding:25px 0 35px;border-top:2px solid var(--ink);color:var(--ink);font:400 11px/1.5 Inter,sans-serif;display:flex;justify-content:space-between;gap:20px}
@media(max-width:1100px){.page-width{width:calc(100% - 64px)}.masthead-inner{padding-inline:32px}.article-hero{gap:38px}.intro-article h1{font-size:75px}.reading-layout{grid-template-columns:145px minmax(0,690px);gap:32px}.table-front h1{font-size:88px}.table-front p{font-size:24px}.front-stories{gap:38px}.front-story+.front-story{padding-left:32px}.front-story h2{font-size:47px}.front-story:last-child h2{font-size:40px}.front-story:last-child .front-picture{margin:28px auto 32px}.afterword-copy{gap:25px}}
@media(max-width:800px){.page-width{width:calc(100% - 40px)}.masthead-inner{padding:14px 20px;min-height:72px}.article-hero{gap:30px;padding-top:40px}.intro-article h1{font-size:61px}.standfirst,.intro-article .standfirst{font-size:24px}.byline{font-size:10px;gap:8px}.article-share-actions{gap:8px}.article-share-actions a,.article-share-actions button{font-size:11px;padding-inline:12px}.reading-layout{grid-template-columns:minmax(0,690px);padding-top:35px}.margin-note{display:none}.essay{font-size:24px}.essay>p:first-child{font-size:28px}.afterword-copy{display:block}.afterword-copy nav{margin-top:22px}.table-front{padding-block:33px 26px;gap:25px}.table-front h1{font-size:76px}.table-front p{font-size:21px}.front-stories{gap:28px}.front-story+.front-story{padding-left:26px}.front-story h2{font-size:40px}.front-story:last-child h2{font-size:36px}.front-story>p{font-size:21px}.front-story:last-child .front-picture{margin:20px auto 25px}.archive-section h2{font-size:43px}.archive-entry h3{font-size:33px}.archive-entry{grid-template-columns:1fr 125px;gap:25px}.archive-entry img{width:125px;height:125px}.archive-entry p{font-size:21px}.share-footer h2{font-size:38px}}
@media(max-width:600px){.brand{font-size:16px}.brand svg{width:19px;height:24px}.publication{font-size:20px;padding-left:12px}.masthead-actions{gap:10px}.masthead-actions a{font-size:11px}.share-trigger{padding:10px 12px}.article-hero{grid-template-columns:1fr;gap:22px;padding:30px 0 30px}.intro-article h1{font-size:clamp(49px,13.5vw,70px);line-height:1;max-width:100%;letter-spacing:-.03em}.standfirst,.intro-article .standfirst{font-size:24px;line-height:1.32;margin-top:20px}.byline{font-size:10px;gap:8px;margin-top:21px}.article-sharebar{margin-top:10px;padding-top:15px}.article-share-actions a,.article-share-actions button{font-size:11px;padding:11px 12px}.article-share-actions .share-main{gap:8px}.hero-illustration{max-width:350px;justify-self:center;width:100%;margin:0}.scene-caption{font-size:18px;padding-top:9px}.art-credit{font-size:9px}.reading-layout{padding-top:30px}.essay{font-size:23px;line-height:1.5}.essay>p:first-child{font-size:27px;line-height:1.3}.essay p{margin-bottom:24px}.essay p:last-of-type,.intro-article .essay .last-line{font-size:23px}.essay h2{font-size:34px}.series-navigation{padding-block:18px}.series-link strong{font-size:26px}.afterword-copy p{font-size:22px}.share-footer{padding-block:32px}.share-footer h2{font-size:34px}.share-footer .share-links{gap:8px}.share-footer .share-links a,.share-footer .share-links button{font-size:11px;padding:11px 12px}.table-front{grid-template-columns:1fr;gap:18px;padding-block:28px 24px}.table-front h1{font-size:76px;letter-spacing:-.035em}.table-front p{font-size:24px;max-width:31ch}.table-navigation{gap:20px;font-size:11px;padding-block:10px}.front-stories{grid-template-columns:1fr;gap:26px;padding-top:25px;padding-bottom:30px}.front-story+.front-story{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.front-picture{max-width:310px;margin-bottom:19px}.front-story h2{font-size:43px}.front-story:last-child h2{font-size:38px}.front-story>p{font-size:23px}.front-story:last-child .front-picture{max-width:230px;margin:0 auto 22px}.story-meta{font-size:10px}.story-actions{font-size:12px}.archive-section{padding-block:30px}.archive-section>header{display:block;margin-bottom:15px}.archive-section h2{font-size:43px}.archive-section>header>p{font-size:22px;margin-top:14px}.archive-entry{grid-template-columns:minmax(0,1fr) 82px;gap:18px;padding-block:23px}.archive-entry h3{font-size:31px}.archive-entry p{font-size:21px;line-height:1.32}.archive-entry img{width:82px;height:105px}.archive-entry .archive-reading-time{font-size:10px}.journal-footer{font-size:10px;padding-block:24px}.history-nav{padding-block:20px;gap:15px}.history-nav-label{font-size:10px}}
@media(max-width:360px){.publication{display:block;font-size:18px}.brand{font-size:14px}.masthead-inner{gap:12px}.masthead-actions .play-link{display:none}.article-share-actions{gap:7px}.article-share-actions a,.article-share-actions button{padding-inline:9px;font-size:10px}.table-navigation{gap:15px}.archive-entry{grid-template-columns:1fr 65px;gap:14px}.archive-entry img{width:65px;height:95px}.archive-entry h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scrollbar-color:#8a2b23 #f5ecd2}}

.action-icon{display:inline-block;vertical-align:-.2em;flex-shrink:0;width:18px;height:18px}

/* Visible keyboard focus on both vellum and the dark footer. */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #4a78b5;outline-offset:5px}
[data-manual-copy] input,.listing-copy-fallback{font-size:16px}