.paper-header-nav { margin-left: auto; display: flex; gap: 30px; font-size: 12px; align-items: center; }.paper-header-nav a:last-child { color: var(--sand); }
.paper-hero { padding: 175px 0 65px; }.paper-hero .eyebrow { color: #727c68; }.paper-hero h1 { font: 48px/1.5 "SimSun", "Songti SC", serif; margin: 25px 0; }.paper-lead { font-size: 15px; line-height: 2; color: #63715d; }.paper-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 26px; margin-top: 30px; font-size: 12px; }.paper-actions > a:not(.button) { border-bottom: 1px solid #7a8065; padding-block: 10px; }
.paper-versions { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #17221f33; border-bottom: 1px solid #17221f33; margin-top: 45px; padding-block: 25px; gap: 20px; }.paper-versions div { display: grid; gap: 10px; }.paper-versions small { font-size: 11px; color: #738168; }.paper-versions strong { font-size: 24px; font-weight: 450; }.paper-versions span { font-size: 11px; color: #67745d; }.paper-version-note { margin-top: 25px; max-width: 950px; font-size: 12px; line-height: 2; color: #6b795f; }
.paper-context { padding-block: 45px; }.paper-legend { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; }.paper-legend strong { font-size: 14px; font-weight: 450; color: #d8c7a0; }.paper-legend p { font-size: 12px; line-height: 1.9; margin-top: 10px; color: #9cae92; }.paper-addendum { border-top: 1px solid var(--line); margin-top: 30px; }.paper-addendum summary { display: flex; justify-content: space-between; gap: 20px; padding-top: 25px; font-size: 14px; color: #d8c7a0; cursor: pointer; list-style: none; }.paper-addendum summary::-webkit-details-marker,.paper-toc summary::-webkit-details-marker { display: none; }.paper-addendum[open] summary > span { transform: rotate(45deg); }.paper-addendum > div { max-width: 960px; padding-top: 22px; }.paper-addendum h2 { font-size: 22px; font-weight: 400; margin-bottom: 15px; }.paper-addendum p { font-size: 13px; line-height: 2; color: #a6b49a; margin-top: 14px; }.paper-addendum .paper-small { font-size: 11px; }.paper-addendum code { color: #e1ce9f; }
.paper-reading { padding-block: 60px 90px; }.paper-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 65px; align-items: start; }.paper-layout aside { position: sticky; top: 105px; }.paper-toc summary { list-style: none; cursor: pointer; font-size: 14px; padding-bottom: 18px; border-bottom: 1px solid #17221f33; display: flex; justify-content: space-between; }.paper-toc summary > span { color: #849275; }.paper-toc nav { display: grid; gap: 11px; padding-top: 20px; max-height: 68vh; overflow-y: auto; padding-right: 12px; scrollbar-width: thin; }.paper-toc a { color: #66745e; font-size: 11px; line-height: 1.65; }.paper-toc a:hover { color: #17221f; text-decoration: underline; }.paper-content { min-width: 0; max-width: 900px; }.paper-content h2 { font-size: 25px; font-weight: 500; margin: 38px 0 20px; line-height: 1.6; border-top: 1px solid #17221f29; padding-top: 25px; }.paper-content p { font-size: 15px; color: #43533f; line-height: 2.1; margin-block: 16px; overflow-wrap: anywhere; }.paper-content .paper-kicker { color: #7d856c; font-size: 12px; letter-spacing: 1px; margin-top: 38px; }.paper-content .paper-small { font-size: 12px; line-height: 1.9; }.paper-table { overflow-x: auto; margin-block: 25px; scrollbar-width: thin; }.paper-table table { border-collapse: collapse; width: 100%; min-width: 410px; font-size: 12px; line-height: 1.85; }.paper-table th,.paper-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #17221f26; color: #53624b; min-width: 120px; }.paper-table th { background: #dfe3d5; color: #2a3c29; font-weight: 500; }.paper-footer { padding-block: 30px; display: flex; justify-content: space-between; gap: 25px; align-items: center; font-size: 11px; }.paper-footer p { font-size: 10px; line-height: 1.8; }
@media (max-width: 960px) { .paper-layout { grid-template-columns: 185px minmax(0,1fr); gap: 30px; }.paper-header-nav { gap: 22px; }.paper-hero { padding-top: 145px; }.paper-content p { font-size: 14px; } }
@media (max-width: 700px) { .paper-header-nav { gap: 18px; font-size: 10px; }.paper-header-nav a:nth-child(2) { display: none; }.paper-hero { padding-block: 120px 40px; }.paper-hero h1 { font-size: 34px; margin-block: 23px; }.paper-lead { font-size: 12px; }.paper-actions { gap: 18px; font-size: 11px; }.paper-actions .button { flex-basis: 100%; justify-content: center; }.paper-versions { gap: 20px; padding-block: 23px; margin-top: 30px; grid-template-columns: 1fr; }.paper-versions div { grid-template-columns: 1fr 1fr; gap: 7px; align-items: center; }.paper-versions strong { font-size: 20px; text-align: right; }.paper-versions span { grid-column: span 2; font-size: 10px; }.paper-version-note { font-size: 11px; }.paper-context { padding-block: 32px; }.paper-legend { grid-template-columns: 1fr; gap: 22px; }.paper-legend p { margin-top: 6px; }.paper-addendum summary { font-size: 12px; line-height: 1.8; }.paper-addendum h2 { font-size: 20px; }.paper-addendum p { font-size: 12px; }.paper-layout { display: block; }.paper-layout aside { position: static; margin-bottom: 35px; }.paper-toc nav { max-height: 260px; }.paper-content h2 { font-size: 21px; }.paper-content p { font-size: 13px; line-height: 2; }.paper-content .paper-small { font-size: 11px; }.paper-reading { padding-block: 35px 55px; }.paper-table th,.paper-table td { padding: 10px 12px; font-size: 11px; }.paper-footer { flex-wrap: wrap; font-size: 10px; gap: 20px; }.paper-footer p { flex-basis: 100%; order: 3; } }
