SUMMARY:
Fixed missing icons/diagrams in Framework Capabilities section caused
by duplicate class attributes overwriting background gradients.
ISSUE:
All 6 capability cards had duplicate class attributes:
<div class="w-14..." class="bg-gradient-service-X">
The second class attribute overwrote the first, losing all sizing and
layout classes, leaving only the gradient (which has no dimensions).
FIX:
Merged duplicate class attributes into single declarations:
- Instruction: Added bg-gradient-service-instruction to main class list
- Validator: Added bg-gradient-service-validator to main class list
- Boundary: Added bg-gradient-service-boundary to main class list
- Pressure: Added bg-gradient-service-pressure to main class list
- Metacognitive: Added bg-gradient-service-metacognitive to main class list
- Deliberation: Added bg-gradient-service-deliberation to main class list
IMPACT:
Icons now display properly with colored gradient backgrounds:
- Indigo (InstructionPersistence)
- Purple (CrossReferenceValidator)
- Green (BoundaryEnforcer)
- Amber (ContextPressureMonitor)
- Rose (MetacognitiveVerifier)
- Teal (PluralisticDeliberation)
🤖 Generated with Claude Code (https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
c61509e404
