/* B3 reading surfaces: quiet columns, source-sized imagery, shared controls. */
.lib-shell{max-width:1440px;margin:auto;padding:44px 5% 100px}.lib-heading{max-width:840px;margin:35px 0 70px}.lib-heading h1,.lib-series-hero h1,.lib-reading h1{font-size:clamp(32px,4.1vw,64px);line-height:1.18;font-weight:400;letter-spacing:-.025em;margin:22px 0}.lib-shell p,.lib-reading p{line-height:1.8}.lib-eyebrow{font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:#65564A}.lib-status{font-size:13px!important;line-height:1.65!important;border-left:2px solid #A7AAA8;padding:8px 12px;color:#525756}.lib-series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 35px}.lib-series-grid article{border-top:1px solid #c9ccca;padding-top:20px}.lib-series-grid h2{font-size:28px;font-weight:400}.lib-cover{margin:0;background:#e5e5e0;display:flex;align-items:center;justify-content:center;min-height:270px;overflow:hidden}.lib-cover img{max-width:100%;width:auto;height:auto;max-height:420px;object-fit:contain}.lib-series-grid .lib-cover{height:320px}.lib-series-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;margin:48px 0 80px}.lib-series-hero .lib-cover{height:440px}.lib-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:24px}.lib-section{padding:50px 0;border-top:1px solid #c9ccca}.lib-section h2{font-size:30px;font-weight:400}.lib-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.lib-chapter-grid>a{border-bottom:1px solid #c9ccca;display:flex;align-items:center;gap:18px;justify-content:space-between;padding:22px 0;line-height:1.6}.lib-chapter-grid h3{font-size:18px;font-weight:400;flex:1;margin:0}.lib-scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.lib-scene-grid figure{margin:0}.lib-scene-grid img{width:100%;height:auto}.lib-scene-grid figcaption,.lib-source,.lib-original{font-size:12px!important;color:#626968;line-height:1.6}.lib-notes{display:grid;grid-template-columns:1fr 1fr;gap:8%}.lib-reader-head{padding:20px 4%;border-bottom:1px solid #c9ccca;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f5f5f2}.lib-reader-tools{display:flex;align-items:center;gap:24px;font-size:14px}.lib-reader{max-width:1500px;margin:auto;display:grid;grid-template-columns:270px minmax(0,1fr);gap:5%;padding:36px 4% 100px}.lib-toc{position:sticky;top:95px;align-self:start;max-height:75vh;overflow:auto}.lib-toc summary{font-size:16px;padding:12px 0;cursor:pointer}.lib-toc nav{display:flex;flex-direction:column}.lib-toc a{font-size:14px;line-height:1.6;padding:12px;border-bottom:1px solid #d6d8d3}.lib-toc a[aria-current]{background:#292d2d;color:#f5f5f2}.lib-reading{min-width:0;font-size:calc(16px * var(--read-scale,1))}.lib-reading h1{font-size:clamp(30px,3.4vw,50px)}.lib-reading h2{font-weight:400}.lib-lead,.lib-prose{max-width:70ch}.lib-reader-cover{margin:35px 0;background:#e5e5e0;padding:25px;text-align:center}.lib-reader-cover img{width:auto;height:auto;max-width:100%;max-height:460px}.lib-reader-cover figcaption{font-size:12px;margin-top:15px}.lib-item{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1.4fr);gap:32px;padding:40px 0;border-bottom:1px solid #c9ccca;scroll-margin-top:120px}.lib-item-image{background:#e5e5e0;display:flex;align-items:flex-start;justify-content:center;padding:20px}.lib-item-image img{width:min(100%,var(--source-width));max-width:100%;height:auto}.lib-item h3{font-weight:400;font-size:1.5em;line-height:1.45;margin:10px 0}.lib-item details{margin:20px 0}.lib-item summary{cursor:pointer;line-height:1.6;padding:14px 0;border-top:1px solid #c9ccca}.lib-specs{font-size:.9em;margin:18px 0}.lib-specs>div{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;padding:10px 0;border-bottom:1px solid #d6d8d3}.lib-specs dd{margin:0}.lib-item .yq-outline{background:transparent;border:1px solid #7a807e;padding:12px;min-height:44px;color:#292d2d;font-size:14px}.lib-reader-bottom{display:flex;justify-content:space-between;padding:40px 0;font-size:14px}.lib-reading .lib-actions{font-size:14px}html[lang=th] .lib-eyebrow{letter-spacing:0}html[lang=th] .lib-reading h1,html[lang=th] .lib-heading h1{line-height:1.5}
/* Enhanced native selects retain actual select value/validation and no-JS fallback. */
.b3-select{position:relative;display:inline-block;min-width:90px;max-width:100%}.b3-select>select{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.b3-select-button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;width:100%;padding:10px 13px;border:1px solid #a7aaa8;background:#f5f5f2;color:#292d2d;font:inherit;text-align:left;line-height:1.6;cursor:pointer}.b3-select-button:after{content:'⌄';font-size:16px}.b3-select-options{position:absolute;z-index:90;top:calc(100% + 5px);left:0;min-width:100%;width:max-content;max-width:min(340px,85vw);max-height:280px;overflow:auto;background:#f5f5f2;border:1px solid #a7aaa8;box-shadow:0 12px 25px #292d2d18;padding:5px}.b3-select-options[hidden]{display:none}.b3-select-options [role=option]{display:block;text-align:left;width:100%;font:inherit;font-size:14px;line-height:1.65;color:#292d2d;background:transparent;border:0;padding:11px 14px;cursor:pointer}.b3-select-options [aria-selected=true]{background:#e5e5e0}.b3-select-options [role=option]:focus,.b3-select-options [role=option]:hover{background:#292d2d;color:#f5f5f2}.language-label .b3-select-options{left:auto;right:0}.yq-form-grid .b3-select,.yq-filter .b3-select{width:100%}.b3-select-button:focus-visible{outline:2px solid #65564a;outline-offset:3px}
@media(max-width:900px){.lib-reader{grid-template-columns:200px minmax(0,1fr);gap:24px}.lib-item{grid-template-columns:1fr}.lib-item-image{padding:15px}.lib-series-hero{gap:25px}.lib-series-hero .lib-cover{height:300px}}
@media(max-width:640px){.lib-shell{padding:25px 6% 90px}.lib-heading{margin:20px 0 45px}.lib-series-grid,.lib-series-hero,.lib-scene-grid,.lib-notes,.lib-chapter-grid{grid-template-columns:1fr}.lib-series-grid{gap:40px}.lib-series-hero{margin:35px 0;gap:30px}.lib-series-hero h1{font-size:36px}.lib-reader-head{align-items:flex-start;flex-direction:column;padding:15px 6%}.lib-reader-tools{gap:15px;flex-wrap:wrap}.lib-reader{display:block;padding:16px 6% 100px}.lib-toc{position:static;max-height:none;margin-bottom:30px}.lib-toc nav{max-height:45vh;overflow:auto}.lib-reading h1{font-size:32px}.lib-item{gap:20px;padding:28px 0}.lib-item-image img{max-height:320px;object-fit:contain}.lib-reader-bottom{gap:20px}.lib-series-grid .lib-cover{height:260px}.lib-specs>div{grid-template-columns:1fr 1fr}.lib-item .lib-actions{align-items:flex-start;flex-direction:column}}

#yunqi-b-design .b3-select-button{border:1px solid #a7aaa8;background:#f5f5f2;padding:10px 13px;min-height:44px;font:inherit;color:#292d2d}#yunqi-b-design .b3-select-options button{padding:11px 14px;font:inherit;min-height:44px;text-align:left}#yunqi-b-design .lib-item-image img{width:auto;max-width:min(100%,var(--source-width));height:auto}.lib-diagram{margin:20px 0}.lib-diagram img{max-width:100%;height:auto}.lib-diagram figcaption{font-size:12px;line-height:1.7;margin-top:8px}body:has(.lib-reader) .b3-toolbar{display:none}

.lib-technical-item{padding:35px 0;border-bottom:1px solid #c9ccca;scroll-margin-top:100px}.lib-technical-item h2{font-size:24px;line-height:1.5}

.lib-shell a,.lib-reader a,.lib-reader-head a{color:inherit}#yunqi-b-design .lib-reading a.yq-link{color:#292d2d}

/* Unified customer catalogue and controls, 2026-10-23. */
.lib-swatch-cover{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:18px;min-height:0!important}.lib-swatch-cover img{width:100%;height:100%;min-height:0;object-fit:cover;aspect-ratio:1.5}.lib-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}.lib-product-grid article{min-width:0}.lib-product-picture{display:flex;align-items:center;justify-content:center;height:280px;background:#e5e5e0;padding:20px}.lib-product-picture img{max-width:min(100%,var(--source-width));max-height:240px;width:auto;height:auto;object-fit:contain}.lib-product-grid h3{font-size:20px;line-height:1.5;font-weight:400;margin:10px 0}.lib-product-grid p{font-size:14px;line-height:1.6}.lib-code{font-size:14px;letter-spacing:.02em}.lib-filters{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:end;gap:24px;margin:35px 0}.lib-filters label{display:flex;flex-direction:column;gap:10px;min-width:0}.lib-filters input{width:100%;min-height:48px;background:transparent;border:1px solid #a7aaa8;padding:10px 14px;font:inherit;border-radius:0;color:#292d2d}.lib-filters .b3-select{width:100%}.lib-pagination{display:flex;justify-content:center;gap:32px;align-items:center;margin-top:45px;min-height:44px}.lib-product-detail{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin:50px 0;align-items:start}.lib-product-detail h1{font-size:clamp(28px,3vw,46px);font-weight:400;line-height:1.4;margin:20px 0}.lib-product-detail figure{margin:0;min-height:300px;align-items:center}.lib-product-detail details{margin-top:32px;border-top:1px solid #a7aaa8;padding-top:18px;line-height:1.8}.lib-product-detail summary{cursor:pointer;min-height:44px}.lib-section{scroll-margin-top:110px}
#yunqi-b-design .language-label .b3-select{min-width:0}#yunqi-b-design .language-label .b3-select-button{gap:8px;width:auto;border:0;padding:8px;justify-content:center;white-space:nowrap;min-height:44px;font-size:14px}#yunqi-b-design .language-label .b3-select-options{width:192px;min-width:192px;max-width:calc(100vw - 24px);top:calc(100% + 8px);right:0;left:auto;padding:6px;background:#f5f5f2;border:1px solid #d5d7d2;border-radius:8px;box-shadow:0 8px 22px #292d2d15;animation:lib-menu-enter 150ms ease-out}#yunqi-b-design .language-label [role=option]{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;line-height:1.6;border-radius:4px;padding:9px 12px}#yunqi-b-design .language-label [aria-selected=true]:after{content:'✓'}.b3-select-options [role=option]:focus-visible{outline:2px solid #65564a;outline-offset:-2px}#yunqi-b-design .yq-tools{align-items:center}.b3-select-options{border-radius:8px}.lib-nav-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;height:250px}.lib-nav-palette img{width:100%;height:100%;object-fit:cover;min-height:0}.b3-sub-links{max-height:42vh;overflow:auto}
@keyframes lib-menu-enter{from{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1180px){.b3-nav{display:none}#yunqi-b-design #yq-menu{display:block}.b3-mega{margin:0 0 0 auto;width:min(460px,94vw);height:100dvh;max-height:100dvh;max-width:94vw;padding:20px 24px}.b3-mega-desktop{display:none}.b3-drawer-links{display:block}.b3-drawer-links details{border-bottom:1px solid #bfc3bd;padding:12px 0}.b3-drawer-links summary{min-height:44px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:1.6}.b3-drawer-links p{font-size:14px;line-height:1.7}.b3-drawer-links a{display:block;padding:12px 8px;font-size:15px;line-height:1.7}.lib-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.lib-product-detail{grid-template-columns:1fr;gap:25px}.lib-filters{grid-template-columns:1fr;gap:16px}.lib-product-grid{gap:30px 16px}.lib-product-picture{height:190px;padding:12px}.lib-product-picture img{max-height:165px}.lib-product-grid h3{font-size:17px}.lib-product-grid p{font-size:13px}.lib-swatch-cover{gap:7px;padding:14px}.lib-product-detail h1{font-size:30px}#yunqi-b-design .language-label .b3-select-button{padding:8px 3px;font-size:13px}.lib-pagination{gap:20px}}@media(max-width:380px){.lib-product-grid{grid-template-columns:1fr}#yunqi-b-design .yq-brand strong{font-size:16px}}@media(prefers-reduced-motion:reduce){.language-label .b3-select-options{animation:none!important}}

/* Real EUEB colour samples: larger, clearly separated thumbnails, no synthetic swatches. */
.lib-swatch-cover{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:20px}
.lib-swatch-cover img{aspect-ratio:1.65;object-fit:contain;background:#dedfd9;border:1px solid #d0d2cd}
@media(max-width:640px){.lib-swatch-cover{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px}.lib-shell{padding-bottom:38px}.lib-reader{padding-bottom:38px}}

/* Real EUEB colour samples: larger, clearly separated thumbnails, no synthetic swatches. */
.lib-swatch-cover{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:20px}
.lib-swatch-cover img{aspect-ratio:1.65;object-fit:contain;background:#dedfd9;border:1px solid #d0d2cd}
@media(max-width:640px){.lib-swatch-cover{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px}.lib-shell{padding-bottom:38px}.lib-reader{padding-bottom:38px}}

/* Keep source colour tiles inside the palette grid in the mega panel. */
.b3-mega .lib-nav-palette{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);height:280px;min-height:0;align-content:stretch}
.b3-mega .lib-nav-palette img{width:100%;height:100%;min-height:0;object-fit:contain;background:#e5e5e0}

#yunqi-b-design .b3-mega .lib-nav-palette img{width:100%;height:100%;min-height:0;object-fit:contain;background:#e5e5e0}

/* First launch: photographs lead; names and actions sit together below each image. */
#yunqi-b-design .launch-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:20px 7%;align-items:end;margin:28px 0 48px}
#yunqi-b-design .launch-heading h1,#yunqi-b-design .launch-heading h2{font-size:clamp(32px,4vw,58px);line-height:1.2;font-weight:400;letter-spacing:-.025em;margin:0}
#yunqi-b-design .launch-heading p{font-size:16px;line-height:1.8;margin:0;max-width:52ch}
#yunqi-b-design .launch-heading>.yq-solid{grid-column:2;justify-self:start}
#yunqi-b-design .launch-collections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px}
#yunqi-b-design .launch-collection{min-width:0}
#yunqi-b-design .launch-collection-image{display:block;text-decoration:none}
#yunqi-b-design .launch-collection .lib-cover{height:340px;min-height:0;background:#e5e5e0}
#yunqi-b-design .launch-collection-copy{padding:22px 0 0;border-bottom:1px solid #c9ccca;padding-bottom:24px}
#yunqi-b-design .launch-collection h2{font-size:clamp(23px,2.3vw,32px);line-height:1.35;font-weight:400;margin:0 0 10px}
#yunqi-b-design .launch-collection h2 a{display:inline;text-decoration:none}
#yunqi-b-design .launch-collection-copy p{font-size:16px;line-height:1.7;margin:0 0 15px;max-width:52ch}
#yunqi-b-design .launch-text-link{display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid #292d2d;text-decoration:none;font-size:14px}
#yunqi-b-design .launch-space-cover img{width:100%;height:100%;max-height:none;object-fit:cover}
#yunqi-b-design .launch-detail-cover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:28px;align-items:center}
#yunqi-b-design .launch-detail-cover img{width:auto;max-width:100%;height:auto;max-height:280px;justify-self:center;object-fit:contain}
#yunqi-b-design .launch-collection:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center}
#yunqi-b-design .launch-collection:last-child .lib-cover{height:380px}
#yunqi-b-design .launch-collection:last-child .launch-collection-copy{border:0;padding:0}
#yunqi-b-design .launch-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}
#yunqi-b-design .launch-chapters a{display:flex;align-items:center;gap:18px;padding:16px;border:1px solid #d3d6cf;text-decoration:none;font-size:16px;line-height:1.5}
#yunqi-b-design .launch-chapters img{width:76px;height:90px;object-fit:contain}
#yunqi-b-design .launch-followup{font-size:14px;line-height:1.7;margin-top:20px;max-width:60ch}
#yunqi-b-design .launch-home-collections{padding-top:58px;padding-bottom:65px}
#yunqi-b-design .lib-series-hero p{font-size:16px}
@media(max-width:700px){#yunqi-b-design .launch-heading{grid-template-columns:1fr;gap:18px;margin:18px 0 32px}#yunqi-b-design .launch-heading>.yq-solid{grid-column:auto}#yunqi-b-design .launch-collections{grid-template-columns:1fr;gap:36px}#yunqi-b-design .launch-collection:last-child{display:block;grid-column:auto}#yunqi-b-design .launch-collection .lib-cover,#yunqi-b-design .launch-collection:last-child .lib-cover{height:260px}#yunqi-b-design .launch-collection:last-child .launch-collection-copy{padding-top:22px}#yunqi-b-design .launch-detail-cover{gap:10px;padding:18px}#yunqi-b-design .launch-detail-cover img{max-height:220px}#yunqi-b-design .launch-chapters{grid-template-columns:1fr}#yunqi-b-design .launch-home-collections{padding-top:36px;padding-bottom:40px}#yunqi-b-design .launch-collection-copy p{font-size:15px}#yunqi-b-design .lib-series-hero .launch-detail-cover{height:250px}}

/* The launch prioritises unobstructed product browsing at every width. */
@media(min-width:901px){#yunqi-b-design .b3-toolbar{position:static;transform:none;width:max-content;max-width:90%;margin:24px auto 40px;box-shadow:none}}