.color-catalog{padding-top:0px;padding-bottom:56px}.color-hero{max-width:800px;margin-bottom:28px}.color-eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:700;color:#6e603e;margin-bottom:12px}.color-hero h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;color:#24492b;margin-bottom:20px}.color-hero>p:not(.color-eyebrow){font-size:1.1rem;color:#56594d}.color-link{display:inline-block;margin-top:18px;color:#2c5530;font-weight:700}.color-note{padding:20px 24px;background:#f1ecdf;border-left:3px solid #b89b5e;border-radius:0 8px 8px 0;color:#555348;font-size:.9rem;margin-bottom:32px}.color-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px}.color-toolbar>div{width:min(100%,460px)}.color-toolbar label{display:block;font-weight:600;margin-bottom:8px}.color-toolbar input{width:100%;padding:13px 16px;border:1px solid #c9c8b8;border-radius:6px;background:#fffef9;font:inherit}.color-toolbar>p{white-space:nowrap;color:#66694f}.color-hint{margin:14px 0 24px;font-size:.88rem;color:#666}.color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.color-card{border:1px solid #dedbcd;border-radius:10px;overflow:hidden;background:#fffdf7;transition:box-shadow .2s,transform .2s}.color-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #27351b18}.color-card[hidden]{display:none}.color-image{display:block;position:relative;padding:24px 28px 15px;background:#f3efe4}.color-image img{display:block;width:100%;height:auto; filter: drop-shadow(2px 4px 6px gray);}.color-number{position:absolute;left:12px;top:8px;font-size:.75rem;letter-spacing:.08em;color:#6b675b}.color-card-text{padding:16px}.color-card h2{font-size:.95rem;line-height:1.35;margin:0 0 5px;color:#284b2e}.color-card-text p{font-size:.82rem;color:#6d6a60}.color-hex{display:flex;align-items:center;gap:8px;font: .74rem monospace;color:#777267;margin-top:12px}.color-hex span{height:12px;width:12px;border-radius:50%;border:1px solid #0002}.color-download{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px;margin-top:44px;background:#e8ecdf;border:1px solid #cdd5bf;border-radius:12px;scroll-margin-top:160px}.color-download h2{font:700 1.8rem Georgia,serif;color:#284b2e;margin-bottom:10px}.color-file-info{font-size:.82rem;color:#646c58;margin-top:10px}.color-download-btn{display:inline-flex;gap:24px;align-items:center;white-space:nowrap;padding:15px 24px;border-radius:6px;background:#2c5530;color:white;text-decoration:none;font-weight:600}.color-method{margin-top:24px;color:#626255;font-size:.9rem}.color-method summary{cursor:pointer;font-weight:600}.color-method p{margin-top:12px}#color-empty{padding:32px 0}#color-dialog{position:fixed;inset:0;margin:auto;width:min(720px,94vw);max-height:94dvh;border:0;border-radius:12px;background:#f7f3e7;color:#284b2e;padding:20px;overflow:auto;box-shadow:0 20px 80px #0005}#color-dialog::backdrop{background:#101b13d9}.color-close{position:absolute;right:12px;top:10px;width:42px;height:42px;border:1px solid #ccc5af;border-radius:50%;background:#fffdf6;font-size:28px;cursor:pointer;z-index:1}.color-dialog-image{display:flex;justify-content:center;min-height:160px}.color-dialog-image img{width:auto;max-width:100%;height:auto;max-height:70dvh;object-fit:contain;filter: drop-shadow(2px 4px 6px gray);}.color-dialog-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:center;margin-top:16px}.color-dialog-caption h2{font-size:1.1rem}.color-dialog-caption p,.color-dialog-caption a{font-size:.85rem}.color-dialog-caption a{color:#2c5530}.color-dialog-caption button{flex-shrink:0;width:44px;height:44px;background:#2c5530;border:0;border-radius:50%;color:white;font-size:22px;cursor:pointer}.color-catalog a:focus-visible,.color-catalog input:focus-visible,#color-dialog button:focus-visible,#color-dialog a:focus-visible{outline:3px solid #b58728;outline-offset:4px}html:has(#color-dialog[open]){overflow:hidden}@media(max-width:1000px){.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-image{padding:24px 20px 15px}.color-download{align-items:start;flex-direction:column;padding:26px}}@media(max-width:520px){.color-catalog{padding-top:30px}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.color-card-text{padding:12px}.color-toolbar{align-items:start;flex-direction:column;gap:8px}.color-note{padding:16px}.color-dialog-caption{gap:8px}#color-dialog{padding:16px}.color-dialog-caption h2{font-size:1rem}}@media(prefers-reduced-motion:reduce){.color-card{transition:none}.color-card:hover{transform:none}}

/* Shared page heading layout; existing catalogue customizations are preserved. */
.color-catalog-hero .container{display:block}
.color-catalog-hero h1{font-size:clamp(2rem,5vw,3rem)}
.color-catalog .color-toolbar .color-link{margin-top:0}