.color-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:.5rem;vertical-align:middle}.color-ruby{background:#ef4444}.color-sapphire{background:#3b82f6}.color-bp{background:linear-gradient(135deg,#581c87,#064e3b)}.color-emerald{background:#22c55e}.color-p1{background:linear-gradient(135deg,#1a1a1a,#be185d)}.color-p2{background:linear-gradient(135deg,#be185d,#7c3aed)}.color-p3{background:linear-gradient(135deg,#1a1a1a,#1e3a5f)}.color-p4{background:linear-gradient(135deg,#1e3a5f,#1a1a1a)}.phase-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:24px 0}.phase-image-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;overflow:hidden;transition:all .3s ease}.phase-image-card:hover{border-color:#d4af37;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.phase-image-card img{width:100%;height:180px;object-fit:contain;background:linear-gradient(135deg,rgba(30,30,30,.8),rgba(20,20,20,.9));padding:16px}.phase-image-card-content{padding:16px;border-top:1px solid #3a3a3a}.phase-image-card-title{font-weight:600;font-size:13px;margin-bottom:4px;color:#fff}.phase-image-card-subtitle{font-size:12px;color:#666}.phase-image-card a:hover{text-decoration:underline!important}.hero-knife-display{background:#232220;border:1px solid #3a3a3a;border-radius:8px;padding:24px;margin:24px 0;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-knife-display img{width:300px;height:auto;flex-shrink:0}.hero-knife-info{flex:1;min-width:250px}.hero-knife-info h3{margin-top:0;font-size:15px}@media (max-width:640px){.hero-knife-display{flex-direction:column;text-align:center}.hero-knife-display img{width:100%;max-width:280px}}.phase-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;padding:18px;margin:16px 0}.phase-card h4{margin-top:0;color:#fff}.phase-card ul{margin-bottom:0}.article-badge{background:linear-gradient(135deg,rgba(236,72,153,.15),rgba(139,92,246,.15),rgba(59,130,246,.15));border:1px solid rgba(139,92,246,.3);color:#8b5cf6}.article-header-custom{padding:0 0 30px;border-bottom:1px solid #3a3a3a}.article-header-custom h1{font-size:28px;font-weight:700;margin-bottom:10px;line-height:1.3;color:#fff;letter-spacing:-.01em}.article-content h4,.table-wrapper a,.table-wrapper code{color:#d4af37}@media (max-width:768px){.article-header-custom h1{font-size:22px}.phase-image-grid{grid-template-columns:1fr}}