.essay-page .page-stack { gap: 52px; }
.essay-gate-modal { position: fixed; inset: auto 0px 0px; box-sizing: border-box; width: 100%; max-width: 100%; max-height: 90dvh; overflow-y: auto; border: 0px; border-radius: 0px; background: linear-gradient(to bottom, transparent, var(--paper, #f3f7fa) 72px); color: var(--ink); box-shadow: none; margin: 0px !important; padding: 100px 24px max(40px, env(safe-area-inset-bottom)) !important; }
.essay-gate-modal[open] { animation: 320ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running gate-slide-up; }
.essay-gate-modal::backdrop { background: transparent; }
@keyframes gate-slide-up { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}
@media (prefers-reduced-motion: reduce) {
  .essay-gate-modal[open] { animation: auto ease 0s 1 normal none running none; }
}
.essay-gate-modal h2 { outline: none; margin-top: 0px !important; }
.essay-gate-modal > p:not(.section-label) { font-size: 17px; }
.essay-gate-modal .quiet-newsletter { flex-direction: row; max-width: 520px; }
.essay-gate-modal .quiet-newsletter input { flex: 1 1 0%; width: auto; }
.essay-gate-modal .quiet-newsletter button { width: auto; }
.essay-gate-modal .gate-preview { margin-top: 16px !important; }
@media (max-width: 520px) {
  .essay-gate-modal .quiet-newsletter { flex-direction: column; }
  .essay-gate-modal .quiet-newsletter input, .essay-gate-modal .quiet-newsletter button { width: 100%; }
}
.gate-close { position: absolute; right: 10px; top: 8px; width: 32px; height: 32px; border: 0px; background: transparent; font: 25px Georgia, serif; color: var(--muted); cursor: pointer; }
.gate-reopen { justify-self: center; background: none; border: 0px; color: var(--accent); font: inherit; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.essay-page [hidden] { display: none !important; }
.essay-excerpt { position: relative; }
.essay-excerpt::after { content: ""; position: absolute; inset: auto 0px 0px; height: 105px; background: linear-gradient(transparent, var(--paper, #f3f7fa)); pointer-events: none; }
.essay-gate { margin-top: -32px; padding: 0px 0px 28px; text-align: center; }
.essay-gate h2 { margin: 15px 0px; font-size: clamp(26px, 4vw, 32px); line-height: 1.2; font-weight: 400; letter-spacing: -0.02em; }
.essay-gate > p:not(.section-label) { max-width: 480px; margin: 0px auto; font-size: 19px; line-height: 1.5; }
.essay-gate .quiet-newsletter { margin: 24px auto 18px; max-width: 560px; gap: 12px; }
.essay-gate .quiet-newsletter input { min-width: 0px; }
.essay-gate .quiet-newsletter button { white-space: nowrap; padding-inline: 18px; }
.essay-gate .gate-signin { color: var(--muted); font-size: 16px !important; }
.gate-signin button { background: none; border: 0px; padding: 0px; color: var(--accent); font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.essay-gate .gate-preview { color: var(--muted); margin-top: 20px !important; font-size: 12px !important; }
@media (max-width: 520px) {
  .essay-gate .quiet-newsletter { flex-direction: column; }
  .essay-gate .quiet-newsletter input, .essay-gate .quiet-newsletter button { width: 100%; }
}
.essay-page .article-header { gap: 24px; padding-bottom: 34px; border-bottom: 1px solid var(--rule); }
.essay-issue { color: var(--muted); margin-left: 5px; }
.essay-deck { margin: 0px; font-size: 20px; font-style: italic; line-height: 1.45; color: var(--soft); text-wrap: pretty; }
.essay-page .article-meta { margin-top: 3px; font-size: 16px; color: var(--muted); }
.essay-page .article-meta .essay-author { color: var(--ink); margin-left: 3px; }
.essay-page .article-meta span { margin-inline: 5px; }
.essay-page .article-body { font-size: 21px; line-height: 1.65; gap: 25px; }
.essay-page .article-body strong, .essay-page .article-body b { font-weight: 600; }
.essay-page .article-body ul, .essay-page .article-body ol { margin: 0px; padding-left: 24px; }
.essay-page .article-body img { display: block; max-width: 100%; height: auto; margin: 16px auto; }
.archive-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; font-size: 17px; }
.essay-page .import-notice { font-size: 16px; color: var(--muted); border-left: 2px solid; padding-left: 16px; }
.essay-source-post { margin: 8px 0px; padding: 8px 0px 8px 24px; border-left: 2px solid var(--link-rule); }
.essay-source-post blockquote { margin: 0px; padding: 0px; border: 0px; font-size: 0.95em; font-style: normal; }
.essay-source-post p { margin: 0px; }
.essay-source-post figcaption { margin-top: 14px; color: var(--muted); font-size: 15px; line-height: 1.5; }
.essay-page .article-body li + li { margin-top: 9px; }
.essay-newsletter { border-top: 1px solid var(--rule); padding-top: 36px; gap: 16px; }
.essay-newsletter .section-copy { font-size: 19px; }
.essay-newsletter .quiet-newsletter { max-width: none; align-items: stretch; gap: 12px; margin-top: 4px; }
.essay-newsletter .quiet-newsletter input { width: auto; min-width: 0px; }
.essay-newsletter .quiet-newsletter button { align-self: stretch; }
.essay-page .comments { border: 0px; padding-top: 4px; scroll-margin-top: 32px; }
.essay-page .comment-form-foot button { background: transparent; color: var(--accent); border-color: var(--link-rule); }
.essay-page .comment-form-foot button:hover { background: rgb(230, 238, 243); }
.comment-private { font-weight: 400; color: var(--muted); }
.essay-page .comment-form-row label { display: block; }
.essay-page .comment-form-row input { display: block; width: 100%; margin-top: 8px; }
.essay-footer { display: flex; justify-content: space-between; gap: 24px; font-size: 15px; color: var(--muted); }
.essay-footer a { text-decoration: none; }
.essay-footer a:hover { text-decoration: underline; }
.essay-skip { position: absolute; left: 16px; top: -100px; padding: 8px 16px; background: var(--paper); }
.essay-skip:focus { top: 8px; }
@media (max-width: 620px) {
  .essay-page .page-stack { gap: 38px; }
  .essay-page .article-body { font-size: 19px; line-height: 1.65; gap: 23px; }
  .essay-deck { font-size: 19px; }
  .essay-page .article-meta { font-size: 13px; }
  .essay-page .article-meta span { margin-inline: 2px; }
  .essay-newsletter { padding-top: 28px; }
  .essay-newsletter .quiet-newsletter button { padding-inline: 16px; }
}
@media (max-width: 380px) {
  .essay-newsletter .quiet-newsletter input { flex-basis: 100%; }
  .essay-newsletter .quiet-newsletter button { width: 100%; }
}