.article-page h1 { font-size: clamp(30px, 3.3vw, 40px); max-width: 31ch; line-height: 1.22; }
.article-deck { font-size: 17px; margin-top: 17px; max-width: 65ch; }
.article-review { display: flex; flex-wrap: wrap; gap: 7px 21px; color: var(--muted); font-size: 13px; line-height: 1.6; margin-top: 20px; }
.article-review > span { display: block; }
.article-intro { min-width: 0; }
.article-section { min-width: 0; }
.article-section > h2 { margin-top: 0; }
.section-content > :first-child { margin-top: 0; }
.section-content > p, .section-content > ul, .section-content > ol { max-width: 72ch; }
.section-content > p + p { margin-top: 1.2em; }
.article-section.is-sources { font: 400 14px/1.8 var(--sans); }
.article-section.is-sources > h2 { font: 600 18px/1.4 var(--sans); letter-spacing: 0; }
.method-note { font-size: 14px; line-height: 1.7; }
.reading-outline h2 { font: 600 14px/1.5 var(--sans); letter-spacing: 0; margin-bottom: 17px; }
.reading-outline ol { list-style: none; padding: 0; margin: 0; }
.reading-outline li { margin-block: 12px; }
.reading-outline a { display: inline-block; font-size: 14px; line-height: 1.6; color: var(--muted); text-decoration: none; }
.reading-outline a:hover { color: var(--accent); text-decoration: underline; }
.reading-contents { font-size: 14px; margin-block: 25px; }
.reading-contents summary { cursor: pointer; width: fit-content; padding: 5px 0; color: var(--accent); }
.reading-contents .reading-outline { margin-top: 16px; padding: 20px 24px; background: var(--paper); border-radius: 6px; }
.reading-contents .reading-outline h2 { display: none; }
.reading-contents .reading-outline ol { display: flex; flex-wrap: wrap; gap: 12px 25px; }
.reading-contents .reading-outline li { margin: 0; }
.guide-article-heading { margin-bottom: 30px; padding-left: 230px; }
.guide-article-heading h1 { max-width: 25ch; }
.guide-reading-workspace { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 50px; align-items: start; }
.guide-reading-rail { position: sticky; top: 28px; padding: 12px 0; }
.guide-reading-rail > .method-note { padding-top: 24px; border-top: 1px solid var(--line); margin-top: 30px; }
.guide-reading-rail > a { display: inline-block; margin-top: 20px; font-size: 14px; color: var(--accent); }
.guide-manuscript { max-width: 800px; }
.guide-mobile-contents, .guide-mobile-method { display: none; }
.guide-manuscript .article-intro { padding: 0; background: none; border-radius: 0; font-size: 17px; }
.guide-manuscript .article-section { margin-top: 30px; padding-left: 0; border-left: 0; }
.guide-manuscript .article-section::before { display: none; }
.guide-manuscript .article-section > h2 { font-size: 25px; margin-bottom: 16px; }
.guide-manuscript .article-section:not(.is-sources) { font-size: 17px; }
.guide-manuscript .is-sources { padding: 25px 0 0; border-left: 0; border-top: 1px solid var(--line); }
.guide-manuscript .is-sources::before { display: none; }
.guide-manuscript .is-sources > h2 { font: 600 18px/1.4 var(--sans); }
.setup-heading { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 60px; align-items: start; }
.setup-identity { padding: 0; background: none; border-radius: 0; display: flex; flex-direction: column; gap: 12px; }
.setup-identity span { font-size: 14px; color: var(--muted); }
.setup-identity strong { font: 600 25px/1.25 var(--sans); letter-spacing: -.02em; }
.setup-title h1 { font: 600 34px/1.25 var(--sans); letter-spacing: -.02em; max-width: 34ch; }
.setup-title .article-deck { font-size: 16px; max-width: 68ch; margin-top: 20px; }
.setup-toolbar { display: flex; align-items: baseline; justify-content: space-between; gap: 25px; border-bottom: 1px solid var(--line); margin-top: 25px; padding-bottom: 14px; }
.setup-toolbar > a { flex-shrink: 0; font-size: 14px; color: var(--accent); }
.setup-toolbar .reading-contents { flex: 1; margin-block: 12px 20px; }
.setup-manuscript .article-intro { max-width: 850px; margin-block: 30px 40px; font-size: 17px; }
.setup-manuscript .article-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 60px; }
.setup-manuscript .article-section { border-top: 1px solid var(--line); padding-top: 25px; font-size: 16px; line-height: 1.8; }
.setup-manuscript .article-section > h2 { font: 600 25px/1.3 var(--sans); letter-spacing: -.02em; margin-bottom: 20px; }
.setup-manuscript .is-sources, .setup-manuscript .has-table { grid-column: 1 / -1; }
.setup-manuscript .is-sources { font-size: 14px; }
.setup-manuscript .is-sources > h2 { font-size: 18px; }
.setup-method { max-width: 80ch; margin-top: 25px; }
.decision-heading { display: block; max-width: 900px; }
.decision-heading h1 { font-size: 36px; max-width: 32ch; }
.decision-heading .article-deck { font-size: 17px; }
.decision-method { display: flex; gap: 25px; align-items: start; padding: 15px 0; border-block: 1px solid var(--line); background: none; margin-top: 25px; font-size: 14px; }
.decision-method > span { font-weight: 600; }
.decision-method > p { color: var(--muted); }
.decision-manuscript .article-intro { max-width: 960px; font-size: 18px; padding-block: 5px 32px; }
.decision-manuscript .article-section { display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 45px; border-top: 1px solid var(--line); padding-block: 32px; font-size: 16px; }
.decision-manuscript .article-section > h2 { font: 550 23px/1.35 var(--sans); letter-spacing: -.02em; }
.decision-manuscript .has-table { display: block; }
.decision-manuscript .has-table > h2 { margin-bottom: 23px; font-size: 27px; }
.decision-manuscript .table-scroll { margin-block: 25px; }
.decision-manuscript th { background: var(--paper); }
.decision-manuscript .is-sources > h2 { font-size: 18px; }
.essay-heading { text-align: left; max-width: 940px; margin: 0 auto 32px; }
.essay-heading h1 { font-size: 38px; max-width: 30ch; margin-inline: 0; }
.essay-heading .article-deck { max-width: 65ch; margin-inline: 0; font-size: 17px; }
.essay-workspace { display: grid; grid-template-columns: 175px minmax(0, 700px); gap: 65px; max-width: 940px; margin-inline: auto; align-items: start; }
.essay-margin { position: sticky; top: 28px; border-top: 1px solid var(--line); padding-top: 20px; }
.essay-margin .article-review { display: block; margin-top: 0; }
.essay-margin .article-review > span { margin-bottom: 15px; }
.essay-margin .method-note { margin-top: 30px; }
.essay-margin .reading-contents { margin-top: 22px; }
.essay-margin .reading-contents .reading-outline { padding: 0; background: transparent; }
.essay-margin .reading-contents ol { display: block; }
.essay-margin .reading-contents li { margin-top: 12px; }
.essay-manuscript .prose { font: 400 19px/1.75 Georgia, serif; }
.essay-manuscript .article-intro { font-size: 20px; line-height: 1.7; }
.essay-manuscript .article-section { margin-top: 42px; }
.essay-manuscript .article-section > h2 { font: 600 25px/1.35 var(--sans); margin-bottom: 17px; }
.essay-manuscript .is-sources { font: 400 14px/1.8 var(--sans); border-top: 1px solid var(--line); padding-top: 25px; }
.essay-manuscript .is-sources > h2 { font: 600 18px/1.4 var(--sans); }
.report-reading-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 60px; align-items: start; }
.report-paper { min-width: 0; }
.report-paper-heading { padding: 0 0 23px; }
.report-paper-heading h1 { font: 600 35px/1.23 var(--sans); letter-spacing: -.02em; }
.report-paper-heading .article-deck { font-size: 16px; }
.report-paper > .article-intro { background: none; padding: 0 0 23px; border-bottom: 1px solid var(--line); font-size: 16px; }
.report-paper > .article-sections { padding-inline: 0; }
.report-paper .article-section { padding-block: 28px; font-size: 15px; }
.report-paper .article-section + .article-section { border-top: 1px solid var(--line); }
.report-paper .article-section > h2 { font: 600 25px/1.3 var(--sans); letter-spacing: -.02em; margin-bottom: 18px; }
.report-paper .is-sources { background: none; margin-inline: 0; padding-inline: 0; }
.report-paper .is-sources > h2 { font-size: 18px; }
.report-mobile-contents { display: none; }
.report-record { position: sticky; top: 28px; font-size: 14px; }
.report-record > h2 { font: 600 16px/1.5 var(--sans); letter-spacing: 0; }
.report-record dl { margin-block: 22px 30px; }
.report-record dt { font-size: 14px; color: var(--muted); margin-top: 17px; }
.report-record dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.report-record .reading-outline { padding-top: 22px; border-top: 1px solid var(--line); }
.report-record .method-note { margin-top: 25px; }
.report-record > a { display: inline-block; margin-top: 20px; color: var(--accent); }
.reference-heading { padding-bottom: 30px; }
.reference-heading h1 { font: 600 32px/1.25 var(--sans); letter-spacing: -.02em; max-width: 36ch; }
.reference-heading .article-deck { font-size: 16px; margin-top: 20px; }
.reference-mobile-contents { display: none; }
.reference-manuscript { min-width: 0; }
.reference-manuscript .prose { font-size: 16px; line-height: 1.8; }
.reference-manuscript .article-section { margin-top: 32px; }
.reference-manuscript .article-section > h2 { font: 600 25px/1.35 var(--sans); letter-spacing: -.02em; margin-bottom: 18px; }
.reference-manuscript .is-sources { padding-top: 25px; border-top: 1px solid var(--line); }
.reference-manuscript .is-sources > h2 { font-size: 18px; }
.reference-revision { border-top: 1px solid var(--line); padding-top: 5px; margin-top: 30px; }
.reference-revision .article-review { font-size: 14px; }
.article-reference .reference-heading h1 { font-size: 36px; max-width: 43ch; }
.article-reference .prose table { font-size: 14px; }
@media (max-width: 1050px) {
  .guide-article-heading { padding-left: 225px; }
  .guide-reading-workspace { grid-template-columns: 180px minmax(0, 1fr); gap: 45px; }
  .setup-heading { grid-template-columns: 185px minmax(0, 1fr); gap: 35px; }
  .setup-identity { padding: 22px; }
  .setup-identity strong { font-size: 24px; }
  .setup-title h1 { font-size: 35px; }
  .setup-manuscript .article-sections { gap: 35px; }
  .decision-heading { grid-template-columns: minmax(0, 1fr) 190px; gap: 40px; }
  .decision-heading h1 { font-size: 36px; }
  .decision-manuscript .article-section { grid-template-columns: 200px minmax(0, 1fr); gap: 35px; }
  .essay-workspace { grid-template-columns: 150px minmax(0, 1fr); gap: 40px; }
  .report-reading-workspace { grid-template-columns: minmax(0, 1fr) 180px; gap: 35px; }
  .report-paper-heading h1 { font-size: 36px; }
}
@media (max-width: 700px) {
  .report-mobile-contents { display: block; }
  .report-mobile-contents .reading-contents { margin-block: 0 25px; }
  .article-page h1 { font-size: 32px; }
  .article-deck { font-size: 16px; margin-top: 20px; }
  .article-review { font-size: 14px; gap: 7px 20px; margin-top: 20px; }
  .guide-article-heading { padding-left: 0; margin-bottom: 28px; }
  .guide-reading-workspace { display: flex; flex-direction: column; gap: 28px; align-items: stretch; }
  .guide-reading-rail { display: none; }
  .guide-mobile-contents, .guide-mobile-method { display: block; }
  .guide-mobile-contents .reading-contents { margin-block: 0 25px; }
  .guide-manuscript .article-section > h2 { font-size: 24px; }
  .guide-manuscript .article-section:not(.is-sources) { font-size: 16px; }
  .guide-manuscript .is-sources { padding-left: 0; }
  .setup-heading { grid-template-columns: 1fr; gap: 25px; }
  .setup-identity { flex-direction: row; justify-content: space-between; gap: 20px; align-items: center; padding: 16px 20px; }
  .setup-identity strong { font-size: 22px; }
  .setup-identity span:first-child { display: none; }
  .setup-identity span:last-child { text-align: right; font-size: 14px; max-width: 17ch; }
  .setup-title h1 { font-size: 32px; }
  .setup-title .article-deck { font-size: 15px; }
  .setup-toolbar { gap: 15px; align-items: start; }
  .setup-toolbar > a { font-size: 14px; max-width: 14ch; padding-top: 17px; }
  .setup-manuscript .article-intro { margin-block: 25px 30px; font-size: 16px; }
  .setup-manuscript .article-sections { grid-template-columns: 1fr; gap: 28px; }
  .setup-manuscript .article-section { padding-top: 22px; font-size: 15px; }
  .setup-manuscript .article-section > h2 { font-size: 24px; }
  .decision-heading { grid-template-columns: 1fr; gap: 25px; }
  .decision-heading h1 { font-size: 32px; }
  .decision-heading .article-deck { font-size: 16px; }
  .decision-method { margin-top: 25px; gap: 20px; padding: 16px 18px; font-size: 14px; }
  .decision-manuscript .article-intro { font-size: 16px; padding-bottom: 25px; }
  .decision-manuscript .article-section { display: block; padding-block: 26px; font-size: 15px; }
  .decision-manuscript .article-section > h2 { font-size: 24px; margin-bottom: 18px; }
  .decision-manuscript .has-table > h2 { font-size: 25px; }
  .essay-heading { text-align: left; margin-bottom: 30px; }
  .essay-heading h1 { font-size: 34px; margin-inline: 0; }
  .essay-heading .article-deck { font-size: 17px; }
  .essay-workspace { display: flex; flex-direction: column; align-items: stretch; gap: 25px; }
  .essay-margin { position: static; padding-top: 15px; }
  .essay-margin .article-review { display: flex; }
  .essay-margin .article-review > span { margin-bottom: 0; }
  .essay-margin .method-note { margin-top: 15px; }
  .essay-margin .reading-contents { margin: 15px 0 0; }
  .essay-manuscript .prose { font-size: 21px; line-height: 1.68; }
  .essay-manuscript .article-intro { font-size: 23px; }
  .essay-manuscript .article-section { margin-top: 32px; }
  .essay-manuscript .article-section > h2 { font-size: 25px; }
  .essay-manuscript .is-sources { font: 400 14px/1.8 var(--sans); }
  .report-reading-workspace { display: flex; flex-direction: column; gap: 30px; align-items: stretch; }
  .report-paper-heading h1 { font-size: 33px; }
  .report-paper-heading .article-deck { font-size: 15px; }
  .report-paper .article-section > h2 { font-size: 23px; }
  .report-record { position: static; border-top: 1px solid var(--line); padding-top: 22px; }
  .report-record dl { display: grid; grid-template-columns: 1fr 1.4fr; gap: 12px 25px; }
  .report-record dt, .report-record dd { margin: 0; }
  .report-record .reading-outline { display: none; }
  .reference-heading { padding-bottom: 10px; }
  .reference-heading h1, .article-reference .reference-heading h1 { font-size: 34px; }
  .reference-heading .article-deck { font-size: 15px; }
  .reference-mobile-contents { display: block; }
  .reference-mobile-contents .reading-contents { margin-block: 15px 25px; }
  .reference-manuscript .prose { font-size: 15px; }
  .reference-manuscript .article-section > h2 { font-size: 23px; }
  .article-reference .prose table { font-size: 14px; }
}

