figure{margin:1.75rem 0;display:flex;flex-direction:column;align-items:center}figure img,figure svg{width:100%;max-width:32rem}figure svg{padding:1rem;background:#fff}figcaption{font-size:.75rem;color:#a8a29e;margin-top:.5rem;text-align:center;font-family:ui-sans-serif,system-ui,sans-serif}.kelvin-box,.bio-box{background:#fafaf9;border:1px solid #e7e5e4;border-radius:.75rem;padding:1.25rem;margin:1rem 0;font-family:ui-sans-serif,system-ui,sans-serif}.kelvin-row{display:flex;align-items:center;gap:.75rem;padding:.35rem 0}.kelvin-swatch{width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid #e7e5e4;flex-shrink:0}.kelvin-k{font-family:ui-monospace,monospace;color:#78716c;font-size:.75rem;width:5rem;flex-shrink:0}.kelvin-label{color:#1c1917;font-weight:500;font-size:.875rem;width:10rem;flex-shrink:0}.kelvin-desc{color:#a8a29e;font-size:.75rem}.color-temp-bar{height:2rem;border-radius:.5rem;background:linear-gradient(to right,#ff6a00,#ff8a00,#ffc464,#fff4e0,#fff9f0,#f0f4ff,#d4e4ff,#b8d0ff)}.color-temp-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-family:ui-sans-serif,system-ui,sans-serif}.color-temp-labels>div{text-align:center;font-size:.7rem}.color-temp-labels .k{color:#a8a29e;font-family:ui-monospace,monospace;font-size:.65rem}.spectrum-wrap{max-width:32rem;margin:1rem auto}.spectrum-bar{height:2.5rem;border-radius:.5rem;background:linear-gradient(to right,red,#ff8c00,#ff0,#0f0,#00bfff,#00f,#8b00ff)}.spectrum-labels{display:flex;justify-content:space-between;margin-top:.35rem;font-family:ui-sans-serif,system-ui,sans-serif}.spectrum-labels>div{text-align:center}.spectrum-labels .name{font-size:.7rem;color:#78716c;font-weight:500}.spectrum-labels .nm{font-size:.65rem;color:#a8a29e;font-family:ui-monospace,monospace}.fig-grid{display:grid;gap:.75rem;max-width:32rem;margin:1.75rem auto .5rem;align-items:start}.fig-grid-2{grid-template-columns:1fr 1fr}.fig-grid-3{grid-template-columns:1fr 1fr 1fr}.fig-grid-4{grid-template-columns:repeat(4,1fr)}.fig-grid-5{grid-template-columns:repeat(5,1fr)}.fig-grid-7{grid-template-columns:repeat(7,1fr);gap:.5rem}.fig-grid img{width:100%;border:1px solid #e7e5e4;border-radius:.5rem}.fig-grid img.square{aspect-ratio:1;object-fit:cover}.fig-grid figure{margin:0}.fig-grid figcaption{margin-top:.35rem;font-size:.7rem}.swatch-box{background:#fafaf9;border:1px solid #e7e5e4;border-radius:.75rem;padding:1.25rem;margin:1rem 0;font-family:ui-sans-serif,system-ui,sans-serif}.swatch-row{display:flex;gap:.75rem;align-items:flex-start;padding:.35rem 0}.swatch-row+.swatch-row{margin-top:.35rem}.swatch-row .sw-single{width:1.5rem;height:1.5rem;border-radius:.25rem;border:1px solid #e7e5e4;flex-shrink:0;margin-top:.1rem}.swatch-row .sw-steps{display:flex;width:4.5rem;height:1.75rem;border-radius:.3rem;overflow:hidden;border:1px solid #e7e5e4;flex-shrink:0;margin-top:.05rem}.swatch-row .sw-steps span{flex:1;height:100%}.swatch-row .sw-label{font-size:.875rem;font-weight:500;color:#1c1917}.swatch-row .sw-desc{font-size:.75rem;color:#57534e;margin:.15rem 0 0;line-height:1.5}.tag-row{display:flex;flex-wrap:wrap;gap:.375rem;margin:.75rem 0;font-family:ui-sans-serif,system-ui,sans-serif}.tag-row .tag{background:#f5f5f4;color:#57534e;font-size:.75rem;padding:.25rem .625rem;border-radius:999px}.card-grid{display:grid;gap:.75rem;margin:1.25rem 0;font-family:ui-sans-serif,system-ui,sans-serif}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.card-grid-5{grid-template-columns:repeat(5,1fr)}.card{background:#fff;border:1px solid #e7e5e4;border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;background:#fafaf9;display:block;object-fit:cover}.card .card-body{padding:.6rem .75rem}.card .card-name{font-size:.8rem;font-weight:500;color:#1c1917;margin:0 0 .25rem}.card .card-details{list-style:none;margin:0;padding:0}.card .card-details li{font-size:.72rem;color:#78716c;line-height:1.4;display:flex;gap:.35rem}.card .card-details li:before{content:"—";color:#d6d3d1;flex-shrink:0}.def-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;font-family:ui-sans-serif,system-ui,sans-serif}.def-row{display:flex;gap:1rem;background:#fff;border:1px solid #e7e5e4;border-radius:.75rem;padding:.75rem 1rem}.def-row .def-term{font-size:.875rem;font-weight:500;color:#1c1917;min-width:10rem;flex-shrink:0}.def-row .def-body{font-size:.875rem;color:#57534e;flex:1}.def-row .def-body .tag-row{margin:0}.group-grid{display:grid;gap:.75rem;margin:1rem 0;font-family:ui-sans-serif,system-ui,sans-serif}.group-grid-3{grid-template-columns:repeat(3,1fr)}.group-grid-2{grid-template-columns:repeat(2,1fr)}.group-card{background:#fff;border:1px solid #e7e5e4;border-radius:.75rem;padding:.875rem 1rem}.group-card .group-label{font-size:.7rem;font-weight:500;color:#78716c;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.group-card .group-list{list-style:none;margin:.25rem 0 0;padding:0}.group-card .group-list li{font-size:.75rem;color:#57534e;display:flex;gap:.35rem;padding:.1rem 0}.group-card .group-list li:before{content:"—";color:#d6d3d1;flex-shrink:0}.spec-card{background:#fff;border:1px solid #e7e5e4;border-radius:.75rem;overflow:hidden}.spec-card>img{width:100%;height:10rem;object-fit:cover;background:#fafaf9;display:block}.spec-card .spec-body{padding:.875rem 1rem}.spec-card .spec-name{font-size:.95rem;font-weight:600;color:#1c1917;margin:0 0 .5rem}.spec-card .spec-row{display:flex;gap:.5rem;font-size:.72rem;margin-top:.25rem}.spec-card .spec-key{color:#a8a29e;min-width:3rem}.spec-card .spec-val{color:#44403c}.bio-box>div+div{margin-top:.85rem}.bio-box .label{font-size:.875rem;font-weight:500;color:#1c1917}.bio-box .desc{font-size:.8rem;color:#57534e;margin:.15rem 0 0;line-height:1.55}