.color-library{--color-border:#d9ded5;padding-bottom:64px}
.color-library [hidden]{display:none!important}
.color-hero{padding:30px 0 24px}
.color-breadcrumb{font-size:.82rem;color:var(--muted);margin-bottom:20px}
.color-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.color-hero h1{font-size:clamp(2.8rem,5vw,4rem);letter-spacing:-.035em;margin:0 0 18px}
.color-lead{max-width:44rem;font-size:1.12rem;line-height:1.85;margin-bottom:22px}
.color-ribbon{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;max-width:100%;overflow:hidden}
.paint-window{display:block;width:100%;background-repeat:no-repeat;background-color:#eeeee7}
.color-ribbon .paint-window{height:44px;aspect-ratio:auto!important}
.color-collection-heading{border-top:1px solid var(--color-border);padding-top:28px}
.color-collection-heading h2{font:600 1.45rem/1.4 var(--sans);letter-spacing:0;margin:0 0 10px}
.color-collection-heading p{margin:0 0 10px;max-width:65rem;font-size:.96rem}
.color-reference-caption{color:var(--muted);font-size:.84rem!important}
.color-controls{margin-top:20px}
.color-search-row{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px}
.color-search,.color-status-filter{display:grid;gap:7px;font-size:.83rem;font-weight:600}
.color-search input,.color-status-filter select{width:100%;min-width:0;font:400 1rem/1.4 var(--sans);color:var(--ink);background:#fffdf9;border:1px solid #95a48e;border-radius:0;min-height:49px;padding:11px 14px}
.color-search input::placeholder{color:#657061;font-size:.92rem}
.color-family-filters{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 10px}
.color-family-filters button,.color-reset,.color-no-results button,.color-close{font:500 .88rem/1.5 var(--sans);cursor:pointer;border:1px solid var(--color-border);background:transparent;color:var(--ink);padding:9px 14px;min-height:42px;border-radius:0}
.color-family-filters button:hover,.color-family-filters button[aria-pressed=true]{border-color:var(--forest);color:#fff;background:var(--forest)}
.color-results-heading{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:.8rem;color:var(--muted);padding:9px 0 22px}
.color-results-heading p{margin:0}.color-results-heading>a{margin-left:auto;text-decoration:underline;text-underline-offset:3px}
.color-reset{border:0;padding:3px 0;min-height:34px;text-decoration:underline;text-underline-offset:4px;font-size:.8rem}
.color-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 18px;align-items:start}
.color-card{min-width:0;scroll-margin-top:100px}
.color-card summary{display:block;cursor:pointer;list-style:none;min-width:0}
.color-card summary::-webkit-details-marker{display:none}
.color-card summary .paint-window{border:1px solid rgba(40,55,40,.1);margin-bottom:12px}
.color-code{display:block;font:500 .77rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.01em;color:var(--forest)}
.color-code span{color:var(--muted);font-weight:400}
.color-name{display:block;font-size:1.02rem;font-weight:600;line-height:1.6;margin:4px 0 2px}
.color-english{display:block;font-size:.78rem;line-height:1.5;min-height:3em;letter-spacing:.015em;overflow-wrap:break-word;color:var(--muted)}
.color-open-hint{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border);margin-top:10px;padding-top:8px;font-size:.72rem;line-height:1.5;color:var(--muted)}
.color-card summary:hover .color-open-hint{color:var(--forest)}
.color-card[open]{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,2fr);gap:30px;padding:26px;border:1px solid #a7b49f;background:var(--paper-bright)}
.color-card[open]>summary{max-width:360px}.color-card[open] .color-name{font-size:1.55rem}.color-card[open] .color-english{font-size:.84rem;min-height:0}.color-card[open] .color-open-hint{display:none}
.color-record{min-width:0}.color-record-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:.8rem;color:var(--muted)}.color-record-heading p{margin:0}
.color-permalink{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.color-facts{display:flex;gap:20px 35px;flex-wrap:wrap;margin:22px 0 16px}.color-facts div{min-width:76px}.color-facts dt{font-size:.75rem;color:var(--muted)}.color-facts dd{margin:4px 0 0;font-size:.9rem;font-weight:600}
.color-source-links{display:flex;gap:8px 22px;flex-wrap:wrap;font-size:.78rem}.color-source-links a,.color-personal a,.color-footer-links a{text-decoration:underline;text-underline-offset:4px}
.color-reference-note{font-size:.8rem;line-height:1.8;color:var(--muted);max-width:60ch}
.color-personal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;border-top:1px solid var(--color-border);padding-top:20px;margin-top:22px}
.color-personal h3,.color-notes h3{font:600 1rem/1.5 var(--sans);letter-spacing:0;margin-bottom:8px}
.color-empty-copy{font-size:.83rem;color:var(--muted);line-height:1.9;margin-bottom:5px}.color-personal figure{margin:0 0 20px}.color-personal img{width:100%;height:auto}.color-personal figcaption{font-size:.85rem;margin-top:10px}
.color-close{margin-top:24px;font-size:.8rem;min-height:40px}.color-close:hover{border-color:var(--forest)}
.color-no-results{padding:45px 20px;text-align:center;border:1px solid var(--color-border)}.color-no-results h3{font-size:1.4rem}.color-no-results p{font-size:.94rem}.color-no-results button{border-color:var(--forest);color:var(--forest)}
.color-sources{border-top:1px solid var(--color-border);padding-top:36px;margin-top:55px}.color-sources h2{font-size:1.65rem;line-height:1.5;letter-spacing:0}.color-sources>p{max-width:760px;font-size:.94rem;line-height:1.95}
.color-source-details{margin-top:24px;font-size:.86rem;line-height:1.85}.color-source-details>summary{cursor:pointer;font-weight:600;margin-bottom:15px;min-height:38px}.color-source-details>p{max-width:900px}.color-source-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:820px}.color-source-gallery figure{margin:0}.color-source-gallery img{width:100%;height:auto;border:1px solid var(--color-border)}.color-source-gallery figcaption{font-size:.75rem;margin:8px 0}.color-product-links{display:flex;flex-wrap:wrap;gap:12px 30px;padding:0;list-style:none;margin:25px 0}.color-product-links a{text-decoration:underline;text-underline-offset:4px}.color-footer-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:28px;font-size:.85rem!important}
.english-site .color-library h1{max-width:900px}.english-site .color-name{font-family:var(--sans)}
@media(max-width:1080px){.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.color-ribbon{gap:3px}.color-ribbon .paint-window{height:48px}}
@media(max-width:680px){.color-library{width:calc(100% - 32px)}.color-hero{padding-top:28px;padding-bottom:25px}.color-breadcrumb{margin-bottom:20px}.color-hero h1{font-size:2.8rem}.color-lead{font-size:1rem;line-height:1.8}.color-ribbon .paint-window{height:35px}.color-ribbon{gap:2px}.color-search-row{grid-template-columns:1fr;gap:12px}.color-status-filter{grid-template-columns:85px minmax(0,1fr);align-items:center}.color-status-filter select{min-height:44px;font-size:.9rem}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.color-card[open]{display:block;padding:18px}.color-card[open]>summary{max-width:none}.color-card[open] .paint-window{max-width:360px}.color-record{padding-top:24px}.color-personal{grid-template-columns:1fr;gap:24px}.color-source-gallery{gap:10px}.color-english{font-size:.78rem}.color-family-filters button{padding:7px 12px}.color-collection-heading h2{font-size:1.3rem}.color-collection-heading p{font-size:.9rem}.color-source-gallery{grid-template-columns:1fr}.color-source-gallery img{max-width:320px}.color-facts{gap:14px 22px}.color-results-heading{gap:12px}.color-results-heading>a{font-size:.73rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.color-brand-nav{display:flex;gap:24px;margin:0 0 28px;flex-wrap:wrap}.color-brand-nav a{padding:8px 0;border-bottom:2px solid transparent;font-size:1.04rem}.color-brand-nav a[aria-current]{border-color:var(--forest);font-weight:600}.color-brand-nav span{font:400 .75rem ui-monospace,monospace;color:var(--muted);margin-left:7px}.color-extra-filters{display:flex;gap:24px;flex-wrap:wrap;margin-top:16px}.color-extra-filters label{min-width:190px;max-width:100%}.color-attribute-preview{display:block;font-size:.73rem;color:var(--forest);margin-top:7px;min-height:1.6em}.color-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.color-legend p{font-size:.88rem;line-height:1.9}.color-facts dd{overflow-wrap:anywhere;max-width:32ch}
@media(max-width:680px){.color-extra-filters{display:grid;grid-template-columns:1fr;gap:12px}.color-extra-filters label{min-width:0}.color-legend{grid-template-columns:1fr;gap:8px}.color-brand-nav{gap:20px}.color-facts dd{max-width:26ch}}