/* Opt-in long-read style for new posts; older articles keep their existing styles. */
body.page-paper-reading.page-paper-editorial {
  --editorial-font: Georgia, "Times New Roman", "Songti SC", "Noto Serif CJK SC", serif;
  --editorial-column: 900px;
  --paper: #ffffff;
  --paper-elevated: #f7f8fa;
  --ink: #1b1f23;
  --ink-soft: #5c6773;
  --line: #e3e7ee;
  --sea: #1768d1;
  --coral: #1768d1;
}
html[data-theme="dark"] body.page-paper-reading.page-paper-editorial {
  --paper: #151a21;
  --paper-elevated: #1e2630;
  --ink: #e7edf4;
  --ink-soft: #b1bdcb;
  --line: #344151;
  --sea: #92c3f1;
  --coral: #92c3f1;
}
body.page-paper-reading.page-paper-editorial .article-shell.article-shell-wide.article-shell-deck {
  --shell: min(1380px, calc(100vw - 48px));
  padding-top: 32px;
}
body.page-paper-reading.page-paper-editorial .article-header {
  width: min(100%, var(--editorial-column));
  max-width: var(--editorial-column);
  margin: 0 auto 24px;
}
body.page-paper-reading.page-paper-editorial .article-header h1 {
  margin: 12px 0;
  font: 700 26px/1.5 var(--editorial-font);
  letter-spacing: 0;
  overflow-wrap: break-word;
}
body.page-paper-reading.page-paper-editorial .article-deck > p {
  font: 400 16px/1.7 var(--editorial-font);
}
body.page-paper-reading.page-paper-editorial .prose,
body.page-paper-reading.page-paper-editorial .prose .paper-reading {
  --paper-column: var(--editorial-column);
  width: min(100%, var(--editorial-column)) !important;
  font: 400 16px/1.85 var(--editorial-font);
  -webkit-font-smoothing: auto;
  overflow-wrap: break-word;
}
body.page-paper-reading.page-paper-editorial .prose p { margin: 0 0 16px; }
body.page-paper-reading.page-paper-editorial .prose :is(p, li) { text-wrap: auto; }
body.page-paper-reading.page-paper-editorial .prose h2 {
  margin: 36px 0 14px;
  padding: 0;
  border: 0;
  font: 700 22px/1.5 var(--editorial-font);
  letter-spacing: 0;
}
body.page-paper-reading.page-paper-editorial .prose h3 {
  margin: 28px 0 12px;
  font: 700 18px/1.5 var(--editorial-font);
}
body.page-paper-reading.page-paper-editorial .prose :is(ul, ol) { margin: 14px 0 20px; }
body.page-paper-reading.page-paper-editorial .prose li { margin: 8px 0; }
body.page-paper-reading.page-paper-editorial .prose strong { font-weight: 700; }
body.page-paper-reading.page-paper-editorial .prose .lead { font-size: 16px; line-height: 1.85; }
body.page-paper-reading.page-paper-editorial .prose .source-links { margin: 0 0 18px; font-size: 13px; }
body.page-paper-reading.page-paper-editorial .prose .paper-meta,
body.page-paper-reading.page-paper-editorial .prose .source-note { font-size: 12px; line-height: 1.7; }
body.page-paper-reading.page-paper-editorial .prose .part0 {
  margin: 24px 0 28px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
body.page-paper-reading.page-paper-editorial .prose .keypoints {
  margin: 20px 0 28px;
  padding: 8px 0 8px 18px;
  border-left: 2px solid var(--sea);
  background: transparent;
}
body.page-paper-reading.page-paper-editorial .prose .keypoints ul { margin: 0; }
body.page-paper-reading.page-paper-editorial .prose .note {
  margin: 20px 0;
  padding: 10px 16px;
  background: var(--paper-elevated);
  border-left: 2px solid var(--sea);
}
body.page-paper-reading.page-paper-editorial .prose .deck-wrap { margin: 0 0 26px; border: 1px solid var(--line); }
body.page-paper-reading.page-paper-editorial .prose .deck-head {
  padding: 9px 12px;
  background: var(--paper);
  font: 400 13px/1.6 var(--editorial-font);
}
body.page-paper-reading.page-paper-editorial .prose .deck-head strong { font-size: 13px; font-weight: 400; }
body.page-paper-reading.page-paper-editorial .prose .deck-head a { font-size: 12px; color: var(--sea); }
body.page-paper-reading.page-paper-editorial .prose .post-deck-embed-note { font-size: 12px !important; line-height: 1.65; }
body.page-paper-reading.page-paper-editorial .prose .figure { margin: 24px auto; text-align: center; }
body.page-paper-reading.page-paper-editorial .prose .figure > a { border: 0; }
body.page-paper-reading.page-paper-editorial .prose .figure img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: none;
  margin: 0 auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body.page-paper-reading.page-paper-editorial .prose .figure.original img { width: 100%; }
body.page-paper-reading.page-paper-editorial .prose .figure.original.portrait { max-width: 790px; }
body.page-paper-reading.page-paper-editorial .prose .figure.original.narrow { max-width: 480px; }
body.page-paper-reading.page-paper-editorial .prose .figure.supplement img { width: 100%; }
body.page-paper-reading.page-paper-editorial .prose figcaption {
  margin: 8px auto 0;
  font: 400 12px/1.7 var(--editorial-font);
  color: var(--ink-soft);
  text-align: left;
}
body.page-paper-reading.page-paper-editorial .prose .paper-figure-expand {
  font: 400 12px/1.65 var(--editorial-font);
  margin-top: 8px;
}
body.page-paper-reading.page-paper-editorial .prose .table-scroll table {
  min-width: 740px;
  font: 400 14px/1.65 var(--editorial-font);
}
body.page-paper-reading.page-paper-editorial .prose .comparison-table :is(th, td):first-child {
  min-width: 150px;
  width: 150px;
  overflow-wrap: normal;
}
body.page-paper-reading.page-paper-editorial .prose .comparison-table td:first-child a {
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
}
body.page-paper-reading.page-paper-editorial .prose :is(th, td) { padding: 8px 12px; }
body.page-paper-reading.page-paper-editorial .prose :not(pre) > code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .85em;
  padding: 1px 3px;
}
body.page-paper-reading.page-paper-editorial .prose :is(.highlight, .highlight-container) {
  max-width: 100%;
  background: var(--paper-elevated);
  border-color: var(--line);
  color: var(--ink);
}
body.page-paper-reading.page-paper-editorial .prose .highlight pre {
  font: 400 13px/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  background: transparent;
  color: var(--ink);
}
body.page-paper-reading.page-paper-editorial .prose .highlight .gutter { color: var(--ink-soft); }
body.page-paper-reading.page-paper-editorial .prose .highlight table { margin: 0; }
body.page-paper-reading.page-paper-editorial .prose .highlight td { border: 0; padding: 12px; }
body.page-paper-reading.page-paper-editorial .prose .formula {
  margin: 20px 0;
  padding: 12px 8px;
  font: 400 14px/1.8 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  background: transparent;
  text-align: left;
}
body.page-paper-reading.page-paper-editorial .prose .judge-route {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  padding: 14px 0;
  list-style: none;
  border-block: 1px solid var(--line);
  font: 400 15px/1.7 var(--editorial-font);
}
body.page-paper-reading.page-paper-editorial .prose .judge-route li { margin: 0; }
body.page-paper-reading.page-paper-editorial .prose .judge-route span {
  display: block;
  margin-bottom: 4px;
  color: var(--sea);
  font-weight: 700;
}
body.page-paper-reading.page-paper-editorial .article-toc-mobile,
body.page-paper-reading.page-paper-editorial .article-tools-mobile,
body.page-paper-reading.page-paper-editorial :is(.article-tags, .related-posts, .post-navigation, .comments) {
  width: min(100%, var(--editorial-column));
  max-width: var(--editorial-column);
}
body.page-paper-reading.page-paper-editorial.focus-mode .article-grid,
body.page-paper-reading.page-paper-editorial.focus-mode .article-header {
  width: min(100%, var(--editorial-column));
  max-width: var(--editorial-column);
}
@media (min-width: 1240px) {
  body.page-paper-reading.page-paper-editorial .article-shell.article-shell-wide.article-shell-wide-toc .article-grid {
    display: grid;
    grid-template-columns: minmax(160px, 210px) minmax(0, 900px) minmax(160px, 210px);
    width: 100%;
    gap: 28px;
  }
  body.page-paper-reading.page-paper-editorial .article-shell.article-shell-wide.article-shell-wide-toc .article-rail { display: block; }
  body.page-paper-reading.page-paper-editorial .article-shell.article-shell-wide.article-shell-wide-toc :is(.article-toc-mobile, .article-tools-mobile) { display: none; }
  body.page-paper-reading.page-paper-editorial.focus-mode .article-shell.article-shell-wide.article-shell-wide-toc .article-grid {
    display: block;
    width: min(100%, var(--editorial-column));
    margin-inline: auto;
  }
  body.page-paper-reading.page-paper-editorial.focus-mode .article-shell.article-shell-wide.article-shell-wide-toc .article-rail { display: none; }
}
@media (max-width: 1239.98px) {
  body.page-paper-reading.page-paper-editorial .article-shell.article-shell-wide.article-shell-wide-toc .article-grid {
    display: block;
    width: min(100%, var(--editorial-column));
    margin-inline: auto;
  }
  body.page-paper-reading.page-paper-editorial .article-shell.article-shell-wide.article-shell-wide-toc .article-rail { display: none; }
  body.page-paper-reading.page-paper-editorial .article-shell.article-shell-wide.article-shell-wide-toc .article-toc-mobile { display: block; }
  body.page-paper-reading.page-paper-editorial .article-shell.article-shell-wide.article-shell-wide-toc .article-tools-mobile { display: flex; }
}
@media (max-width: 760px) {
  body.page-paper-reading.page-paper-editorial .article-shell.article-shell-wide.article-shell-deck { --shell: calc(100vw - 40px); padding-top: 24px; }
  body.page-paper-reading.page-paper-editorial .article-header h1 { font-size: 23px; line-height: 1.5; }
  body.page-paper-reading.page-paper-editorial .prose h2 { font-size: 20px; }
  body.page-paper-reading.page-paper-editorial .prose .deck-head { gap: 8px; align-items: flex-start; }
  body.page-paper-reading.page-paper-editorial .prose .judge-route { grid-template-columns: 1fr 1fr; gap: 12px 20px; }
}
@media (max-width: 640px) {
  body.page-paper-reading.page-paper-editorial .post-deck-embed-frame { height: 520px; padding-top: 0; }
}
