/* Skin is one choice, not a combination of mode and holiday. Light retains the original palette. */
:root{--skin-accent:var(--green);--skin-on-accent:#fff;--skin-header:#fffffff7;--skin-glow:transparent}
:root[data-skin="dark"]{color-scheme:dark;--ink:#e4eee9;--green:#9dd7bd;--muted:#b0c3ba;--paper:#14251f;--section-tint:#101d19;--line:#344b40;--sage:#243e32;--white:#182b23;--skin-accent:#9dd7bd;--skin-on-accent:#10291f;--skin-header:#14251ff7;--skin-glow:#82c9a811}
:root[data-skin="halloween"]{color-scheme:dark;--ink:#f6edff;--green:#ffb56d;--muted:#c9b9d5;--paper:#231a30;--section-tint:#191322;--line:#4a385a;--sage:#392847;--white:#291e36;--skin-accent:#ffb56d;--skin-on-accent:#2c1720;--skin-header:#21182df7;--skin-glow:#a96bde16}
:root[data-skin="christmas"]{color-scheme:dark;--ink:#f4f1e6;--green:#e2c98b;--muted:#b9cbc9;--paper:#10262a;--section-tint:#0b1823;--line:#36544d;--sage:#203e38;--white:#132d2c;--skin-accent:#b43c50;--skin-on-accent:#fff;--skin-header:#0c2026f7;--skin-glow:#d6b15c18}
:root[data-skin="mid-autumn"]{color-scheme:dark;--ink:#f5f0e4;--green:#eed59b;--muted:#bcc7de;--paper:#182644;--section-tint:#111b38;--line:#3b4d70;--sage:#28385a;--white:#1c2c4b;--skin-accent:#eed59b;--skin-on-accent:#192542;--skin-header:#15213df7;--skin-glow:#efd79b1c}
:root[data-skin="dragon-boat"]{color-scheme:light;--ink:#173e36;--green:#1e6556;--muted:#4f6c60;--paper:#f4f8ed;--section-tint:#e6f1e6;--line:#c1d6c4;--sage:#d6e8d5;--white:#fbfdf5;--skin-accent:#1e6556;--skin-on-accent:#fff;--skin-header:#fbfdf5f7;--skin-glow:#64bfa51c}
:root[data-skin="new-year"]{color-scheme:dark;--ink:#f5f2ed;--green:#f0d28a;--muted:#c0c8e2;--paper:#151c3d;--section-tint:#0e1430;--line:#3c4971;--sage:#26345b;--white:#1b2547;--skin-accent:#f0d28a;--skin-on-accent:#161d3c;--skin-header:#111a35f7;--skin-glow:#a694ee20}
:root[data-skin^="lunar-"]{color-scheme:dark;--ink:#fff1df;--green:#f0c575;--muted:#e1bdb1;--paper:#581c24;--section-tint:#44151c;--line:#88464b;--sage:#78313a;--white:#651f26;--skin-accent:#f0c575;--skin-on-accent:#4b1920;--skin-header:#4b1820f7;--skin-glow:#f0b6581a}
.skin-control{position:relative;flex-shrink:0;font:600 .875rem/1.4 var(--sans);color:var(--ink)}
.skin-control>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:5px;list-style:none;cursor:pointer;white-space:nowrap;background:var(--paper)}
.skin-control>summary::-webkit-details-marker{display:none}.skin-control>summary::after{content:"⌄";color:var(--muted)}
.skin-dot{width:10px;height:10px;border-radius:50%;background:var(--skin-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--skin-accent) 12%,transparent)}
.skin-menu{position:absolute;left:0;top:calc(100% + 10px);width:210px;padding:8px;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 36px #0002;z-index:45}
.skin-menu{max-height:calc(100dvh - var(--header-height,94px) - 30px);overflow-y:auto;overscroll-behavior:contain}
.skin-menu p{padding:7px 10px 10px;font-size:.75rem;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:5px}
.skin-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:6px;text-align:left;font:inherit;min-height:44px;color:var(--ink)}
.skin-menu button:hover,.skin-menu button[aria-pressed="true"]{background:var(--sage)}.skin-menu button[aria-pressed="true"]::after{content:"✓";margin-left:auto;color:var(--green)}
.skin-swatch{width:22px;height:22px;border-radius:50%;border:1px solid #8885;background:var(--swatch)}
.brand{position:relative}
html:not([data-skin="light"]) .site-header{background:var(--skin-header)}
html:not([data-skin="light"]) :is(.hero h1 em,.eyebrow,.hero-topics,.hero-bottom,.art-caption,.expertise-kicker,.expertise-summary h3,.expertise-summary-note){color:var(--muted)}
html:not([data-skin="light"]) .hero h1 em{color:var(--green)}
html:not([data-skin="light"]) .hero{background-image:radial-gradient(ellipse at 80% 30%,var(--skin-glow),transparent 65%)}
html:not([data-skin="light"]) :is(.art-label,.language-menu,.product-menu,.solution-card,.product-card,.product-search-input,.product-dialog,.legal-dialog,.legal-dialog-heading,.product-comparison-dialog,.home-solution-entry,.solution-scene,.cooperation-panel-surface,.expertise-summary,.expertise-card>.expertise-panel-body,.solution-question,.solution-result,.special-project-card,.social-rail,.share-copy-fallback){background:var(--white);color:var(--ink);border-color:var(--line)}
html:not([data-skin="light"]) :is(.expertise-summary:hover,.home-solution-entry:hover,.solution-card:hover,.product-card-art,.expertise-icon,.expertise-flow-number,.expertise-summary-toggle,.expertise-card[open] .expertise-summary-toggle,.expertise-card>.expertise-panel-body h4,.product-card-functions li,.product-module-tags li,.solution-question-options button,.product-compare-choice){background:var(--sage);color:var(--green);border-color:var(--line)}
html:not([data-skin="light"]) :is(.expertise-card,.expertise-summary-note,.hero-bottom,.hero-topics span+span,.product-screenshot-grid figure,.about-diagram-picture,.product-information li,.solution-scene,.home-solution-entry){border-color:var(--line)}
html:not([data-skin="light"]) .expertise-flow-number{box-shadow:0 0 0 5px var(--white)}
html:not([data-skin="light"]) .expertise-flow::before{background:var(--line)}
html:not([data-skin="light"]) :is(.button-primary,.nav-contact,.product-comparison-launcher>button,.product-cover-badge,.about-diagram-tab[aria-selected=true],.cooperation-tabs button[aria-selected=true],.product-tabs button[aria-selected=true]){background:var(--skin-accent);color:var(--skin-on-accent);border-color:var(--skin-accent)}
html:not([data-skin="light"]) :is(.button-primary,.nav-contact):hover{filter:brightness(1.1)}
html:not([data-skin="light"]) :is(.contact-section,main>#contact,.cooperation-lead){background:var(--sage);color:var(--ink)}
html:not([data-skin="light"]) :is(.contact-section,.cooperation-lead) :is(h2,h3,p,a,.eyebrow,.text-link){color:var(--ink)}
html:not([data-skin="light"]) :is(.site-footer,.language-control summary,.about-diagram-tab,.social-rail-toggle,.social-links a){background:var(--paper);color:var(--ink);border-color:var(--line)}
html:not([data-skin="light"]) :is(.language-menu a:hover,.product-menu a:hover){background:var(--sage)}
html:not([data-skin="light"]) .expertise-watermark{color:color-mix(in srgb,var(--green) 9%,transparent)}
html[data-skin="halloween"] .hero-art>img{filter:hue-rotate(202deg) saturate(.85) brightness(1.2)}
html[data-skin="dark"] .hero-art>img{filter:brightness(1.15)}
html[data-skin="christmas"] .hero h1 em{color:#e2c98b}
html[data-skin="christmas"] .hero-art>img{filter:saturate(.8) brightness(.9)}
html[data-skin="christmas"] .hero{background-image:radial-gradient(ellipse at 78% 35%,#d6b15c18,transparent 58%),radial-gradient(ellipse at 100% 0,#a3344215,transparent 50%)}
html[data-skin="mid-autumn"] .hero-art>img{filter:hue-rotate(25deg) saturate(.65) brightness(1.05)}
html[data-skin="new-year"] .hero-art>img{filter:hue-rotate(55deg) saturate(.65) brightness(1.05)}
html[data-skin^="lunar-"] .hero-art>img{filter:hue-rotate(260deg) saturate(.8)}
.skin-effects{position:fixed;inset:0;z-index:60;overflow:hidden;pointer-events:none;contain:strict}
.skin-effects *{pointer-events:none}.skin-particle{position:absolute;display:block;will-change:transform,opacity}.skin-particle img{display:block;width:100%;height:auto}
.skin-frame-sequence{aspect-ratio:3/4;overflow:hidden}.skin-frame-sequence img{position:absolute;left:0;top:0;width:400%;max-width:none;height:200%}
.skin-effects[hidden]{display:none}
/* Shared reading surfaces, including catalogs and independent product/project pages. */
html:not([data-skin="light"]) :is(.page-hero,.page-section-tint,.story-card,.story-card-copy,.story-dialog,.story-detail-body,.product-detail-nav,.product-detail-facts,.product-detail-page .product-capabilities>ul>li,.product-detail-page .product-screenshot-grid>figure,.product-image-dialog,.product-image-viewport,.solution-modes button,.catalog-scene-filters button,.project-document,.project-document .project-chapter,.project-document .project-path-card,.project-document .project-steps li,.project-document .project-table-wrap){background:var(--paper);color:var(--ink);border-color:var(--line)}
html:not([data-skin="light"]) :is(.solution-summary,.solution-recommendation,.catalog-total,.scene-count,.product-development-contact,.product-image-enlarge,.product-image-dialog button,.product-comparison-scroll thead th){background:var(--sage);color:var(--ink);border-color:var(--line)}
html:not([data-skin="light"]) :is(.footer-bottom,.footer-top>p,.card-number,.scene-number,.product-feature-number,.catalog-overview-heading .eyebrow,.contact-label,.contact-hours-value,.story-date,.line-icon){color:var(--muted)}
html:not([data-skin="light"]) :is(.skip-link,.catalog-scene-filters button[aria-pressed=true],.solution-modes button[aria-selected=true]){background:var(--skin-accent);color:var(--skin-on-accent)}
html:not([data-skin="light"]) .solution-modes button[aria-selected=true] small{color:inherit}
html:not([data-skin="light"]) :is(.project-document .project-chapter h2,.project-document .project-chapter:last-child,.project-document .project-chapter:last-child h2){background:var(--sage);color:var(--ink);border-color:var(--line)}
@media(min-width:1441px){.header-inner:has(.skin-control){gap:18px}.navigation:has(.skin-control){gap:16px}.navigation:has(.skin-control)>a{white-space:nowrap}.header-inner:has(.skin-control) .brand-logo{width:205px}.header-inner:has(.skin-control) .header-actions{gap:12px}}
@media(min-width:1441px) and (max-width:1550px){.navigation:has(.skin-control){gap:10px;font-size:1rem}.header-inner:has(.skin-control){width:calc(100% - 40px);gap:12px}.header-inner:has(.skin-control) .brand-logo{width:180px}.navigation:has(.skin-control) .nav-contact{padding-inline:12px!important}}
@media(max-width:1440px){html:not([data-skin="light"]) .navigation{background:var(--white)}.skin-control{width:100%}.skin-control>summary{width:max-content}.skin-menu{position:static;margin-top:8px;width:min(100%,280px)}}
@media(prefers-reduced-motion:reduce){.skin-effects{display:none}}
@media print{.skin-control,.skin-effects{display:none!important}}
