.background-page{--bg-text:#5c6b64;--bg-muted:#7c8980;--bg-accent:#758d80}
.background-hero,.background-section{max-width:1250px;padding:60px 50px;margin:auto}
.background-hero{padding-top:27px;padding-bottom:48px}.background-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;padding:40px 0 32px}
.background-heading h1{font-family:'Microsoft Yahei',sans-serif;font-weight:400;line-height:1.65;font-size:42px;letter-spacing:1px;margin:15px 0;color:#546f64}
.background-kicker{font-size:11px;letter-spacing:2px;color:#9b9177}.background-lead{font-size:16px;color:#7c897c;line-height:2.2;margin-bottom:25px;justify-self:end}
.chapter-path{display:flex;flex-wrap:wrap;gap:27px;font-size:12px;color:#748778;padding:18px 0}.chapter-path span{font-family:Georgia;font-size:17px;margin-right:10px;color:#aaa385}.chapter-path i{font-style:normal;color:#c0c9b9}.chapter-path a:hover{color:#4f7967}
.back-study{font-size:11px;color:#8c947f;white-space:nowrap}.background-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.background-section h2{font-size:29px;font-weight:400;line-height:1.65;color:#556d63;margin:0 0 24px}.background-copy p,.story-step p{font-size:14px;line-height:2.05;color:var(--bg-text);margin:14px 0}.background-copy strong,.story-step strong{font-weight:500;color:#4e7060}.quiet-note{font-size:12px!important;color:var(--bg-muted)!important}
.web-figure{margin:0;min-width:0}.web-figure img{display:block;width:100%;height:auto}.web-figure a:focus-visible{display:block}.web-figure figcaption,.shader-source figcaption{font-size:11px;color:#839083;line-height:1.9;margin-top:14px}.web-figure figcaption>span{display:block;font-size:12px;color:#6a8270;margin-bottom:5px}.web-figure figcaption a,.shader-source figcaption a{color:#7d917a;text-decoration:underline;text-decoration-color:#c9d3c4;text-underline-offset:3px}
.background-statement{padding:40px 0 0;display:flex;align-items:baseline;gap:45px}.background-statement>span{color:#a79b7b;font-size:11px;white-space:nowrap;letter-spacing:2px}.background-statement p{font-size:24px;line-height:1.8;color:#6a8372;margin:0}.background-statement em{font-style:normal;color:#9a9278}
.background-section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:18px}.background-section-head>p{color:var(--bg-muted);font-size:13px;line-height:1.9;margin-bottom:24px}
.traditional-section{background:linear-gradient(180deg,transparent,#eef2eb60 25%,#f4f3ec55 75%,transparent)}
.story-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:22px;padding:25px 0 40px}.story-marker{font:28px Georgia;color:#b1b9a2;padding-top:1px}.story-step h3{font-size:19px;font-weight:400;color:#587561;margin:0 0 15px}.wide-source{margin-top:25px}.map-explanation{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
.text-pipeline{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 0;font-size:13px;color:#688274}.text-pipeline b{font-weight:400;color:#b6c0a6}.text-pipeline span{padding:8px 0}.inline-cite{font-size:10px;vertical-align:super;color:#8f9c80}.shader-source{margin:26px 0 0;max-width:620px}.shader-source img{display:block;width:100%;height:auto;max-width:574px}
.plain-aside{padding:23px 28px;background:linear-gradient(100deg,#f0f0e5aa,transparent);color:#7c8068;font-size:13px}.plain-aside b{font-weight:500}.plain-aside p{margin:8px 0 0;line-height:2;color:#7c8472}
.route-comparison{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:28px 0 35px}.route-comparison small{font-size:10px;letter-spacing:1.3px;color:#939b82}.route-comparison article:nth-child(2) small{color:#768f7d}.route-comparison h3{font-size:23px;font-weight:400;color:#667b67;margin:17px 0}.route-comparison ol{list-style:none;padding:0;font-size:13px;line-height:2.2;color:#68776b}.route-comparison li{margin:10px 0}.route-comparison li span{color:#a39d7f;font-size:11px;margin-right:13px}.route-comparison article>p{font-size:12px;color:#8a947e}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:22px 0 42px}.benefits article>span{font:26px Georgia;color:#b0b69d}.benefits h3{font-size:17px;font-weight:400;color:#5d7964;margin:14px 0}.benefits p{font-size:13px;line-height:2;color:#768572}
.project-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-evidence figure{margin:0}.project-evidence img{width:100%;height:auto;display:block}.project-evidence figcaption{font-size:12px;color:#6b806f;padding:14px 0}.project-evidence b{font:16px Georgia;color:#a89c7b;margin-right:10px}.evidence-caption{font-size:11px;color:#8b9581;line-height:1.9;margin:8px 0 35px}
.scope-notes{padding:30px 0 10px}.scope-notes h3{font-size:21px;font-weight:400;color:#657c68;margin:0 0 23px}.scope-notes dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.scope-notes dt{font-size:12px;color:#9a9477;margin-bottom:9px}.scope-notes dd{font-size:13px;line-height:2;color:#7c8574;margin:0}.scope-notes>p{font-size:12px;line-height:2;color:#84907c;margin-top:26px}.scope-notes strong{font-weight:500;color:#69806b}
.continue-study{display:grid;grid-template-columns:1fr auto;gap:8px 20px;margin-top:35px;padding:27px 30px;background:linear-gradient(110deg,#e9f0e7aa,#f4f1e680);color:#6d876f}.continue-study span{font-size:10px;color:#9e997b;letter-spacing:1px}.continue-study strong{font-size:20px;font-weight:400;grid-column:1}.continue-study b{grid-row:1/3;grid-column:2;align-self:center;font-size:24px;font-weight:400}
.source-section h2{font-size:25px}.source-list{list-style:none;padding:0;margin:25px 0}.source-list>li{display:grid;grid-template-columns:55px 1fr;gap:20px;margin:30px 0}.source-list>li>span{font-size:11px;color:#aaa184;padding-top:2px}.source-list a{font-size:13px;color:#688874;text-underline-offset:4px}.source-list a:hover{text-decoration:underline}.source-list p{font-size:12px;line-height:1.9;color:#83907f;max-width:920px;margin:7px 0}.source-downloads{display:flex;gap:25px;margin-top:13px}.source-downloads a{font-size:11px}
.background-page .topbar nav a[aria-current]{color:#567362}.background-page .topbar nav a[aria-current]:before{background:#b3af8f}
.research-background-link{color:#85917c;font-size:12px;display:inline-block;margin:8px 0 2px}
@media(max-width:1050px){.background-hero,.background-section{padding-inline:35px}.background-heading{gap:30px}.background-heading h1{font-size:34px}.background-lead{font-size:14px}.background-split{gap:35px}.route-comparison{gap:30px}.benefits{gap:25px}.background-page .topbar nav{gap:17px}}
@media(max-width:760px){.background-hero,.background-section{padding:35px 24px}.background-hero{padding-top:20px}.background-heading{grid-template-columns:1fr;padding:20px 0 5px;gap:12px}.background-heading h1{font-size:28px;margin-bottom:5px}.background-lead{justify-self:start;font-size:13px;margin:0}.chapter-path{gap:8px 14px;font-size:10px}.chapter-path span{font-size:13px;margin-right:4px}.chapter-path i{display:none}.background-split,.map-explanation{grid-template-columns:1fr;gap:23px}.background-section h2{font-size:24px}.background-copy p,.story-step p{font-size:13px}.background-statement{display:block;padding-top:25px}.background-statement p{font-size:19px;margin-top:9px}.background-statement em{display:block}.background-section-head{display:block}.background-section-head>p{font-size:12px}.story-step{grid-template-columns:22px minmax(0,1fr);gap:12px;padding:15px 0 30px}.story-marker{font-size:23px}.story-step h3{font-size:17px}.text-pipeline{gap:8px;font-size:11px}.plain-aside{padding:19px 0;font-size:12px}.route-comparison{grid-template-columns:1fr;gap:25px}.route-comparison h3{font-size:21px}.benefits{grid-template-columns:1fr;gap:16px}.benefits article{position:relative;padding-left:36px}.benefits article>span{position:absolute;left:0;top:9px;font-size:22px}.benefits h3{margin-top:10px}.project-evidence{gap:8px}.project-evidence figcaption{font-size:9px;line-height:1.8}.project-evidence b{display:block;font-size:12px}.scope-notes dl{grid-template-columns:1fr;gap:22px}.scope-notes h3{font-size:20px}.continue-study{padding:22px 16px}.continue-study strong{font-size:17px}.source-list>li{grid-template-columns:38px 1fr;gap:12px}.source-list p{font-size:11px}.source-list a{overflow-wrap:anywhere}.back-study{grid-row:1;grid-column:2;font-size:10px}.background-page .topbar nav{justify-content:space-between;gap:15px}}