.color-preview-banner{padding:11px 18px;text-align:center;background:#fff0c9;color:#3a2d17;font:600 13px/1.5 system-ui,sans-serif}
.color-guide-refresh [id]{scroll-margin-top:110px}
.color-guide-refresh h1{max-width:1000px}
.color-guide-refresh .color-jumps{display:flex;gap:.7rem 1.5rem;flex-wrap:wrap;margin:1.5rem 0 2rem;font-size:14px;line-height:1.5}
.color-guide-refresh .color-jumps a{color:#254c61;text-underline-offset:4px}
.color-guide-refresh .color-table-wrap{border:1px solid #d5cebf;margin:1.6rem 0 1.3rem;background:#fff}
.color-guide-refresh .color-table-wrap table{min-width:650px}
.color-guide-refresh .color-table-wrap th:first-child{width:23%}
.color-guide-refresh .color-table-wrap td:first-child{font-weight:700;color:#142d3e}
.color-guide-refresh .color-table-wrap tbody tr:nth-child(even){background:#f2ede3}
.color-guide-refresh .color-table-hint{display:none;font:13px/1.5 Arial,sans-serif;color:#66747d;margin-bottom:.5rem}
.color-guide-refresh .color-brief-card{padding:28px;background:#fff;border-left:4px solid #ac8439;margin:24px 0;box-shadow:0 12px 40px #1e34400d}
.color-guide-refresh #color-brief-template{font:15px/1.8 Arial,sans-serif;color:#142d3e;margin:0 0 20px;white-space:pre-wrap;overflow-wrap:anywhere}
.color-guide-refresh #color-brief-copy{font:600 14px/1.5 Arial,sans-serif;background:#142d3e;color:#fff;padding:12px 18px;border:0;border-radius:3px;cursor:pointer}
.color-guide-refresh #color-brief-copy[hidden]{display:none}
.color-guide-refresh #color-brief-status{font:13px/1.6 Arial,sans-serif;color:#596c77;margin:12px 0 0}
.color-guide-refresh .color-faq details{border-bottom:1px solid #cfc9bb}
.color-guide-refresh .color-faq summary{font-size:18px;font-weight:700;line-height:1.5;cursor:pointer;padding:22px 0;color:#142d3e}
.color-guide-refresh .color-faq p{margin:0 0 22px}
.color-guide-refresh .color-related>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.color-guide-refresh .color-related a{display:flex;gap:18px;justify-content:space-between;border:1px solid #d5cebf;background:#fff;padding:20px;text-decoration:none;font-weight:700;line-height:1.5}
.color-guide-refresh .color-product-link{font-size:14px;margin-bottom:0}
.color-guide-refresh :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid #ac8439;outline-offset:4px}
@media(max-width:760px){.color-guide-refresh .color-table-hint{display:block}.color-guide-refresh .color-table-wrap{margin-top:.5rem}.color-guide-refresh .color-related>div:last-child{grid-template-columns:1fr}.color-guide-refresh .color-brief-card{padding:20px}.color-guide-refresh #color-brief-template{font-size:14px}.color-guide-refresh .color-jumps{gap:.7rem 1rem}}