/* Colorrow Phase 21 — indexable palette category quality layer */
.cr-category-guide{display:grid;gap:var(--cr-space-8);margin-top:var(--cr-space-8)}
.cr-category-copy{max-width:850px}
.cr-category-copy p{max-width:78ch}
.cr-category-example-grid{margin-top:0}
.cr-category-example{display:flex;flex-direction:column;gap:var(--cr-space-3)}
.cr-category-example .static-swatches{margin:0}
.cr-category-example .static-palette-note{margin:0;color:var(--cr-text-muted);line-height:1.65}
.cr-category-detail-grid,.cr-category-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cr-space-5)}
.cr-category-panel{border:1px solid var(--cr-border);border-radius:var(--cr-radius-xl);background:var(--cr-surface);padding:clamp(20px,3vw,30px);box-shadow:var(--cr-shadow-1)}
.cr-category-panel h2{margin-top:0}
.cr-category-panel ul{margin:0;padding-left:1.2rem;display:grid;gap:10px}
.cr-category-table-wrap{overflow-x:auto}
.cr-category-role-table{width:100%;border-collapse:collapse;min-width:480px}
.cr-category-role-table th,.cr-category-role-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--cr-border);padding:12px 10px;line-height:1.55}
.cr-category-role-table thead th{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--cr-text-muted)}
.cr-category-role-table tbody th{width:28%;color:var(--cr-text)}
.cr-category-caution{border:1px solid var(--cr-border-strong);border-radius:var(--cr-radius-xl);background:var(--cr-surface-soft);padding:clamp(20px,3vw,28px)}
.cr-category-caution strong{display:block;margin-bottom:7px}
.cr-category-caution p{margin:0;max-width:80ch;line-height:1.65;color:var(--cr-text-muted)}
.cr-category-link-list a{font-weight:700}
.cr-category-workflow-list{list-style:none!important;padding-left:0!important}
.cr-category-workflow-list li{display:grid!important;gap:3px;padding-bottom:10px;border-bottom:1px solid var(--cr-border)}
.cr-category-workflow-list li:last-child{border-bottom:0;padding-bottom:0}
.cr-category-workflow-list a{font-weight:750}
.cr-category-workflow-list span{color:var(--cr-text-muted);line-height:1.5}
@media(max-width:800px){.cr-category-detail-grid,.cr-category-related-grid{grid-template-columns:1fr}.cr-category-guide{gap:var(--cr-space-6)}}
@media(max-width:520px){.cr-category-panel,.cr-category-caution{border-radius:var(--cr-radius-lg);padding:18px}.cr-category-role-table{min-width:430px}}