body:has(.reading-page){background:#fff}body:has(.reading-page) .site-header{box-shadow:none;background:#fffffff0;border-color:#eceef0}body:has(.reading-page) .site-footer{border-color:#e2e5e8;border-top-width:1px}.reading-page{--article-font:var(--font-sans);--article-body:17px;--article-body-leading:1.9;--article-h2:24px;--article-h3:20px;--reading-line:#e2e5e8;color:#292d32;grid-template-columns:minmax(0,650px) minmax(0,1fr);align-items:start;gap:clamp(48px,6vw,104px);width:min(100% - 96px,1320px);max-width:none;margin:0 auto;padding:64px 0 100px;display:grid}.reading-main{min-width:0}.reading-back{color:#636970;align-items:center;gap:12px;min-height:44px;margin-bottom:28px;font-size:14px;display:inline-flex}.reading-back:hover{color:var(--ink)}.reading-header{margin:0 0 34px;padding:0}.reading-header h1{max-width:none;font-family:var(--font-display);letter-spacing:0;text-wrap:pretty;margin:0 0 18px;font-size:clamp(28px,2.5vw,36px);font-weight:400;line-height:1.5}.reading-header .meta{color:#686e75;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 22px;font-size:13px;line-height:1.7;display:flex}.reading-header .meta a{color:inherit;text-underline-offset:3px;text-decoration:underline}.reading-header .lead{color:#454b52;max-width:none;margin:0;font-size:17px;font-weight:400;line-height:1.9}.reading-page .eyebrow{letter-spacing:.08em;font-size:12px}.reading-page .eyebrow:before{display:none}.reading-page .article-body-layout{display:block}.reading-page .article-body-layout:not(.article-body-layout--with-toc) .article-content{max-width:none;margin:0}.reading-page .prose{color:#363b41;overflow-wrap:anywhere;max-width:none}.reading-page .prose h2{font-family:var(--font-sans);margin:42px 0 16px;font-weight:500;line-height:1.6}.reading-page .prose>:first-child{margin-top:0}.reading-page .prose h3{margin:30px 0 12px;font-weight:500;line-height:1.6}.reading-page .prose p{margin-bottom:1.35em}.reading-page .prose li{margin:.5em 0}.reading-page .prose strong{color:#252a30;font-weight:500}.reading-page .prose blockquote{color:#606872;border-left:2px solid #cbd1d6;padding-left:18px}.reading-page .prose a{color:inherit;text-underline-offset:4px;text-decoration-color:#9ca5ae}.reading-page .prose a:hover{text-decoration-color:#333}.reading-page .prose pre{border-color:var(--reading-line);border-radius:6px}.reading-page .prose pre code{white-space:pre;overflow-wrap:normal}.reading-page .article-toc-mobile,.reading-toc{border:0;border-bottom:1px solid var(--reading-line);margin:0 0 32px;padding:0;display:block}.reading-toc summary{cursor:pointer;color:#636970;min-height:48px;font-size:14px}.reading-page .article-toc-mobile summary{color:#636970;font-weight:400}.reading-toc nav{gap:10px;padding:0 0 20px;font-size:14px;display:grid}.reading-toc nav a{color:var(--link)}.reading-visual{min-width:0;padding-top:0;position:sticky;top:108px}.reading-visual figure{margin:0}.reading-visual__image{background:#f1f3f5;border-radius:3px;position:relative;overflow:hidden}.reading-visual img{object-fit:cover;object-position:var(--reading-image-position,center);width:100%;height:clamp(420px,100svh - 190px,850px);display:block}.project-case--panxiu-material-library .reading-visual img{aspect-ratio:4/3;object-fit:contain;height:auto}.reading-visual video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.reading-visual figcaption{color:#6c7279;margin-top:14px;font-size:12px;line-height:1.7}.reading-page .case-body{width:auto;max-width:none;margin:0;padding:0}.reading-page .metrics{border-block:1px solid var(--reading-line);background:0 0;flex-wrap:wrap;gap:20px 32px;margin:30px 0;padding:22px 0;display:flex}.reading-page .metrics>div{background:0 0;padding:0}.reading-page .metrics b{font:600 22px/1.5 var(--font-sans)}.reading-archive{border-block:1px solid var(--reading-line);margin:46px 0 0}.reading-archive>summary{cursor:pointer;min-height:60px;padding:18px 0;font-size:16px;font-weight:500}.reading-page .project-facts{background:0 0;border:0;padding:20px 0}.reading-page .project-facts h2{margin:0 0 18px;font-size:21px}.reading-page .project-facts dl{margin:0}.reading-page .project-facts dl>div{grid-template-columns:84px minmax(0,1fr);gap:16px;padding:10px 0;font-size:14px;display:grid}.reading-page .project-facts dt{color:#68717a}.reading-page .project-facts dd{margin:0}.reading-page .evidence-note{color:#606872;border-left:2px solid #cbd1d6;margin:20px 0;padding-left:16px;font-size:14px}.reading-page .case-summary{margin:0 0 28px;display:block}.reading-page .case-summary>div+div{margin-top:26px}.reading-page .case-summary h2{font-size:20px;font-weight:500}.reading-page .case-summary ul{color:#454b52;padding-left:20px;font-size:15px}.reading-page .case-summary__note{color:#68717a;font-size:13px}.reading-page :is(.article-related,.related-projects,.project-contact,.project-sources,.project-challenge){border:0;border-top:1px solid var(--reading-line);background:0 0;margin:44px 0 0;padding:26px 0 0}.reading-page :is(.article-related,.related-projects,.project-contact,.project-sources,.project-challenge) h2{font:600 21px/1.6 var(--font-sans);margin:0 0 18px}.reading-page :is(.article-related,.related-projects)>div{grid-template-columns:1fr;gap:0;display:grid}.reading-page :is(.article-related,.related-projects) a{min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;gap:5px;padding:10px 0;font-size:15px}.reading-page :is(.article-related,.related-projects) a:hover{text-underline-offset:4px;text-decoration:underline;transform:none}.reading-page .article-author{gap:8px;margin-top:32px;font-size:14px;display:grid}.reading-page :is(.article-neighbors,.project-neighbors){font-size:14px;line-height:1.7}.reading-page :is(.project-contact,.project-challenge) p{color:#545d66;font-size:15px}.reading-page .text-link{margin-top:12px}#project-results,#project-details{scroll-margin-top:104px}@media (width<=1099px){.reading-page{grid-template-columns:minmax(0,1fr);gap:0;width:min(100% - 40px,680px);padding-top:36px}.reading-main{display:contents}.reading-visual{grid-row:3;margin-bottom:30px;position:static}.reading-visual img{aspect-ratio:16/9;height:auto;max-height:280px}.reading-visual figcaption{display:none}.reading-back{margin-bottom:20px}}@media (width<=600px){.reading-page{--article-body:16px;--article-h2:22px;--article-h3:19px;padding-top:24px}.reading-header h1{font-size:27px;line-height:1.55}.reading-header .lead{font-size:16px}.reading-page .metrics{gap:20px 24px}.reading-page :is(.article-neighbors,.project-neighbors){grid-template-columns:1fr;gap:0}.reading-page :is(.article-neighbors,.project-neighbors) a:last-child{text-align:left}}.reading-role{color:var(--muted);margin:18px 0 0;font-size:14px;line-height:1.8}.reading-role b{color:var(--ink);margin-right:10px;font-weight:500}.reading-version{color:var(--muted);border-top:1px solid var(--line);padding-top:14px;font-size:13px;line-height:1.8}.reading-version a{text-underline-offset:3px;text-decoration:underline}.reading-map{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f7f8f9);border-radius:4px;padding:36px 28px}.reading-map__eyebrow{color:var(--muted);letter-spacing:.12em;margin:0 0 10px;font-size:12px}.reading-map h2{margin:0 0 30px;font-size:26px;font-weight:300}.reading-map ol{margin:0;padding:0;list-style:none}.reading-map li{border-left:1px solid #dce0e4;margin-left:8px;padding:0 0 24px 28px;position:relative}.reading-map li:last-child{border-left-color:#0000;padding-bottom:0}.reading-map li:before{content:"";background:#71808c;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;left:-4px}.reading-map a{font-size:15px;line-height:1.85;display:block}.reading-map a:hover{text-underline-offset:4px;text-decoration:underline}.reading-visual--outline figcaption{max-width:34em}@media (width<=1099px){.reading-header{margin-bottom:24px}.reading-visual--outline{display:none}.reading-back{margin-bottom:18px}}
