/* Materials atlas – Chinese catalogue and shortlist. */
.envo-site .ze-hero.atlas-banner {background:#eef3f5;border:0}
.envo-site .ze-hero.atlas-banner>.container {min-height:clamp(345px,25.5vw,455px)}
.envo-site .ze-hero.atlas-banner .ze-hero-media {inset:0;clip-path:none}
.envo-site .ze-hero.atlas-banner .ze-hero-media img {object-position:66% 50%}
.envo-site .ze-hero.atlas-banner .ze-hero-media::after {background:linear-gradient(90deg,#f4f7f9f0 0%,#f4f7f9cf 24%,#f4f7f94d 40%,transparent 55%);box-shadow:none}
.atlas-banner .ze-hero-copy {width:min(48%,700px)}
.envo-site .atlas-banner .ze-hero-copy .eg-link {color:#fff;background:#164d8e;padding:10px 18px;margin-top:16px;border:0}
.envo-site .ze-hero.atlas-banner h1 {font-size:clamp(36px,3.6vw,64px)}
.atlas-uses {border-bottom:1px solid #cfdae0;padding:14px 0 12px;margin-bottom:2px}
.atlas-uses>summary {font-size:13px;color:#23496b;font-weight:630;cursor:pointer}
.atlas-uses nav {display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.atlas-uses a {text-decoration:none;padding:5px 9px;font-size:13px;color:#244862;background:#f1f5f7;border:1px solid #d4dfe5}
.atlas-uses a[aria-current] {color:white;background:#204f79;border-color:#204f79}
.atlas-uses small {font-size:11px;opacity:.85}
.atlas-guides {display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px 16px;margin:0 0 16px;background:#edf4f8;color:#234965;font-size:14px;border-left:3px solid #3876a9}
.atlas-guides a {color:#175789;text-underline-offset:3px}
.atlas-identity {margin:0 0 13px;font-size:13px;color:#435e70}
.atlas-identity a {color:#16517c}
.atlas-grid.zc-grid {grid-template-columns:repeat(var(--atlas-columns),minmax(0,1fr));gap:clamp(10px,1.25vw,20px)}
.atlas-card.zc-card {position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #cbd9e3;border-radius:2px;background:#fff;transition:border-color .2s,box-shadow .2s}
.atlas-card .atlas-detail {height:auto;flex:1;display:flex;flex-direction:column;padding:0}
.atlas-card .zc-photo {position:relative;padding:24px 14px 12px;height:clamp(140px,12vw,205px);overflow:hidden;background:linear-gradient(132deg,#f1f5f8,#fff 57%,#edf3f7)}
.atlas-card .zc-photo::before {content:"";position:absolute;z-index:1;right:9px;top:9px;width:10px;height:10px;border-top:1px solid #8ca6ba;border-right:1px solid #8ca6ba}
.atlas-card .zc-photo::after {content:"";position:absolute;bottom:0;left:13px;width:50px;height:5px;background:repeating-linear-gradient(90deg,#98adbb 0 1px,transparent 1px 6px);pointer-events:none}
.atlas-card .zc-photo img {display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .23s ease}
.atlas-id {position:absolute;top:7px;left:12px;font:550 10px/1.3 ui-monospace,monospace;letter-spacing:.075em;color:#45627b;background:#fffffff5}
.atlas-card .zc-card-copy {display:flex;flex-direction:column;padding:13px clamp(11px,1vw,17px) 12px}
.atlas-card h3 {margin:4px 0 3px;color:#153852;font-size:clamp(16px,1.18vw,21px)}
.atlas-card .atlas-en {font:12px/1.5 Arial,sans-serif;color:#597180}
.atlas-card .atlas-hint {font-size:14px;line-height:1.66;margin:9px 0 12px;color:#375469}
.atlas-read {display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#174d78;font-size:13px;font-weight:620}
.atlas-read i {font:16px/1 Arial,sans-serif;transition:transform .18s ease}
.atlas-card:focus-within {border-color:#2167aa;box-shadow:0 0 0 1px #2167aa}
@media(hover:hover) {
 .atlas-card:hover {border-color:#4b83ad;box-shadow:0 4px 15px #19395712}
 .atlas-card:hover .atlas-read i,.atlas-card:focus-within .atlas-read i {transform:translate(2px,-2px)}
 .atlas-card:hover .zc-photo img {transform:scale(1.025)}
 .atlas-pick:hover {background:#e3eff8;color:#123f68}
}
.atlas-pick {display:block;border:1px solid #acbfce;background:#f8fafb;color:#254d66;cursor:pointer;font:600 13px/1.5 system-ui;padding:8px 10px;min-height:38px}
.atlas-card>.atlas-pick {margin:0 clamp(10px,1vw,16px) 13px}
.atlas-pick[aria-pressed=true] {background:#e1edf6;color:#114b76;border-color:#628eaf}
.atlas-pick[hidden],.atlas-basket [hidden]{display:none!important}
.atlas-pages {display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;margin:28px 0 3px}
.atlas-pages a {min-width:40px;min-height:40px;padding:8px 11px;display:grid;place-items:center;background:#f3f6f8;border:1px solid #cad7e1;color:#214b6b;text-decoration:none;font-size:14px}
.atlas-pages a[aria-current] {background:#184d73;color:white;border-color:#184d73}
.atlas-pages a:hover,.atlas-uses a:hover {text-decoration:underline}
.atlas-product-tools {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px}
.atlas-product-tools a,.atlas-notice {color:#1f5274;font-size:14px}
.atlas-basket {width:min(610px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #bfceda;background:white;color:#17354c;box-shadow:0 18px 72px #0e243c4f;border-radius:4px;overflow:auto}
.atlas-basket::backdrop {background:#10283bb5}
html:has(.atlas-basket[open]) {overflow:hidden;scrollbar-gutter:stable}
.atlas-basket-head,.atlas-basket-foot {display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:10px}
.atlas-basket-head {border-bottom:1px solid #cedae3}
.atlas-basket-head h2 {font-size:23px;line-height:1.3;margin:0}
.atlas-basket button {background:white;border:1px solid #c4d3de;color:#214e71;cursor:pointer;padding:8px 12px;min-height:40px;font:inherit}
.atlas-basket-head button {font-size:22px;line-height:1;width:40px}
.atlas-basket-intro,.atlas-basket-note {margin:12px 20px;font-size:14px;line-height:1.7}
.atlas-basket ul {list-style:none;margin:0;padding:0 20px}
.atlas-basket li {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(100px,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #d5e0e6}
.atlas-basket li strong {font-size:15px;overflow-wrap:anywhere}
.atlas-basket li label {display:grid;gap:3px;font-size:12px}
.atlas-basket li input {width:100%;font:14px/1.5 system-ui;padding:7px 9px;border:1px solid #aebfce}
.atlas-basket li button {font-size:13px}
.atlas-basket-foot {position:sticky;bottom:0;border-top:1px solid #cad8e1;background:#f6f9fa}
.atlas-basket-foot a.button {background:#184f7c;color:#fff;text-decoration:none}
.atlas-basket :focus-visible {outline:3px solid #276db0;outline-offset:2px}
@media(max-width:760px){
 .envo-site .ze-hero.atlas-banner>.container {min-height:0}
 .envo-site .ze-hero.atlas-banner .ze-hero-copy {width:100%;padding:23px 0 20px}
 .envo-site .ze-hero.atlas-banner .ze-hero-media {height:clamp(160px,45vw,240px)}
 .envo-site .ze-hero.atlas-banner .ze-hero-media img {object-position:91% 54%}
 .envo-site .ze-hero.atlas-banner .ze-hero-media::after {display:none}
 .atlas-card .zc-photo {height:112px;padding:19px 8px 6px}
 .atlas-card .zc-card-copy {padding:10px}
 .atlas-card .atlas-hint {font-size:13px;line-height:1.55}
 .atlas-card>.atlas-pick {min-height:43px;margin:0 8px 9px;font-size:12px}
 .atlas-basket li {grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}
 .atlas-basket li strong {grid-column:1/-1}
 .atlas-pages a {min-width:37px;padding:8px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.atlas-card.zc-card,.atlas-read i,.atlas-card .zc-photo img {transition:none}.atlas-card:hover .atlas-read i,.atlas-card:focus-within .atlas-read i,.atlas-card:hover .zc-photo img {transform:none}}


.process-results{margin:1.2rem 0 1.7rem;padding:clamp(16px,2vw,28px);background:#f0f6fa;color:#17354b;border-top:3px solid #167a98}
.process-results h2,.process-results h3{margin:.25em 0;color:#17354b}
.process-results small{font-size:.8rem;color:#355f76}
.process-results article{border-top:1px solid #bfd4df;margin-top:14px;padding-top:12px}
.process-results nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.process-results nav a{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid #b7ced9;background:white;font-size:.9rem;color:#154b73}
.process-results nav a.process-all{border-color:transparent;background:transparent}
.process-results a:focus-visible{outline:2px solid #00558b;outline-offset:2px}

html[data-atlas-menu-pending="compact"] .zc-menu>nav{display:none}