/* claude-features/07-hooks */
.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 .timing-cards{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;}
.entry-content .timing-card{background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px 20px; transition: border-color 0.2s, transform 0.2s;}
.entry-content .timing-card:hover{border-color: #93c5fd; transform: translateY(-2px);}
.entry-content .timing-header{margin-bottom: 10px;}
.entry-content .timing-badge{display: inline-block; font-size: 0.72rem; padding: 3px 10px; border-radius: 999px; font-weight: 700; color: #fff;}
.entry-content .timing-badge.before{background: #f59e0b;}
.entry-content .timing-badge.after{background: #3b82f6;}
.entry-content .timing-badge.notify{background: #8b5cf6;}
.entry-content .timing-badge.done{background: #22c55e;}
.entry-content .timing-card h3{margin-bottom: 6px; color: #1e293b; font-size: 1rem;}
.entry-content .timing-desc{color: #475569; font-size: 0.9rem; margin: 0 0 8px 0;}
.entry-content .timing-example{color: #64748b; font-size: 0.83rem; font-style: italic;}
.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;}
.entry-content .use-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;}
.entry-content .use-card{background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px 20px; text-align: center; transition: border-color 0.2s, transform 0.2s;}
.entry-content .use-card:hover{border-color: #93c5fd; transform: translateY(-2px);}
.entry-content .use-icon{font-size: 2rem; margin-bottom: 8px;}
.entry-content .use-card h3{margin-bottom: 8px; color: #1e293b; font-size: 1.05rem;}
.entry-content .use-card p{color: #475569; font-size: 0.9rem; margin: 0;}
@media (max-width: 768px){
.entry-content .timing-cards{grid-template-columns: 1fr;}
.entry-content .use-grid{grid-template-columns: 1fr;}
.entry-content .step-card{flex-direction: column; gap: 12px;}
}