/* Reference-directed orbital hero and the supplied CCOS document layout. */
.solve{background:#101113;background-image:radial-gradient(ellipse at 50% 57%,rgba(255,255,255,.042),transparent 53%);padding:82px 0 28px;overflow:hidden}
.solve-heading .kick{display:flex;justify-content:center;align-items:center;gap:18px;letter-spacing:.3em;color:#c0c0c4;font-size:11px;font-weight:500;margin-bottom:10px}
.solve-heading .kick:before,.solve-heading .kick:after{content:"";width:44px;height:1px;background:linear-gradient(90deg,transparent,#89898d)}
.solve-heading .kick:after{transform:rotate(180deg)}
.solve-heading h2{font-size:clamp(30px,3.2vw,46px);font-weight:600;letter-spacing:-.03em}
.fig{width:min(1000px,calc((100svh - 215px)*1.6129),100%);aspect-ratio:1000/620;margin-top:14px;container-type:inline-size;isolation:isolate}
.fig:before{content:"";position:absolute;z-index:-2;pointer-events:none;left:50%;top:64.5%;width:155%;aspect-ratio:1;transform:translate(-50%,-50%);background:repeating-radial-gradient(circle,transparent 0 85px,rgba(255,255,255,.025) 86px 87px,transparent 88px 122px);mask-image:radial-gradient(circle,#000 20%,transparent 70%)}
.fig .lines{z-index:1}
.fig .ln{stroke:#b9b9bf;stroke-width:1;opacity:.8}
.fig .carbon-wire{stroke-dasharray:3 5}
.fig .arc{stroke:#97979e;stroke-width:1;stroke-dasharray:2 5;opacity:.8}
.fig .orbit{fill:none;stroke:#82828a;stroke-width:.7;opacity:.5}
.fig .orbit-2{opacity:.23}.fig .orbit-3{stroke-dasharray:2 4;opacity:.35}
.wire-points{fill:#eee;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}
.anode,.pdot{background:radial-gradient(circle at 43% 33%,#25262a,#131416 68%);border:1px solid #c1c1c5;color:#f5f5f7}
.anode{width:12%;height:auto;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:12px;font-size:clamp(14px,2cqw,20px);box-shadow:inset 0 0 4px #c0c0c3,0 0 0 4px rgba(255,255,255,.025),0 0 22px rgba(255,255,255,.1);z-index:3}
.anode:hover{background:#25262a;box-shadow:inset 0 0 5px #ddd,0 0 24px rgba(255,255,255,.19);text-decoration:none}
.ability-icon{width:clamp(22px,2.8cqw,30px);height:clamp(24px,3cqw,32px);color:#bebec3;flex:none}
.leaf-icon path:first-child{fill:#a9a9af;stroke:none}.leaf-icon path:last-child{stroke:#18191b}
.n-carbon{left:50%;top:16.13%}.n-ai{left:21%;top:67.74%}.n-del{left:79%;top:67.74%}
.disc{top:64.52%;width:28%;height:auto;aspect-ratio:1;padding:3%;gap:10px;border:1.5px solid #d1d1d5;box-shadow:0 0 5px #d5d5da,0 0 25px rgba(255,255,255,.12);background:linear-gradient(rgba(19,20,22,.58),rgba(19,20,22,.58)),repeating-conic-gradient(from 0deg,rgba(255,255,255,.11) 0deg .7deg,transparent .7deg 2.1deg),radial-gradient(circle at 50% 34%,#36373b,#151618 77%);animation:orbital-hub 6s ease-in-out infinite}
.disc:before{inset:-14px;border:1px solid #777780;opacity:.4}
.disc .dname{font-size:clamp(20px,3.2cqw,32px);line-height:1.18;letter-spacing:-.025em}
.disc .dsub{font-size:clamp(11px,1.4cqw,14px);color:#c7c7cc}
.disc .pill{font-size:clamp(9px,1.05cqw,11px);padding:5px 9px;color:#eeeeef;border-color:#c0c0c4;background:rgba(0,0,0,.18);white-space:nowrap}
.disc:hover{box-shadow:0 0 5px #fff,0 0 35px rgba(255,255,255,.2)}
.axis-summary{background:transparent;color:#c0c0c5;font-size:clamp(11px,1.4cqw,14px);line-height:1.65;width:20%;z-index:4}
.s-carbon{left:63%;top:32%;width:23%;text-align:left}
.s-ai{left:21%;top:83%;width:17.5%}.s-del{left:79%;top:83%;width:17.5%}
.pdot{width:7.8%;height:auto;aspect-ratio:1;display:grid;place-items:center;border-color:#a9a9af;animation:project-glimmer 5s ease-in-out infinite}
.pdot .t{font-size:clamp(11px,1.4cqw,14px);line-height:1.3;white-space:normal}
.p-c1{left:36.5%;top:8.1%}.p-c2{left:63.5%;top:8.1%}
.p-a1{left:8%;top:53.23%;width:9%}.p-a3{left:8%;top:80.65%}
.p-d1{left:94%;top:43.55%}.p-d2{left:95.5%;top:58.07%}.p-d3{left:95.5%;top:72.58%}.p-d4{left:92.5%;top:88.71%}
.ambient-floor{position:absolute;left:13%;right:13%;bottom:1%;height:22px;background:radial-gradient(ellipse,rgba(255,255,255,.23),transparent 62%);opacity:.5;pointer-events:none;z-index:-1}
.ambient-floor:after{content:"";position:absolute;left:50%;top:-85px;height:140px;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.28),transparent)}
@keyframes orbital-hub{0%,100%{box-shadow:0 0 4px #c8c8ce,0 0 18px rgba(255,255,255,.08)}50%{box-shadow:0 0 6px #e6e6eb,0 0 30px rgba(255,255,255,.16)}}
/* Supplied project note: one reading column, original chapter sequence and figures. */
.ccos-document{padding-top:100px;padding-bottom:60px}
.ccos-document .ccos-body{max-width:960px;padding-left:calc(var(--gutter) + 54px);padding-right:var(--gutter)}
.ccos-body>.crumb{margin:20px 0}
.ccos-body>section{scroll-margin-top:96px;margin:0;padding:0;border:0}
.ccos-body h1{font-size:clamp(34px,4vw,56px);margin:28px 0 18px;line-height:1.2;letter-spacing:-.035em}
.ccos-body h2{font-size:28px;line-height:1.35;font-weight:500;margin:50px 0 18px;letter-spacing:-.025em}
.ccos-body h3{font-size:19px;margin:28px 0 12px;font-weight:500}
.ccos-body p,.ccos-body li{font-size:16px;line-height:1.9;color:var(--ink-2)}
.ccos-body p{margin:16px 0}.ccos-body ul,.ccos-body ol{padding-left:26px;margin:18px 0}
.ccos-body li{margin:14px 0}
.ccos-body li>strong{font-weight:600;color:var(--ink)}
.ccos-body .ccos-lead{font-size:20px;line-height:1.75;color:var(--ink);max-width:38em}
.ccos-notice{background:var(--bg-alt);border:1px solid var(--line);border-radius:12px;padding:14px 18px;font-size:13px;line-height:1.8;color:var(--ink-2)}
.ccos-body .actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.ccos-body .btn{font-size:14px;line-height:1.5;padding:10px 18px}
.ccos-body .btn.alt{background:transparent;color:var(--ink);border:1px solid var(--ctrl)}
.ccos-body .shot{margin:26px 0 32px;border:1px solid var(--line);border-radius:14px;background:var(--bg-alt);overflow:hidden}
.ccos-body .shot img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}
.ccos-body figcaption{font-size:12px;line-height:1.8;color:var(--ink-3);padding:12px 16px}
.image-zoom{display:inline-block;white-space:nowrap;margin-left:8px;font-size:11px}
.ccos-video{width:100%;height:auto;aspect-ratio:16/9;display:block;border-radius:14px;background:#0b0c0e;margin:22px 0}
.ccos-body code{font-size:.85em;overflow-wrap:anywhere;padding:1px 4px;background:var(--bg-alt);border-radius:4px}
.ccos-document .case-rail{max-height:calc(100svh - 175px);overflow:auto;padding-bottom:12px}
.ccos-document .case-rail nav{gap:13px}
.ccos-document .case-rail a{font-size:10px}
@media(min-width:901px) and (max-height:760px){
 .solve{padding:78px 0 20px}
 .solve-heading h2{font-size:34px}
 .solve-heading .kick{font-size:10px;margin-bottom:6px}
 .fig{width:min(950px,calc((100svh - 190px)*1.6129),100%)}
 .anode{gap:4px;padding:8px}
 .disc{gap:7px}.disc .dname{font-size:clamp(20px,3cqw,29px)}
}
@media(max-width:1100px){.ccos-document .ccos-body{max-width:900px;padding-left:125px}.ccos-document .case-rail{width:110px}}
@media(max-width:900px), (max-height:560px){
 .solve{padding:84px 0 30px}
 .solve-heading h2{font-size:30px}.solve-heading .kick{font-size:10px}
 .fig{height:220px;width:100%;max-width:650px;aspect-ratio:auto;container-type:normal}
 .fig:before,.ambient-floor{display:none}
 .fig .lines,.axis-summary,.fig .pdot{display:none}
 .disc{width:190px;height:190px;top:52%;padding:18px;gap:7px}
 .disc .dname{font-size:21px}.disc .dsub{font-size:11px}.disc .pill{font-size:10px}
 .anode{width:74px;height:74px;gap:4px;padding:10px;font-size:13px}
 .ability-icon{width:23px;height:25px}
 .n-carbon{left:12%;top:18%}.n-ai{left:12%;top:63%}.n-del{left:88%;top:63%}
 .fig-list{margin-top:20px}
}
@media(max-width:768px){
 .ccos-document{padding-top:140px}
 .ccos-document .ccos-body{padding-left:var(--gutter);max-width:740px}
 .ccos-document .case-rail{max-height:none;width:100%;padding-bottom:9px;overflow:visible}
 .ccos-document .case-rail nav{gap:17px}
 .ccos-body>section{scroll-margin-top:150px}
 .ccos-body h1{font-size:40px}.ccos-body h2{font-size:26px}
 .ccos-body .ccos-lead{font-size:18px}
}
@media(max-width:520px){
 .solve{padding:80px 0 28px}
 .solve-heading h2{font-size:28px}.solve-heading .kick{font-size:9px;gap:12px}
 .solve-heading .kick:before,.solve-heading .kick:after{width:24px}
 .fig{height:194px;margin-top:14px}
 .disc{width:158px;height:158px;top:53%;gap:6px;padding:12px}
 .disc:before{inset:-7px}.disc .dname{font-size:18px}.disc .dsub{font-size:10px}.disc .pill{font-size:8.5px;padding:4px 6px}
 .anode{width:56px;height:56px;gap:3px;padding:5px;font-size:10px}
 .ability-icon{width:18px;height:19px}
 .n-carbon{left:11%;top:18%}.n-ai{left:11%;top:64%}.n-del{left:89%;top:64%;width:60px;height:60px}
 .fig-list{margin-top:20px}
 .ccos-body h1{font-size:35px}.ccos-body h2{font-size:25px;margin-top:40px}
 .ccos-body p,.ccos-body li{font-size:15px;line-height:1.85}
 .ccos-body .ccos-lead{font-size:17px}.ccos-body ul,.ccos-body ol{padding-left:22px}
 .ccos-notice{padding:12px 14px;font-size:12px}
 .ccos-body .actions{gap:8px}.ccos-body .btn{padding:9px 12px;font-size:12px}
 .ccos-body .shot{border-radius:12px;margin:20px 0 26px}.ccos-body figcaption{padding:10px 12px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.disc,.pdot{animation:none!important}.ambient-floor{display:none}}

/* Owner's annotated revision: Chinese second hero and consistent section label. */
.solve-heading h2.kick{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.09em;margin:0 0 18px;color:#d1d1d5}
.s-carbon{top:29%}
.ccos-logo-cover{background:#f5f6f7}
.ccos-logo-cover img{object-fit:contain!important;object-position:center;padding:18px;width:100%;height:100%}
.fig .pdot .t{font-size:clamp(11px,1.35cqw,13.5px);line-height:1.45}
.fig .anode{font-size:clamp(13px,1.8cqw,18px)}
@media(max-width:900px), (max-height:560px){.fig .anode{font-size:12px}.fig-list h4{letter-spacing:0}}
@media(max-width:520px){.fig .anode{font-size:10px}.fig-list>div{grid-template-columns:68px 1fr}.fig-list p{font-size:11px}}