/* Open Font License families, served from this site. */
@font-face { font-family: 'Atlas Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/assets/fonts/inter-roman.woff2') format('woff2'); }
@font-face { font-family: 'Atlas Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url('/assets/fonts/inter-italic.woff2') format('woff2'); }
@font-face { font-family: 'Atlas Serif'; font-style: normal; font-weight: 200 900; font-display: swap; src: url('/assets/fonts/source-serif-roman.woff2') format('woff2'); }
@font-face { font-family: 'Atlas Serif'; font-style: italic; font-weight: 200 900; font-display: swap; src: url('/assets/fonts/source-serif-italic.woff2') format('woff2'); }
:root { --sans: 'Atlas Inter', Arial, sans-serif; --serif: 'Atlas Serif', Georgia, serif; }
body { font-family: var(--sans); line-height: 1.58; font-optical-sizing: auto; }
input, select, textarea, button { font-family: var(--sans); }
h1 { letter-spacing: -.065em; }
.site-header .wordmark { display: block; padding: 0; width: 142px; height: 50px; flex: 0 0 auto; }
.wordmark img { width: 100%; height: 100%; display: block; }
.site-footer .footer-brand { display: inline-flex; align-items: center; gap: 12px; }
.footer-brand img { display: block; width: 253.75px; max-width: 100%; height: auto; }
.link-arrow { display: inline-block; width: 1em; height: 1em; flex: 0 0 auto; vertical-align: -.12em; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.external-link { text-underline-offset: 4px; }
a.external-link:not(.arrow-link) > .link-arrow { margin-left: .25em; }
.book-statement { font-family: var(--serif); }
.essay-body { font-family: var(--serif); font-size: 18.5px; line-height: 1.68; font-optical-sizing: auto; }
.essay-body > p:first-child { font-size: 20.5px; line-height: 1.6; }
.essay-body p { margin-top: 21px; }
.essay-body em, .essay-body i { font-style: italic; color: inherit; }
.essay-body h2 { font-size: 33px; line-height: 1.2; margin-top: 47px; margin-bottom: 21px; }
.essay-body h3 { font-size: 25px; line-height: 1.25; margin-top: 31px; margin-bottom: 18px; }
.reading-layout { grid-template-columns: 220px minmax(0,720px); gap: 75px; }
.contents summary { font-size: 14px; }
.contents a { font-size: 13px; line-height: 1.5; padding-block: 7px; }
.contents ol ol a { font-size: 12.5px; }
.essay-hero h1 { font-size: clamp(70px,7.2vw,110px); letter-spacing: -.06em; }
.essay-subtitle { font-size: 27px; line-height: 1.4; }
@media(max-width:1100px) { .reading-layout { grid-template-columns: 200px minmax(0,720px); gap: 45px; } }
@media(max-width:900px) { .reading-layout { display: block; } .essay-hero h1 { font-size: 88px; } }
@media(max-width:600px) {
  .site-header .wordmark { width: 138px; height: 49px; }
  .footer-brand img { width: 236.83px; }
  .essay-body { font-size: 18px; line-height: 1.68; }
  .essay-body > p:first-child { font-size: 19.5px; line-height: 1.6; }
  .essay-body h2 { font-size: 28px; margin-top: 37px; margin-bottom: 20px; }
  .essay-body h3 { font-size: 23px; margin-top: 29px; }
  .essay-body p { margin-top: 20px; }
  .essay-hero h1 { font-size: clamp(65px,17vw,93px); }
  .essay-ai-alignment-begins-too-high .essay-hero h1 { font-size: clamp(49px,13vw,72px); }
  .essay-the-models-self-world .essay-hero h1, .essay-the-projection-error .essay-hero h1 { font-size: clamp(56px,14.8vw,81px); }
  .essay-ai .essay-hero h1 { font-size: clamp(49px,13.6vw,76px); }
  .essay-subtitle { font-size: 23px; line-height: 1.42; }
  .contents summary { font-size: 15px; }
  .contents a { font-size: 14px; line-height: 1.5; padding-block: 9px; }
  .contents ol ol a { font-size: 13px; }
}
@media print { .essay-body { font-size: 11pt; line-height: 1.5; } .essay-body h2 { font-size: 18pt; } }