/* claude-features/14-plugins */
.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 .vs-container{display: flex; align-items: stretch; gap: 16px;}
.entry-content .vs-side{flex: 1; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden;}
.entry-content .vs-header{padding: 14px 18px; font-weight: 700; font-size: 1rem; color: #fff; text-align: center;}
.entry-content .vs-header.skill{background: linear-gradient(135deg, #3b82f6, #2563eb);}
.entry-content .vs-header.plugin{background: linear-gradient(135deg, #8b5cf6, #7c3aed);}
.entry-content .vs-rows{padding: 6px 0;}
.entry-content .vs-row{display: flex; justify-content: space-between; padding: 10px 18px; border-bottom: 1px solid #f1f5f9; font-size: 0.9rem;}
.entry-content .vs-row:last-child{border-bottom: none;}
.entry-content .vs-label{color: #64748b; font-weight: 500;}
.entry-content .vs-value{color: #334155; font-weight: 600; text-align: right;}
.entry-content .vs-divider{display: flex; align-items: center; font-weight: 800; font-size: 1rem; color: #94a3b8; 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;}
.entry-content .step-body p{color: #475569; font-size: 0.93rem; margin-top: 8px;}
.entry-content .plugin-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;}
.entry-content .plugin-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 .plugin-card:hover{border-color: #93c5fd; transform: translateY(-2px);}
.entry-content .pg-icon{font-size: 2rem; margin-bottom: 8px;}
.entry-content .plugin-card h3{margin-bottom: 8px; color: #1e293b; font-size: 1.05rem;}
.entry-content .plugin-card p{color: #475569; font-size: 0.9rem; margin: 0;}
.entry-content .compare-cards{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;}
.entry-content .compare-card{background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px 14px; text-align: center; transition: border-color 0.2s, transform 0.2s;}
.entry-content .compare-card:hover{border-color: #93c5fd; transform: translateY(-2px);}
.entry-content .cp-icon{font-size: 1.8rem; margin-bottom: 6px;}
.entry-content .compare-card strong{display: block; color: #1e293b; margin-bottom: 6px;}
.entry-content .compare-card p{color: #475569; font-size: 0.83rem; margin: 0;}
@media (max-width: 768px){
.entry-content .vs-container{flex-direction: column;}
.entry-content .vs-divider{justify-content: center; padding: 4px 0;}
.entry-content .plugin-grid{grid-template-columns: 1fr;}
.entry-content .compare-cards{grid-template-columns: repeat(2, 1fr);}
.entry-content .step-card{flex-direction: column; gap: 12px;}
}