/* claude-cowork/02-how-it-works */
.entry-content .section-slide{margin-bottom: 48px; padding-bottom: 48px; border-bottom: 1px solid #e2e8f0;}
.entry-content .section-slide:last-child{border-bottom: none; padding-bottom: 0;}
.entry-content .diff-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 20px;}
.entry-content .diff-card{background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px; transition: border-color 0.2s, transform 0.2s;}
.entry-content .diff-card:hover{border-color: #93c5fd; transform: translateY(-2px);}
.entry-content .diff-icon{font-size: 2rem; margin-bottom: 12px;}
.entry-content .diff-card h3{margin: 0 0 8px; font-size: 1.05rem; color: #1e293b;}
.entry-content .diff-card p{margin: 0; color: #64748b; font-size: 0.93rem; line-height: 1.6;}
.entry-content .parallel-comparison{display: flex; flex-direction: column; gap: 16px; margin-top: 20px;}
.entry-content .parallel-card{border-radius: 12px; padding: 24px; border: 1px solid #e2e8f0;}
.entry-content .parallel-card.slow{background: #fef2f2; border-color: #fecaca;}
.entry-content .parallel-card.fast{background: #f0fdf4; border-color: #bbf7d0;}
.entry-content .parallel-header{margin-bottom: 16px;}
.entry-content .parallel-badge{font-weight: 700; font-size: 1.05rem; padding: 4px 12px; border-radius: 8px;}
.entry-content .slow-badge{background: #fee2e2; color: #991b1b;}
.entry-content .fast-badge{background: #dcfce7; color: #166534;}
.entry-content .parallel-flow{display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.entry-content .flow-item{background: white; padding: 6px 14px; border-radius: 8px; font-size: 0.9rem; border: 1px solid #e2e8f0;}
.entry-content .flow-arrow{color: #94a3b8; font-weight: 700;}
.entry-content .parallel-time{margin-top: 12px; font-weight: 600; color: #991b1b;}
.entry-content .fast-time{color: #166534;}
.entry-content .agent-lanes{display: flex; flex-direction: column; gap: 10px;}
.entry-content .agent-lane{display: flex; align-items: center; gap: 12px;}
.entry-content .agent-label{font-weight: 600; font-size: 0.85rem; color: #166534; white-space: nowrap; min-width: 80px;}
.entry-content .agent-items{display: flex; gap: 6px; flex-wrap: wrap;}
.entry-content .agent-items span{background: white; padding: 4px 12px; border-radius: 6px; font-size: 0.85rem; border: 1px solid #bbf7d0;}
.entry-content .parallel-merge{margin-top: 14px; text-align: center; font-weight: 600; color: #166534; font-size: 0.95rem;}
.entry-content .workflow-steps{margin-top: 24px;}
.entry-content .workflow-step{display: flex; gap: 20px; align-items: center;}
.entry-content .workflow-number{width: 44px; height: 44px; background: linear-gradient(135deg, #3b82f6, #2563eb); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 700; flex-shrink: 0;}
.entry-content .workflow-content{flex: 1; padding-top: 2px;}
.entry-content .workflow-content h4{margin: 0 0 4px; font-size: 1.05rem; color: #1e293b;}
.entry-content .workflow-content p{margin: 0; color: #64748b; font-size: 0.93rem; line-height: 1.6;}
.entry-content .workflow-connector{width: 2px; height: 20px; background: #cbd5e1; margin-left: 21px;}
.entry-content .file-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 20px;}
.entry-content .file-card{background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; text-align: center; transition: border-color 0.2s, transform 0.2s;}
.entry-content .file-card:hover{border-color: #93c5fd; transform: translateY(-2px);}
.entry-content .file-icon{font-size: 2rem; margin-bottom: 8px;}
.entry-content .file-label{font-weight: 700; font-size: 0.95rem; color: #1e293b; margin-bottom: 6px;}
.entry-content .file-desc{color: #64748b; font-size: 0.85rem; line-height: 1.5;}
.entry-content .more-info{margin-top: 16px; background: #f0f9ff; border: 1px solid #bfdbfe; border-radius: 10px; padding: 16px 20px;}
.entry-content .more-info p{margin: 0; line-height: 1.7; font-size: 0.93rem; color: #334155;}
.entry-content .tip-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 20px;}
.entry-content .tip-card{background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; text-align: center; transition: border-color 0.2s, transform 0.2s;}
.entry-content .tip-card:hover{border-color: #93c5fd; transform: translateY(-2px);}
.entry-content .tip-icon{font-size: 2rem; margin-bottom: 10px;}
.entry-content .tip-card h4{margin: 0 0 8px; font-size: 0.95rem; color: #1e293b;}
.entry-content .tip-card p{margin: 0; color: #64748b; font-size: 0.88rem; line-height: 1.5;}
@media (max-width: 768px){
.entry-content .diff-grid{grid-template-columns: 1fr;}
.entry-content .file-grid{grid-template-columns: 1fr 1fr;}
.entry-content .tip-grid{grid-template-columns: 1fr;}
.entry-content .agent-lane{flex-direction: column; align-items: center; gap: 6px;}
.entry-content .section-slide{margin-bottom: 32px; padding-bottom: 32px;}
}