:root{--pine:#234a3b;--deep:#18372d;--ink:#253d33;--sage:#6b7b6e;--paper:#f6f7f3;--line:#e0e5dc;--wood:#b79769;--mint:#e7eee3;--white:#fff;--body:'PingFang SC','Microsoft YaHei',sans-serif;--display:'Songti SC','STSong',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--wood);outline-offset:5px}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.skip{position:fixed;top:-100px;z-index:99;background:white;padding:12px}.skip:focus{top:8px}.sidebar{width:252px;background:var(--deep);position:fixed;inset:0 auto 0 0;color:#d3dfd4;padding:36px 20px 24px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:11px;align-items:center;padding:0 9px;color:#fff;font-size:18px;font-weight:600;letter-spacing:1px}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:1.5px;color:#9eb4a6;margin-top:2px}.brand-mark{border:1px solid #8aa39366;width:39px;height:43px;display:grid;place-items:center;border-radius:9px}.brand-mark .icon{width:26px;height:26px}.nav-label{font-size:10px;letter-spacing:2px;color:#819d8d;margin:46px 13px 15px}nav{display:grid;gap:7px}nav a{position:relative;display:flex;gap:12px;align-items:center;padding:12px 14px;font-size:13px;border-radius:6px;transition:background .2s,color .2s;color:#acbfb1}nav a:hover{background:#ffffff0c;color:#fff}nav a.active{background:#345747;color:#fff}nav .icon{width:19px;height:19px}.nav-dot{width:5px;height:5px;background:#c9c4a1;border-radius:50%;margin-left:auto}.sidebar-bottom{margin:auto 12px 0;padding-top:30px;font-size:11px;color:#a9bdad}.sidebar-bottom p{color:#7f9b8a;line-height:1.9;margin:12px 0 18px}.sidebar-bottom a{font-size:10px;color:#c3cdbd}.live-dot{display:inline-block;background:#adc49a;width:6px;height:6px;border-radius:50%;margin-right:6px}.workspace{margin-left:252px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);background:#f6f7f3eF;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.breadcrumb{font-size:11px;color:#8a9589;letter-spacing:.3px}.breadcrumb span{margin:0 13px;color:#c1c9bc}.breadcrumb b{font-weight:400;color:#536951}.print-button{border:1px solid #dce2d6;background:transparent;border-radius:5px;display:flex;gap:8px;align-items:center;padding:7px 11px;font-size:11px;color:#667461}.print-button .icon{width:15px;height:15px}.menu-button{display:none}main{max-width:1440px;margin:auto;padding:38px 48px 0}.overview-hero{background:var(--pine);position:relative;overflow:hidden;border-radius:10px;min-height:430px;color:white;display:flex;align-items:center;padding:48px 48px 36px;isolation:isolate}.overview-hero:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff13 .6px,transparent .6px);background-size:6px 6px;z-index:-1}.hero-copy{position:relative;z-index:2;width:60%}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:500;color:#7a8a71;display:block}.overview-hero .eyebrow{color:#b5c9af;letter-spacing:2px}.overview-hero h1{font-family:var(--display);font-size:clamp(35px,3.4vw,52px);font-weight:500;line-height:1.35;letter-spacing:2px;margin:22px 0 18px}.overview-hero h1 span{color:#d8c299}.overview-hero p{color:#bdcebf;line-height:1.95;font-size:12px;margin:0 0 25px}.button{display:inline-flex;gap:27px;align-items:center;padding:11px 18px;border-radius:4px;font-size:12px;font-weight:500}.button.light{background:#e5e9d7;color:#294638}.button .icon{width:17px;height:17px}.button:hover{background:white}.hero-meta{display:flex;gap:16px;font-size:9px;margin-top:31px;color:#9eb5a3}.hero-meta span+span{border-left:1px solid #ffffff26;padding-left:16px}.timber-art{position:absolute;width:46%;right:15px;top:20px;height:calc(100% - 30px)}.section-head{margin:42px 0 20px;display:flex;justify-content:space-between;gap:35px;align-items:flex-end}.section-head h2{font-family:var(--display);font-weight:600;font-size:25px;line-height:1.4;letter-spacing:.5px;margin:7px 0 0}.section-head>p{font-size:11px;max-width:320px;color:#7c8878;line-height:1.8;margin:0 0 2px}.flow{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:8px}.flow-item{padding:24px 22px;position:relative}.flow-item:not(:last-child){border-right:1px solid var(--line)}.flow-item:not(:last-child):after{content:'→';position:absolute;right:-11px;top:47px;border:1px solid var(--line);width:21px;height:21px;background:white;text-align:center;line-height:19px;border-radius:50%;color:#8a9a7e;z-index:1;font-size:12px}.iconbox{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#edf1e9;color:#4d6e4f;margin-bottom:18px}.flow-item .iconbox{width:33px;height:33px;margin-bottom:12px}.flow-item .iconbox .icon{width:20px;height:20px}.flow-item strong{display:block;font-size:13px;font-weight:500}.flow-item p{white-space:pre-line;font-size:10px;color:#8a9384;line-height:1.9;margin:8px 0 0}.two-col,.three-col,.project-grid{display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.three-col{grid-template-columns:repeat(3,1fr)}.compact{margin-top:18px}.card{border:1px solid var(--line);background:#fff;border-radius:7px;padding:25px}.card h3,.project-card h3,.panel h3{font-size:15px;font-weight:500;margin:0 0 11px}.card p,.project-card p{font-size:12px;color:#7a8775;margin:0;line-height:1.95}.compact .card{position:relative;padding:22px 24px 22px 78px;background:#eef2e9;border:0}.compact .iconbox{position:absolute;left:23px;top:23px;background:#e0e8d8;width:35px;height:35px}.compact h3{font-size:13px;margin-bottom:5px}.compact p{font-size:11px}.project-card{background:#fff;border:1px solid var(--line);padding:27px 28px 22px;border-radius:7px;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-3px);border-color:#8fa386}.card-top{display:flex;gap:13px;align-items:center;margin-bottom:20px;font-size:10px;color:#9aa28f}.card-top .iconbox{margin:0}.card-top>.icon{margin-left:auto;width:18px;height:18px;color:#7b9270}.project-card h3{font-size:17px;margin-bottom:10px}.project-card p{max-width:390px}.card-tag{border-top:1px solid #edf0e8;display:block;margin-top:23px;padding-top:14px;color:#7b8a6e;font-size:10px;letter-spacing:.6px}.loop{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);padding-top:23px;gap:20px}.loop small{display:block;color:#a8b39d;font-size:11px}.loop strong{display:block;font-weight:500;font-size:13px;margin:6px 0}.loop p{font-size:10px;color:#8a9483;margin:0}.note{margin:32px 0 10px;padding:21px 24px;display:flex;gap:14px;background:#edf0e5;border:1px solid #e0e5d5;border-radius:6px;color:#637256}.note>.icon{width:20px;height:20px;margin-top:2px}.note strong{font-size:12px;font-weight:500}.note p{margin:5px 0 0;font-size:11px;line-height:1.95;color:#7b856c}.pager{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:46px;padding:24px 0 36px;font-size:13px}.pager a{max-width:48%}.pager a:last-child{text-align:right}.pager small{display:block;color:#929b88;font-size:9px;margin-bottom:4px}.pager .icon{width:15px;height:15px;margin-left:10px}footer{display:flex;justify-content:space-between;padding:18px 0 24px;border-top:1px solid var(--line);font-size:9px;color:#97a08e}.page-hero{padding:25px 0 28px;border-bottom:1px solid var(--line)}.page-hero h1{font-family:var(--display);font-weight:500;font-size:44px;letter-spacing:1px;line-height:1.4;margin:19px 0}.page-hero>p{max-width:720px;font-size:13px;line-height:2;color:#798572}.pill{display:inline-flex;align-items:center;gap:6px;background:#e8eee1;border:1px solid #dce5d2;color:#68805a;border-radius:4px;padding:4px 9px;font-size:10px;margin-top:12px}.pill .icon{width:13px;height:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps>div{border-top:2px solid #c2cfb4;padding:16px 4px}.steps span{font-size:12px;font-family:Georgia,serif;color:#a4b18e}.steps h3{font-size:14px;font-weight:500;margin:8px 0}.steps p{color:#829075;font-size:11px;margin:0}.panel{background:white;border:1px solid var(--line);border-radius:7px;padding:25px}.checklist{list-style:none;padding:0;margin:18px 0 0}.checklist li{display:flex;gap:10px;margin-top:14px;font-size:12px;color:#7a8870}.checklist .icon{width:15px;height:15px;margin-top:4px;color:#86a06d}.product-demo{display:grid;grid-template-columns:210px 1fr;gap:32px;background:#fff;padding:27px;border:1px solid var(--line);border-radius:8px;align-items:center}.swatch{height:190px;position:relative;border-radius:5px;background:repeating-linear-gradient(94deg,transparent 0 6px,#b49b7022 7px 8px,transparent 9px 15px),repeating-linear-gradient(86deg,#d6c4a3,#e2d2b5 15px,#caba99 17px,#dacaab 32px)}.swatch span{position:absolute;bottom:12px;left:12px;background:#ffffffba;color:#7c6b4c;font-size:9px;padding:4px 8px;border-radius:3px}.product-demo h3{font-size:19px;font-weight:500;margin:10px 0 15px}.product-demo p{font-size:12px;color:#7b866f}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:10px;background:#edf1e8;color:#718363;padding:5px 10px;border-radius:3px}.opportunity{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white}.map-demo{min-height:260px;position:relative;background-color:#e7eddf;background-image:linear-gradient(27deg,transparent 45%,#fff9 46% 49%,transparent 50%),linear-gradient(96deg,transparent 45%,#fff9 46% 49%,transparent 50%),repeating-linear-gradient(10deg,transparent 0 33px,#cad7bd66 34px 35px),repeating-linear-gradient(99deg,transparent 0 49px,#cad7bd66 50px 51px)}.map-demo>span{position:absolute;top:18px;left:20px;font-size:10px;color:#718367}.map-demo strong{position:absolute;bottom:20px;left:20px;font-size:13px;font-weight:500;background:#ffffffbc;padding:5px 10px}.pin{position:absolute;width:18px;height:18px;background:#4d7047;border:4px solid #f7f9ee;border-radius:50%;box-shadow:0 0 0 8px #6e8b5e20}.pin.one{left:43%;top:43%}.pin.two{left:70%;top:65%}.pin.three{left:25%;top:65%}.lead-card{padding:22px 28px}.lead-card h3{font-size:21px;font-weight:500;margin:16px 0}.lead-card p{color:#819174;font-size:12px}.mini-steps{border-top:1px solid var(--line);padding-top:15px;font-size:10px;color:#7c8c70}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.scene{height:245px;position:relative;overflow:hidden;background:linear-gradient(0deg,#c3b9a1 0 22%,#efede5 22%);border-radius:6px}.scene:before{content:'';position:absolute;inset:0 0 22% 70%;background:#ddd9cb;clip-path:polygon(0 0,100% 0,100% 100%,0 78%)}.cabinet{position:absolute;left:16%;top:13%;width:50%;height:69%;background:repeating-linear-gradient(90deg,transparent 0 32%,#8b785544 32.4% 33%,transparent 33.3% 65%,#8b785555 65.4% 66%,transparent 66.3%),repeating-linear-gradient(91deg,#cbb993 0 3px,#d2c29e 4px 11px);box-shadow:8px 9px 10px #5b4c3220;border:8px solid #c6b48f}.scene.dark-wood{background:linear-gradient(0deg,#9e9e93 0 22%,#d8d9d1 22%)}.dark-wood .cabinet{background:repeating-linear-gradient(90deg,transparent 0 32%,#22180966 32.4% 33%,transparent 33.3% 65%,#22180966 65.4% 66%,transparent 66.3%),repeating-linear-gradient(91deg,#69553e 0 3px,#725f45 4px 11px);border-color:#64503a}.scene>span{position:absolute;left:16px;bottom:14px;font-size:10px;background:#fffC;padding:5px 10px;border-radius:3px;color:#73674f}.caption{color:#929c86;font-size:10px;margin:12px 0 20px}.trend-panel{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:32px;border:1px solid var(--line);border-radius:7px;background:white}.trend-panel h3{font-size:20px;font-weight:500;margin:12px 0}.trend-panel p{color:#8b957e;font-size:11px}.bar-row{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:11px;margin:0 0 14px;color:#7c886e}.bar-row b{font-size:10px;font-weight:400}.bar-row>div{grid-column:1/-1;height:7px;background:#eef1e7;border-radius:2px;overflow:hidden}.bar-row i{display:block;height:100%;background:#96a583;border-radius:2px}.bar-row:nth-child(2) i{background:#b5b69a}.bar-row:nth-child(3) i{background:#a78e6b}.bar-row:nth-child(4) i{background:#cbd0bf}.table-wrap{border:1px solid var(--line);border-radius:7px;overflow-x:auto;background:white}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;min-width:560px}th{background:#edf1e7;color:#7e8b73;font-weight:500;font-size:10px;padding:15px 20px;white-space:nowrap}td{padding:19px 20px;border-top:1px solid #e9ede2;color:#7f8b73;line-height:1.9}td:first-child{color:#3c563c;min-width:205px}td strong{font-weight:500}.row-number{font-size:10px;color:#a5b093;margin-right:12px}.priority{font-size:10px;background:#eef2e8;display:inline-block;white-space:nowrap;padding:2px 8px;border-radius:3px}.quote-panel{background:#e9eee0;border-radius:7px;padding:30px 38px;margin-bottom:20px}blockquote{font-family:var(--display);font-size:25px;line-height:1.7;margin:18px 0;color:#435e3e}.quote-panel p{font-size:11px;color:#7f8c70}.architecture{border:1px solid var(--line);border-radius:7px;padding:8px 25px;background:white}.arch-row{display:flex;align-items:center;gap:18px;padding:18px 0}.arch-row+.arch-row{border-top:1px solid var(--line)}.arch-row>span{font-size:10px;color:#96a086;flex-shrink:0;min-width:65px}.arch-row strong{flex:1;background:#edf2e7;font-size:12px;text-align:center;padding:9px;font-weight:500}.arch-row p{margin:0;font-size:12px;color:#7c8a70}.anchor-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.anchor-nav a{display:flex;align-items:center;gap:7px;background:white;border:1px solid var(--line);border-radius:4px;padding:8px 11px;font-size:10px;color:#6e805f}.anchor-nav .icon{width:16px;height:16px}.timeline{display:grid;gap:0}.timeline article{display:grid;grid-template-columns:125px 1fr;gap:30px;position:relative;padding-bottom:30px}.timeline article:before{content:'';position:absolute;width:1px;left:120px;top:15px;bottom:-15px;background:#d6dfc9}.timeline article:last-child:before{bottom:55px}.timeline article:after{content:'';position:absolute;top:9px;left:116px;width:7px;height:7px;border:2px solid #f6f7f3;background:#7b9466;border-radius:50%}.time{color:#7a9064;font-size:12px}.timeline h3{font-size:18px;font-weight:500;margin:8px 0}.timeline p{font-size:12px;color:#849174;margin:0}.deliverable{margin-top:14px;font-size:11px;background:#edf1e6;padding:10px 14px;border-radius:4px;color:#79886b}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tier{border:1px solid var(--line);border-radius:7px;background:white;padding:27px 23px}.tier:nth-child(2){background:var(--pine);color:white;border-color:var(--pine)}.tier:nth-child(2) .eyebrow,.tier:nth-child(2) p,.tier:nth-child(2) li,.tier:nth-child(2) .tier-foot{color:#b2c6ad}.tier h3{font-size:17px;font-weight:500;margin:12px 0}.tier p{font-size:11px;color:#8b967e}.tier ul{list-style:none;padding:15px 0 20px;margin:0}.tier li{font-size:11px;color:#7b8b6a;display:flex;gap:8px;margin:12px 0}.tier li .icon{width:14px;height:14px;margin-top:2px}.tier-foot{font-size:9px;color:#9aa48d;display:block;padding-top:15px;border-top:1px solid #a3b39433}@media(min-width:1600px){main{padding-top:45px}.overview-hero{min-height:475px}}@media(max-width:1200px){.sidebar{width:225px;padding-left:13px;padding-right:13px}.workspace{margin-left:225px}.topbar{padding:0 30px}main{padding:30px 30px 0}.overview-hero{padding:36px 32px;min-height:410px}.overview-hero h1{font-size:39px}.timber-art{width:48%;right:-15px}.flow-item{padding:22px 14px}.flow-item strong{font-size:12px}.section-head h2{font-size:23px}.card{padding:22px}.three-col{gap:13px}.tier{padding:22px 17px}.tier h3{font-size:15px}}@media(max-width:960px){.sidebar{width:205px}.workspace{margin-left:205px}.brand{font-size:15px}.brand small{font-size:7px}.brand-mark{width:33px}.sidebar nav a{font-size:11px;gap:9px}.hero-copy{width:70%}.overview-hero h1{font-size:36px}.timber-art{opacity:.5;right:-100px;width:66%}.section-head{display:block}.section-head>p{margin-top:10px;max-width:none}.three-col{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.flow-item:nth-child(2){border-right:0}.flow-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.flow-item:nth-child(2):after{display:none}.page-hero h1{font-size:37px}.steps{grid-template-columns:1fr 1fr;gap:18px}.product-demo{grid-template-columns:150px 1fr;gap:22px}.two-col{gap:13px}.panel{padding:20px}.tiers{grid-template-columns:1fr}.tier ul{display:flex;flex-wrap:wrap;gap:10px;padding:5px 0 15px}.trend-panel{grid-template-columns:1fr}.opportunity{grid-template-columns:1fr}.loop{grid-template-columns:repeat(3,1fr)}.scene{height:190px}.project-card{padding:22px}.project-card h3{font-size:15px}.hero-meta{gap:10px}.hero-meta span+span{padding-left:10px}}@media(max-width:700px){.sidebar{transform:translateX(-100%);width:252px;transition:transform .2s;box-shadow:10px 0 40px #0003}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.menu-button{display:grid;place-items:center;border:0;background:transparent;padding:5px;color:var(--pine)}.topbar{height:61px;padding:0 18px;gap:12px}.breadcrumb{margin-right:auto;font-size:10px}.breadcrumb span{margin:0 8px}.print-button{padding:7px}.print-button span{display:none}main{padding:21px 18px 0}.overview-hero{min-height:430px;padding:32px 27px}.hero-copy{width:100%}.overview-hero h1{font-size:38px;margin-top:25px}.overview-hero p{font-size:11px}.timber-art{right:-95px;top:80px;opacity:.22;width:85%;height:350px}.hero-meta{font-size:8px;gap:10px;white-space:nowrap}.section-head{margin-top:33px}.section-head h2{font-size:23px}.section-head>p{font-size:11px}.two-col,.project-grid{grid-template-columns:1fr}.compact .card{padding:21px 22px 21px 77px}.flow-item{padding:20px 18px}.flow-item strong{font-size:12px}.flow-item p{font-size:10px}.project-card{padding:23px}.project-card h3{font-size:17px}.loop{grid-template-columns:repeat(2,1fr);row-gap:25px}.page-hero{padding-top:16px}.page-hero h1{font-size:34px}.page-hero>p{font-size:12px}.eyebrow{font-size:9px}.product-demo{grid-template-columns:1fr;padding:22px}.swatch{height:160px}.scene-grid{gap:10px}.scene{height:180px}.scene>span{font-size:8px;left:8px;bottom:10px;padding:4px 6px}.trend-panel{padding:23px;gap:20px}.quote-panel{padding:25px}blockquote{font-size:21px}.arch-row{flex-wrap:wrap;gap:9px}.arch-row>span{width:100%}.arch-row strong{font-size:10px;padding:8px 5px}.arch-row p{font-size:11px}.timeline article{grid-template-columns:80px 1fr;gap:20px}.timeline article:before{left:83px}.timeline article:after{left:79px}.time{font-size:10px}.timeline h3{font-size:16px}.note{padding:18px;gap:10px}.note p{font-size:10px}.pager{margin-top:32px;font-size:11px}footer{font-size:8px;gap:15px}.table-wrap{border-radius:5px}td,th{padding:14px 16px}.anchor-nav{gap:7px}.anchor-nav a{font-size:9px;padding:7px 8px}.sidebar nav a{font-size:13px}.sidebar .brand{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.sidebar,.topbar,.pager,.skip{display:none}.workspace{margin-left:0}main{padding:0;max-width:none}.overview-hero{print-color-adjust:exact;-webkit-print-color-adjust:exact}.card,.panel,.note,.project-card,.timeline article{break-inside:avoid}body{background:white;font-size:11px}.section-head{margin-top:25px}.page-hero h1{font-size:32px}footer{margin-top:24px}a[href]:after{content:none}}
@media(max-width:700px){.overview-hero h1{font-size:32px;letter-spacing:1px}}

/* Overview includes the capability map and implementation plan. */
.overview-jumps{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 6px}
.overview-jumps a{display:inline-flex;padding:8px 13px;border:1px solid var(--line);border-radius:4px;background:white;color:#607853;font-size:11px}
.overview-jumps a:hover{background:var(--mint)}
.overview-part{margin-top:52px;padding-top:33px;border-top:2px solid #c9d4bd;scroll-margin-top:96px}
.overview-part-heading h2{font-family:var(--display);font-size:30px;font-weight:600;line-height:1.4;margin:9px 0 13px}
.overview-part-heading>p{max-width:760px;font-size:12px;color:#7a8770;line-height:1.95}
.overview-part .section-head h2{font-size:23px}
@media(max-width:700px){.overview-jumps a{font-size:10px;padding:7px 10px}.overview-part{margin-top:38px;padding-top:26px;scroll-margin-top:80px}.overview-part-heading h2{font-size:27px}.overview-part .section-head h2{font-size:22px}}
@media print{.overview-jumps{display:none}.overview-part{break-before:page}}

/* Overview visual explanations */
.visual-panel{margin:25px 0;padding:28px 30px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.visual-panel figcaption h3{font-family:var(--display);font-size:23px;font-weight:600;line-height:1.45;margin:8px 0 10px}
.visual-panel figcaption p{font-size:11px;color:#849076;margin:0 0 12px;line-height:1.9}
.overview-svg{display:block;width:100%;height:auto;max-height:440px;margin:0 auto}
.donut-layout{display:grid;grid-template-columns:minmax(230px,1fr) 1fr;gap:28px;align-items:center}
.donut-layout .overview-svg{max-width:320px}
.chart-legend{display:grid;gap:0}
.chart-legend a{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf0e7;font-size:12px;color:#748566}
.chart-legend a:hover{color:#234a3b}.chart-legend i{width:9px;height:9px;border-radius:2px;flex-shrink:0}
.chart-legend b{font:22px Georgia,serif;color:#3d5c3c;margin-left:auto}.chart-legend small{font:9px var(--body);color:#a2ac94;margin-left:6px}
.chart-footnote{font-size:9px;color:#9aa48d;border-top:1px solid var(--line);padding-top:14px;margin:8px 0 0}
.cycle-visual .overview-svg{max-width:660px}.knowledge-visual .overview-svg{max-width:840px}.timeline-visual .overview-svg{min-width:650px}.timeline-visual{overflow-x:auto}
@media(max-width:700px){.visual-panel{padding:22px 16px}.visual-panel figcaption h3{font-size:21px}.donut-layout{grid-template-columns:1fr;gap:0}.donut-layout .overview-svg{max-width:270px}.chart-legend a{padding:10px 2px;font-size:11px}.knowledge-visual{padding-left:12px;padding-right:12px}.knowledge-visual .overview-svg{min-width:580px}.knowledge-visual{overflow-x:auto}.cycle-visual .overview-svg{min-width:440px}.cycle-visual{overflow-x:auto}.visual-panel figcaption{position:sticky;left:0}}
@media print{.visual-panel{break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.visual-panel .overview-svg{min-width:0}}

/* Diagrams on the individual solution pages. */
.detail-visual{margin:24px 0;padding:26px 28px;background:white;border:1px solid var(--line);border-radius:8px}
.detail-visual figcaption h3{font-family:var(--display);font-size:23px;font-weight:600;line-height:1.5;margin:7px 0 9px}
.detail-visual figcaption>p{font-size:11px;line-height:1.9;color:#849276;margin:0 0 20px}
.detail-canvas{overflow-x:auto}.detail-svg{display:block;width:100%;height:auto;max-width:900px;margin:auto}.detail-svg text{font-family:var(--body)}
.diagram-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:12px 0 4px}.diagram-steps>div{position:relative;border:1px solid #dce4d1;border-radius:6px;padding:19px 15px;background:#f4f6ef}
.diagram-steps>div:not(:last-child):after{content:'→';position:absolute;right:-15px;top:45%;color:#93a17f;z-index:1;font-size:14px;background:white;width:13px;line-height:16px;text-align:center}
.diagram-steps span{font:11px Georgia,serif;color:#a6b392;display:block;margin-bottom:12px}.diagram-steps strong{font-size:12px;font-weight:500;color:#42613e;display:block}.diagram-steps p{font-size:10px;line-height:1.9;color:#8a977c;margin:7px 0 0}
.diagram-matrix{min-width:590px;border:1px solid #dfe5d5;border-radius:6px;overflow:hidden}.matrix-head,.matrix-row{display:grid;grid-template-columns:1fr 1.6fr 1.7fr;gap:0}.matrix-head{background:#edf2e6}.matrix-head strong{font-size:10px;font-weight:500;color:#7b8a6a;padding:12px 16px}.matrix-row span{font-size:11px;color:#839175;padding:16px;border-top:1px solid #e8ecdf;line-height:1.9}.matrix-row span:first-child{color:#45653e;background:#fafbf7}.insight-quadrants{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quadrant-axis{grid-column:1/-1;padding:8px 0 10px;font-size:10px;color:#91a17d;letter-spacing:.5px}.quadrant{padding:24px;border:1px solid #dfe6d5;background:#f3f6ec;border-radius:6px;min-height:155px}.quadrant:nth-child(3){background:#e6eddd}.quadrant:nth-child(4){background:#f7f6ef;border-color:#e6e2d3}.quadrant:nth-child(5){background:#eff2e8}.quadrant>span{font-size:9px;color:#8e9c7b}.quadrant strong{display:block;font-size:16px;font-weight:500;color:#45623d;margin:10px 0}.quadrant p{font-size:11px;color:#8c977b;line-height:1.9;margin:0}
@media(max-width:1050px){.diagram-steps{grid-template-columns:1fr 1fr}.diagram-steps>div:nth-child(2):after{display:none}.detail-svg{min-width:590px}}
@media(max-width:700px){.detail-visual{padding:22px 16px;margin:20px 0}.detail-visual figcaption h3{font-size:21px}.detail-visual figcaption>p{font-size:11px}.diagram-steps{gap:12px}.diagram-steps>div{padding:17px 12px}.diagram-steps>div:not(:last-child):after{right:-12px;width:10px;font-size:12px}.diagram-steps strong{font-size:11px}.diagram-steps p{font-size:9px}.insight-quadrants{gap:9px}.quadrant{padding:16px 13px;min-height:180px}.quadrant strong{font-size:13px;line-height:1.6}.quadrant p{font-size:10px}.quadrant>span{font-size:8px}.quadrant-axis{font-size:9px}}
@media print{.detail-visual{break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.detail-svg,.diagram-matrix{min-width:0}.detail-canvas{overflow:visible}}
@media(max-width:700px){.detail-visual:has(.detail-svg) figcaption:after,.detail-visual:has(.diagram-matrix) figcaption:after{content:'图表可左右滑动查看';display:block;font-size:9px;color:#9aa88c;margin:-7px 0 14px}}

/* Detailed content formats */
.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.format-card{padding:26px;background:white;border:1px solid var(--line);border-radius:8px}.format-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.format-top .iconbox{margin:0}.format-purpose{font-size:9px;color:#8b997a;letter-spacing:.4px}.format-card h3{font-size:19px;font-weight:500;color:#36583e;margin:0 0 12px}.format-card>p{font-size:12px;line-height:1.95;color:#7e8d72;margin:0}.format-card dl{display:grid;grid-template-columns:62px 1fr;gap:10px;margin:20px 0;font-size:10px;line-height:1.9}.format-card dt{color:#9aa68a}.format-card dd{margin:0;color:#7f8f70}.format-example{font-size:11px;color:#657e55;background:#f0f4e8;padding:12px 14px;border-radius:4px;line-height:1.8}.format-example>span{display:block;font-size:8px;color:#9ba98a;letter-spacing:.8px;margin-bottom:4px}.content-bundle{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;background:#edf2e6;border:1px solid #dfe6d4;border-radius:7px;padding:30px}.content-bundle h3{font-family:var(--display);font-size:23px;font-weight:600;margin:12px 0}.content-bundle p{font-size:12px;color:#839274;line-height:1.95}.bundle-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bundle-items span{padding:11px;background:#ffffffc0;border:1px solid #dfe7d4;border-radius:4px;font-size:11px;color:#6e865f;text-align:center}
@media(max-width:960px){.format-grid{grid-template-columns:1fr}.content-bundle{grid-template-columns:1fr;gap:15px}}@media(max-width:700px){.format-card{padding:23px 20px}.format-card h3{font-size:18px}.format-card>p{font-size:11px}.format-card dl{grid-template-columns:58px 1fr;font-size:10px}.format-purpose{font-size:8px}.content-bundle{padding:24px 20px}.content-bundle h3{font-size:21px}.bundle-items span{font-size:10px;padding:10px 5px}}
@media print{.format-card{break-inside:avoid}.format-card,.content-bundle{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* Channel enablement is a full overview solution entry. */
.channel-project-card{grid-column:1/-1}.channel-project-card p{max-width:800px}.channel-project-card .tags{margin-top:18px}

/* Ordered solution navigation; shared knowledge is the last module. */
.sidebar nav a{gap:10px}.nav-index{font:11px Georgia,serif;letter-spacing:.5px;display:grid;place-items:center;flex:0 0 24px;height:26px;border:1px solid #74928044;border-radius:5px;color:#9eb59f;background:#ffffff03}.sidebar nav a.active .nav-index{background:#d9e4ca;color:#2d513d;border-color:#d9e4ca}.nav-title{flex:1;min-width:0}.sidebar .nav-dot{flex-shrink:0;margin-left:0}.sidebar{overflow-y:auto}