/* V32: Jinko-reference green accents, neutral white relief, four independent datasheets.
   Cabinet pixels and their black/gold identity remain untouched. */
:root { --paper:#fbfcfb; --ink:#242b28; --muted:#66716b; --gold:#31b845; --gold-bright:#6ac24a; --graphite:#28352e; --line:#dfe7e1; --relief-title:-1px -1px 0 #fff,1px 2px 0 #fff,2px 4px 4px #3a3d3b24,7px 10px 15px #41444212; --relief-detail:-1px -1px 0 #fff,2px 3px 3px #3a3d3b20,5px 7px 10px #41444212; }
body::before { opacity:.28; filter:grayscale(1) brightness(1.06) contrast(.9); }
body::after { background:linear-gradient(130deg,#ffffff44,transparent 60%,#ebeeec0a); }
.site-header,.site-header.is-scrolled { color:#323533; background:#ffffffed; border-color:#dfe6ed; }
.site-header .brand-descriptor,.site-header .header-cta { color:#444745; border-color:#d1d4d2; }
.site-header nav a:hover,.site-header.is-scrolled nav a:hover,.product-nav a[aria-current=true],.product-nav a:hover { color:#31b845; }
.product-nav { background:#f9fcfef2; border-color:#e7eae8; }
.product-nav a,.breadcrumb,.chapter { color:#646765; }
.stone h1,.stone h2 { color:#26332b; }
.hero h1>span,.features-heading h2>span { color:#31b845; text-shadow:-1px -1px 0 #fff,1px 2px 0 #fff,2px 4px 5px #3c704523; }
.hero-specs>div:first-child strong,.model-selector button[aria-pressed=true]>span { color:#31b845; }
.hero-description,.range-heading>p,.contact-brief,.stage-caption,.motion-control { color:#6a6d6b; }
.stage-sculpture { background:linear-gradient(132deg,#ffffff9c 10%,#ffffff20 45%,#e8ebe950 76%,#ffffff9c); box-shadow:inset 1px 1px #fff,inset -2px -1px 3px #6e716f17,14px 20px 40px #373a3809; }
.stage-sculpture>span { background:linear-gradient(90deg,transparent,#65ba7366,transparent); }
.model-selector button[aria-pressed=true] { background:linear-gradient(#8dffa130,transparent); }
.model-selector button::before { background:linear-gradient(90deg,#31b845,#6ac24a); }
.model-selector button b,.range-cooling,.range-energy span,.range-name small,.range-bottom>span { color:#727573; }
.range-pick[aria-pressed=true] .range-name { border-color:#31b845; }
.line-link,.quiet-link,.table-cta a { color:#147c32; border-color:#c9ccca; text-shadow:0 1px #fff; }
.line-link:hover,.quiet-link:hover,.table-cta a:hover { color:#31b845; border-color:#31b845; }
.features-section { background:linear-gradient(#ffffff70,#f5faffaa); }
.features-heading>p,.system-heading>p,.feature-item>p { color:#6c6f6d; }
.feature-item { border-color:#e5e8e6; }
.feature-icon { color:#fff; border-color:#73d483; background:linear-gradient(145deg,#6ac24a,#04b140 53%,#249e37); box-shadow:inset 1px 2px 1px #ffffff90,inset -1px -2px 2px #284a2e35,3px 6px 10px #4a895429,-3px -3px 5px #fff; }
.feature-icon svg { filter:drop-shadow(0 1px 1px #2f583640); }
.feature-index,.feature-metric>span { color:#7b7e7c; }
.feature-item h3 { color:#393c3a; text-shadow:0 1px #fff,2px 3px 3px #3f424012; }
.feature-metric { border-color:#e5e8e6; }
.feature-metric strong { color:#31b845; text-shadow:0 1px #fff; }
.system-section { background:linear-gradient(#f6faff55,#f3f6f470); }
.system-composition { border-color:#e4e7e5; }
.map-node>svg,.map-core>svg { stroke:#31b845; }
.map-node>span,.map-core { color:#3f4240; }
.map-node small,.map-core>span,.map-caption { color:#7b7e7c; }
.map-core { border-color:#ced1cf; background:linear-gradient(135deg,#fff,#f0f3f177); }
.map-path,.path-in::after { background:#70d08080; }
.path-in { background:none; border-color:#70d08080; }
.map-path span { background:linear-gradient(90deg,transparent,#31b845,transparent); }
.spec-section { background:linear-gradient(#f7fbff60,transparent 130px); }
.spec-toolbar,.spec-toolbar>span:first-child { color:#6f7270; }
.spec-toolbar i { background:#31b845; }
.spec-scroll { border-color:#e2e5e3; background:#fff; box-shadow:0 1px #fff,4px 8px 18px #474a4809; scrollbar-color:#79df8a #eef5fb; }
.spec-table th,.spec-table td { color:#555856; border-color:#ebeeec; }
.spec-table thead { background:#fff; border-top:2px solid #31b845; }
.spec-table thead th { padding:10px 22px; color:#303b34; background:#fff; border-color:#e2e9e4; font-weight:550; text-shadow:none; vertical-align:middle; }
.spec-table thead th:first-child { font-size:14px; letter-spacing:0; }
.spec-table thead th:first-child>span { font-size:11px; color:#778079; }
.spec-model { min-height:46px; padding:2px; color:#303b34; }
.spec-model strong { font-size:22px; line-height:1.2; font-weight:550; letter-spacing:-.02em; }
.spec-model strong small { font-size:11px; font-weight:400; }
.spec-model>span { color:#6a756e; font-size:12px; line-height:1.2; font-weight:400; margin-top:3px; }
.spec-table thead .selected-col { background:#f0f8f1; color:#147c32; box-shadow:inset 0 -2px #31b845; }
.spec-model[aria-pressed=true] { color:#147c32; }
.spec-model[aria-pressed=true]>span { color:#3b7048; }
.spec-model:hover { color:#147c32; }
.spec-table tbody tr:not(.group-row):nth-child(odd) { background:#f5f8fc; }
.spec-table tbody tr:not(.group-row):nth-child(even) { background:#fff; }
.spec-table tbody th[scope=row] { color:#444745; }
.spec-table tbody td.selected-col { background:#ecefed70; color:#147c32; }
.spec-table .group-row th { color:#147c32; background:linear-gradient(105deg,#eff2f0,#f5f8f6); border-top:1px solid #e6e9e7; border-bottom:1px solid #e6e9e7; }
.contact-section { background:linear-gradient(transparent,#f3f6f455); }
.contact-email { color:#474a48; border-color:#c5c8c6; }
.resource-list a,.footer-grid a,.footer-grid p,.footer-descriptor,.footer-inner,.footer-contact>span { color:#707371; }
.footer-grid h3,.footer-contact>a:not(.line-link) { color:#4c4f4d; }
.site-footer { background:linear-gradient(#f3f6f455,#f9fcff55); }
.relief-footer-mark { filter:drop-shadow(-1px -1px 0 #fff) drop-shadow(1px 2px 0 #abaeac) drop-shadow(4px 6px 2px #4d504e40) drop-shadow(10px 15px 8px #4d504e26); }
.relief-footer-mark::before { background:linear-gradient(135deg,#fff,#edf4f9 44%,#c5c8c6); }
.downloads-section { background:linear-gradient(#f2f8fe88,#ffffffb0); padding:84px 0 90px; }
.literature-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; }
.literature-heading .chapter { margin-bottom:18px; }
.literature-heading>p { max-width:390px; font-size:16px; line-height:1.8; color:#6e716f; }
.datasheet-library { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px; margin-top:52px; }
.sheet-cover { display:block; position:relative; width:80%; margin:0 auto 28px; border:1px solid #edf0ee; background:#fff; box-shadow:1px 1px #d5d8d6,3px 3px #fff,4px 4px #e1e4e2,9px 15px 20px #4f52501c; transition:transform .45s var(--ease),box-shadow .45s; }
.sheet-cover:hover,.sheet-cover:focus-visible { transform:translateY(-7px); box-shadow:1px 1px #d5d8d6,3px 3px #fff,4px 4px #e1e4e2,10px 20px 24px #4f525026; }
.sheet-cover img { display:block; width:100%; height:auto; aspect-ratio:595/842; object-fit:contain; }
.sheet-cover>span { display:flex; align-items:center; justify-content:space-between; font-size:10px; color:#478351; padding:10px 12px; background:#f0f7fd; }
.sheet-cover b { font-weight:400; }
.datasheet-entry h3 { font-size:24px; letter-spacing:-.025em; color:#31b845; font-weight:550; }
.datasheet-entry h3 span { color:#6d706e; font-size:17px; font-weight:400; }
.datasheet-entry>p { font-size:12px; line-height:1.6; color:#777a78; margin-top:8px; }
.sheet-download { display:flex; align-items:center; justify-content:space-between; padding:17px 0 12px; margin-top:10px; border-bottom:1px solid #cacdcb; color:#31b845; font-size:13px; transition:color .2s,border-color .2s; }
.sheet-download:hover { color:#128837; border-color:#128837; }
.datasheet-entry>small { display:block; color:#8e918f; font-size:10px; margin-top:12px; }
.datasheet-entry:nth-child(2) { transition-delay:.07s; }.datasheet-entry:nth-child(3) { transition-delay:.14s; }.datasheet-entry:nth-child(4) { transition-delay:.21s; }
@media(max-width:1100px) { .datasheet-library {gap:24px}.datasheet-entry h3 {font-size:21px}.datasheet-entry h3 span {font-size:14px} }
@media(max-width:900px) { .site-header nav {background:#f9fcff;color:#454846}.datasheet-library {grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 34px}.literature-heading {align-items:start;flex-direction:column;gap:22px}.spec-table tbody th[scope=row] {background:#f8fbfe}.spec-table tbody tr:nth-child(even) th[scope=row] {background:#fff} }
@media(max-width:600px) { body::before{opacity:.24}.stone h1,.stone h2 {text-shadow:-1px -1px #fff,1px 2px #fff,2px 4px 4px #3a3d3b24,6px 9px 13px #41444212}.downloads-section{padding:60px 0}.datasheet-library{gap:38px 20px}.sheet-cover{width:92%;margin-bottom:22px}.datasheet-entry h3{font-size:20px}.datasheet-entry h3 span{display:block;font-size:15px;margin-top:5px}.datasheet-entry>p{min-height:38px}.sheet-download{font-size:11px;gap:5px}.sheet-cover>span{font-size:9px;padding:8px}.literature-heading>p{font-size:14px} }
@media(max-width:370px) { .datasheet-library {grid-template-columns:1fr}.sheet-cover {width:68%}.datasheet-entry h3 span{display:inline;margin-left:5px}.datasheet-entry>p{min-height:0}.sheet-download{font-size:13px} }
@media(prefers-reduced-motion:reduce) { .sheet-cover,.datasheet-entry {transition:none}.sheet-cover:hover {transform:none} }
.motion-paused .sheet-cover,.motion-paused .datasheet-entry {transition:none}.motion-paused .sheet-cover:hover {transform:none}
.scene-label,.scene-tabs button[aria-selected=true]>span {color:#b1eca0}
.scene-tabs button[aria-selected=true] {border-top-color:#6ac24a}
.scene-tabs button[aria-selected=true]::before {background:#6ac24a}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible {outline-color:#31b845}
#range-dialog {background:#f7fbff}
@media(max-width:900px) {.spec-table thead th:first-child {background:#fff}.spec-table .group-row th {background:linear-gradient(105deg,#eff2f0,#f5f8f6)}}
@media(max-width:650px) {.feature-item,.feature-item:first-child,.feature-item:nth-child(3),.feature-item:last-child{border-color:#e5e8e6}}

/* V33: keep Jinko green as a restrained table accent, not a full-width banner. */
.feature-metric strong{color:#239d38}
.datasheet-entry h3,.sheet-download,.line-link,.quiet-link,.table-cta a{color:#147c32}
@media(max-width:600px){.spec-table thead th{padding:9px 13px}.spec-table thead th:first-child{font-size:12px}.spec-model strong{font-size:20px}.spec-model>span{font-size:11px}}