/* claude-features/08-agents */
.entry-content .slide-section{margin-bottom: 48px;}
.entry-content .section-title{font-size: 1.5rem; margin-bottom: 12px;}
.entry-content .section-desc{color: #475569; margin-bottom: 24px; font-size: 1.05rem;}
.entry-content .analogy-card{display: flex; align-items: center; gap: 14px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 12px; padding: 18px 22px;}
.entry-content .analogy-icon{font-size: 1.5rem; flex-shrink: 0;}
.entry-content .analogy-content{color: #1e40af; font-size: 0.95rem; line-height: 1.7;}
.entry-content .agent-type-cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;}
.entry-content .agent-type-card{background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px 18px; text-align: center; transition: border-color 0.2s, transform 0.2s;}
.entry-content .agent-type-card:hover{border-color: #93c5fd; transform: translateY(-2px);}
.entry-content .at-icon{font-size: 2rem; margin-bottom: 8px;}
.entry-content .at-badge{display: inline-block; font-size: 0.72rem; padding: 3px 12px; border-radius: 999px; font-weight: 700; color: #fff; margin-bottom: 10px;}
.entry-content .at-badge.general{background: #3b82f6;}
.entry-content .at-badge.search{background: #22c55e;}
.entry-content .at-badge.plan{background: #8b5cf6;}
.entry-content .agent-type-card h3{margin-bottom: 8px; color: #1e293b; font-size: 1rem;}
.entry-content .agent-type-card p{color: #475569; font-size: 0.88rem; margin: 0;}
.entry-content .highlight-note{display: flex; align-items: center; gap: 10px; background: #fef3c7; border: 1px solid #fde68a; border-radius: 10px; padding: 14px 18px; margin-top: 14px; color: #92400e; font-size: 0.93rem;}
.entry-content .hn-icon{font-size: 1.2rem; flex-shrink: 0;}
.entry-content .step-cards{display: flex; flex-direction: column; gap: 20px;}
.entry-content .step-card{display: flex; gap: 18px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px; transition: border-color 0.2s;}
.entry-content .step-card:hover{border-color: #93c5fd;}
.entry-content .step-number{width: 32px; height: 32px; background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 0.9rem; flex-shrink: 0;}
.entry-content .step-body{flex: 1;}
.entry-content .step-body h3{margin-bottom: 10px; color: #1e293b; font-size: 1.05rem;}
@media (max-width: 768px){
.entry-content .agent-type-cards{grid-template-columns: 1fr;}
.entry-content .step-card{flex-direction: column; gap: 12px;}
}