/* claude-features/06-skills */
.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 .usecase-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;}
.entry-content .usecase-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 .usecase-card:hover{border-color: #93c5fd; transform: translateY(-2px);}
.entry-content .uc-icon{font-size: 2rem; margin-bottom: 8px;}
.entry-content .usecase-card h3{margin-bottom: 8px; color: #1e293b; font-size: 1.05rem;}
.entry-content .usecase-card p{color: #475569; font-size: 0.9rem; margin: 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;}
.entry-content .warning-card{display: flex; align-items: center; gap: 14px; background: #fef3c7; border: 1px solid #fde68a; border-radius: 12px; padding: 18px 22px; margin-top: 16px;}
.entry-content .warning-icon{font-size: 1.5rem; flex-shrink: 0;}
.entry-content .warning-content{color: #92400e; font-size: 0.95rem; line-height: 1.7;}
.entry-content .structure-row{display: flex; gap: 16px; margin-top: 20px;}
.entry-content .structure-item{flex: 1; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 16px;}
.entry-content .struct-badge{display: inline-block; font-size: 0.75rem; padding: 2px 10px; border-radius: 999px; font-weight: 700; color: #fff; margin-bottom: 8px;}
.entry-content .struct-badge.top{background: #8b5cf6;}
.entry-content .struct-badge.bottom{background: #3b82f6;}
.entry-content .structure-item p{color: #475569; font-size: 0.9rem; margin: 0;}
.entry-content .example-cards{display: flex; flex-direction: column; gap: 20px;}
.entry-content .example-card{background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px; transition: border-color 0.2s;}
.entry-content .example-card:hover{border-color: #93c5fd;}
.entry-content .ex-header{display: flex; align-items: center; gap: 10px; margin-bottom: 16px;}
.entry-content .ex-icon{font-size: 1.4rem;}
.entry-content .ex-title{font-weight: 700; color: #1e293b; font-size: 1.05rem;}
@media (max-width: 768px){
.entry-content .usecase-grid{grid-template-columns: 1fr;}
.entry-content .step-card{flex-direction: column; gap: 12px;}
.entry-content .structure-row{flex-direction: column;}
}