.article-illustration { margin: 0; }
.article-illustration img { display: block; width: 100%; height: auto; }
.guide-rail-art { width: 120px; margin-top: 24px; }
.guide-mobile-art, .docs-mobile-art { display: none; }
.integration-art { width: 120px; margin-top: 16px; }
.comparison-art { width: 80px; flex: 0 0 80px; margin-right: 8px; }
.research-art { width: 145px; margin-top: 25px; }
.report-art { width: 80px; margin-top: 18px; }
.docs-rail-art { width: 104px; margin-top: 28px; }
@media (max-width: 700px) {
 .guide-mobile-art { display: block; width: 150px; margin: 28px 0 12px; }
 .setup-identity:has(.integration-art) { display: grid; grid-template-columns: minmax(0,1fr) 80px; gap: 10px 20px; }
 .setup-identity:has(.integration-art) > strong { grid-column: 1; grid-row: 1; }
 .setup-identity:has(.integration-art) > span { grid-column: 1; grid-row: 2; text-align: left; }
 .integration-art { grid-column: 2; grid-row: 1 / 3; width: 80px; margin: 0; }
 .decision-method:has(.comparison-art) { display: flow-root; }
 .comparison-art { float: right; width: 64px; margin: 0 0 12px 16px; }
 .research-art { width: 90px; margin: 18px 0 0 auto; }
 .report-record:has(.report-art) { display: grid; grid-template-columns: minmax(0,1fr) 80px; gap: 16px 20px; align-items: center; }
 .report-record:has(.report-art) > h2 { grid-column: 1; grid-row: 1; }
 .report-art { grid-column: 2; grid-row: 1; margin: 0; }
 .report-record:has(.report-art) > dl, .report-record:has(.report-art) > p, .report-record:has(.report-art) > a { grid-column: 1 / -1; }
 .docs-mobile-art { display: block; width: 110px; margin: 24px 0; }
}