.detail .argile-palette-nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:28px;height:auto;padding:0;margin:32px 0;border:0}.argile-palette-nav a{padding:14px 0;border-bottom:2px solid transparent;font-size:18px}.argile-palette-nav a[aria-current]{border-color:var(--accent);color:var(--accent)}.argile-palette-nav small{font-size:12px;color:var(--muted)}
.argile-palette-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.argile-palette-toolbar input{padding:12px 14px;border:1px solid var(--line);min-width:0;max-width:100%;width:300px}.argile-palette-toolbar span{font-size:13px;color:var(--muted);margin-left:auto}
.argile-colour-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px;margin:30px 0}.argile-swatch{padding:0;text-align:left;min-width:0;display:flex;flex-direction:column;gap:12px}.argile-swatch img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:1px solid var(--line)}.argile-swatch span{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.argile-swatch strong{display:block;font-size:14px;font-weight:500}.argile-swatch:hover img{outline:1px solid var(--accent);outline-offset:3px}.argile-colour-large{display:block;width:100%;max-height:45svh;object-fit:contain;aspect-ratio:1}#argile-colour-dialog{max-width:640px}#argile-colour-dialog .dialog-head>span{overflow-wrap:anywhere;min-width:0}#argile-colour-dialog p{line-height:1.6}
@media(max-width:1000px){.argile-colour-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
#aeterna-colour-dialog{max-width:640px}#aeterna-colour-dialog .dialog-head>span{overflow-wrap:anywhere;min-width:0}#aeterna-colour-dialog p{line-height:1.6}
.argile-swatch .aeterna-hex-swatch{display:block;width:100%;aspect-ratio:1;border:1px solid var(--line)}.aeterna-hex-large{display:block;width:100%;height:40svh;max-height:400px;border:1px solid var(--line)}
@media(max-width:600px){.argile-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.argile-palette-toolbar input{width:100%}.argile-palette-toolbar span{margin-left:0}.detail .argile-palette-nav{gap:22px}}
