/* claude-cowork/06-connectors */
.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 .analogy-banner{display: flex; align-items: center; gap: 16px; background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%); border: 1px solid #bfdbfe; border-radius: 12px; padding: 20px 24px; margin-top: 16px;}
.entry-content .analogy-icon{font-size: 2rem; flex-shrink: 0;}
.entry-content .analogy-text p{margin: 0; line-height: 1.7; color: #334155;}
.entry-content .count-badge{margin-top: 16px; padding: 12px 20px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; font-size: 0.95rem; color: #475569; text-align: center;}
.entry-content .connector-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 20px;}
.entry-content .connector-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 .connector-card:hover{border-color: #93c5fd; transform: translateY(-2px);}
.entry-content .connector-icon{font-size: 2rem; margin-bottom: 8px;}
.entry-content .connector-name{font-weight: 700; font-size: 0.95rem; color: #1e293b; margin-bottom: 6px;}
.entry-content .connector-desc{color: #64748b; font-size: 0.85rem; line-height: 1.5;}
.entry-content .setup-steps{margin-top: 20px;}
.entry-content .setup-step{display: flex; gap: 16px; align-items: center;}
.entry-content .setup-number{width: 40px; height: 40px; background: linear-gradient(135deg, #3b82f6, #2563eb); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; flex-shrink: 0;}
.entry-content .setup-text{font-size: 0.95rem; line-height: 1.6;}
.entry-content .setup-connector{width: 2px; height: 16px; background: #cbd5e1; margin-left: 19px;}
.entry-content .permission-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 20px;}
.entry-content .permission-card{border-radius: 12px; padding: 20px; text-align: center; transition: transform 0.2s;}
.entry-content .permission-card:hover{transform: translateY(-2px);}
.entry-content .permission-card.allow{background: #f0fdf4; border: 1px solid #bbf7d0;}
.entry-content .permission-card.ask{background: #fefce8; border: 1px solid #fde68a;}
.entry-content .permission-card.block{background: #fef2f2; border: 1px solid #fecaca;}
.entry-content .permission-header{font-weight: 700; font-size: 1.1rem; margin-bottom: 8px;}
.entry-content .permission-meaning{font-size: 0.9rem; color: #475569; margin-bottom: 8px; font-weight: 500;}
.entry-content .permission-example{font-size: 0.85rem; color: #64748b; font-style: italic;}
.entry-content .permission-example-box{display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 16px 20px; background: #f0f9ff; border: 1px solid #bfdbfe; border-radius: 10px;}
.entry-content .pex-icon{font-size: 1.3rem; flex-shrink: 0;}
.entry-content .permission-example-box p{margin: 0; line-height: 1.7; font-size: 0.93rem; color: #334155;}
.entry-content .prompt-card{background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px; margin-top: 20px; transition: border-color 0.2s;}
.entry-content .prompt-card:hover{border-color: #93c5fd;}
.entry-content .prompt-header{margin-bottom: 16px;}
.entry-content .prompt-badge{font-weight: 700; font-size: 1.05rem; color: #1e293b;}
.entry-content .prompt-result{display: flex; align-items: center; gap: 10px; margin-top: 14px; padding: 12px 16px; background: #f0fdf4; border-radius: 8px; font-size: 0.93rem; color: #166534; font-weight: 500;}
.entry-content .result-arrow{font-size: 1.2rem; font-weight: 700; color: #16a34a;}
@media (max-width: 768px){
.entry-content .connector-grid{grid-template-columns: 1fr 1fr;}
.entry-content .permission-grid{grid-template-columns: 1fr;}
.entry-content .analogy-banner{flex-direction: column; text-align: center;}
.entry-content .section-slide{margin-bottom: 32px; padding-bottom: 32px;}
}