/* Existing typefaces, with upright interface text and editorial emphasis preserved. */

@font-face{font-family:'Newsreader Variable';src:url('/assets/fonts/newsreader-italic.woff2') format('woff2');font-weight:200 800;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader Variable';src:url('/assets/fonts/newsreader-italic-ext.woff2') format('woff2');font-weight:200 800;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--dots:linear-gradient(90deg,currentColor 50%,transparent 0) 0 100%/4px 1px repeat-x;--solid:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}

/* Header */
@media(min-width:921px){
  .desktop-nav a,.desktop-nav .portal-placeholder{font:450 18px/1.2 var(--serif)!important;letter-spacing:-.01em;color:var(--ink)}
  .desktop-nav .nav-access a{font-style:normal!important}
  .desktop-nav .portal-placeholder{color:var(--muted)!important}
  .desktop-nav a[aria-current]{color:var(--ink)!important}
}
.wordmark{font-weight:450}

/* The main action: one compact ink pill, label in the serif */
.fm-cta{display:inline-flex!important;width:auto!important;min-width:0!important;height:46px;min-height:46px!important;padding:0 24px!important;gap:0;justify-content:center;border-radius:999px;background:var(--ink);color:var(--paper)!important;font:450 18px/1 var(--serif)!important;letter-spacing:-.005em}
.fm-cta-go{display:none!important}
@media(hover:hover){.fm-cta:hover{background:var(--teal)}}
@media(max-width:900px){.fm-first .fm-lower .fm-cta,.fm-contact-row .fm-cta{width:auto!important}}

/* Upright secondary actions; the rule turns solid on hover. */
.fm-deeper,.fm-email,.ft-email,.rs-action,.rs-thesis a,.breadcrumbs a,.essay-sources a,.related-writing a,.text-link{font:450 19px/1.3 var(--serif)!important;letter-spacing:-.005em;color:var(--ink)!important;background:var(--dots);padding-bottom:2px;min-height:0!important;gap:0!important;text-decoration:none!important}
.fm-deeper>span{display:none}
.fm-deeper{padding:0 0 2px!important}
@media(hover:hover){.fm-deeper:hover,.fm-email:hover,.ft-email:hover,.rs-action:hover,.rs-thesis a:hover,.breadcrumbs a:hover,.essay-sources a:hover,.related-writing a:hover,.text-link:hover{background:var(--solid);color:var(--ink)!important}}
.essay-sources a .arrow,.related-writing a .arrow,.text-link .arrow{display:none}
.art-body a{color:var(--ink)!important;text-decoration:none!important;font-style:normal;background:var(--dots);padding-bottom:1px}

/* Film chapter line */
.fm-rule a{font:450 16px/1 var(--serif)!important;letter-spacing:-.005em;color:var(--muted)}
.fm-rule a.is-on{color:var(--ink);font-style:normal}

/* Sheets */
.fm-depth-toolbar button{font:450 18px/1 var(--serif)!important;gap:12px}
.fm-depth-toolbar button>span{font-style:normal}
.fm-contents-nav a,.fm-contents-nav button{font:450 20px/1.2 var(--serif)!important;letter-spacing:-.01em}
.fm-contents-nav .nav-access a{font-style:normal!important}

/* Footer */
.ft-links a,.ft-access a,.ft-access button{font:450 16px/1.2 var(--serif)!important;letter-spacing:-.005em}
.ft-access a{font-style:normal!important}
.ft-copy{font:450 15px var(--serif)}
.ft-email{font-size:16px!important}

/* Resources and essays: same language */
.rs-action{font-size:17px!important}
.rs-lead .rs-links{margin-top:18px}
.byline{font:450 15px/1.5 var(--serif)!important;color:var(--muted)}
.breadcrumbs{font:450 15px var(--serif)}
.breadcrumbs a,.essay-sources a{font-size:16px!important}
.related-writing a{font-size:18px!important;justify-content:flex-start!important;min-height:44px!important;display:inline-flex!important;align-items:center}


/* The current place: ink on a dotted underline, the same in the header, the contents sheet and the film's chapter line */
.desktop-nav a[aria-current],.fm-contents-list a[aria-current],.fm-rule a.is-on{color:var(--ink)!important;font-style:normal!important;text-decoration:underline dotted!important;text-decoration-thickness:1px!important;text-underline-offset:6px}
/* In depth closes with the contents mark, at the header mark's position */
.fm-depth-toolbar{position:fixed!important;top:26px;right:var(--fm-margin);height:44px!important;width:44px;padding:0!important;display:flex;justify-content:flex-end;align-items:center;background:transparent;z-index:2}
.fm-depth-toolbar button{width:44px;height:44px;justify-content:flex-end;min-height:44px}
.fm-menu-icon.is-x i:first-child{width:100%;transform:translateY(3px) rotate(45deg)}
.fm-menu-icon.is-x i:last-child{width:100%;margin-left:0;transform:translateY(-3px) rotate(-45deg)}
.fm-depth article{padding-top:clamp(24px,8vh,72px)!important}
@media(max-width:900px){.fm-depth-toolbar{top:13px;right:24px}}
/* The essay source note reads as part of the essay */
.art-body .foot{font:450 15.5px/1.6 var(--serif)!important;color:var(--body)!important}
/* One footer everywhere */
/* Home keeps the email beside its own Get in touch, so the footer leaves it out there */
/* The header divider centred on the serif's x-height */
@media(min-width:921px){.nav-access::before{transform:translateY(calc(-50% - 2px))!important}}
.fm-depth-toolbar button>.fm-menu-icon{height:auto;line-height:normal;font-size:inherit;transform:none}
.fm-contents-label{font-weight:inherit}
.fm-contents-list a[aria-current]{text-decoration:none!important}
.fm-contents-list a[aria-current] .fm-contents-label{text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:6px}
/* Footer holds one line down to the smallest desktop */
@media(min-width:901px) and (max-width:1240px){.ft-copy{display:none}.site-footer{column-gap:20px}.ft-links,.ft-access{gap:20px}.ft-access{padding-left:20px}}
@media(min-width:901px) and (max-width:1000px){.site-footer{column-gap:16px}.ft-links,.ft-access{gap:16px}.ft-access{padding-left:16px}}
/* Phone footer: pages on the left, access on the right, the email below */
@media(max-width:900px){
  .site-footer{display:grid!important;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:14px;align-items:start}
  .site-footer .ft-id{grid-column:1/-1}
  .site-footer .ft-links{grid-column:1;grid-row:2}
  .site-footer .ft-access{grid-column:2;grid-row:2;border-top:0;padding-top:0;width:auto}
  .site-footer .ft-email{grid-column:1/-1;grid-row:3;justify-self:start;margin-top:6px}
}

/* Mobile footer links keep a generous transparent touch target. */
@media(max-width:900px){.site-footer .ft-links a,.site-footer .ft-access a,.site-footer .ft-access button,.site-footer .ft-email,.site-footer .ft-id .wordmark{min-height:44px!important;display:inline-flex;align-items:center;padding-block:8px;box-sizing:border-box}}