/* claude-features/01-project-structure */
.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 .two-card-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 28px;}
.entry-content .highlight-card{background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 28px 24px; text-align: center; transition: border-color 0.2s, transform 0.2s;}
.entry-content .highlight-card:hover{border-color: #93c5fd; transform: translateY(-2px);}
.entry-content .highlight-icon{font-size: 2.2rem; margin-bottom: 10px;}
.entry-content .highlight-card h3{margin-bottom: 8px; color: #1e293b;}
.entry-content .highlight-card p{color: #475569; font-size: 0.95rem; margin: 0;}
.entry-content .role-card-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;}
.entry-content .role-card{background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 18px 20px; transition: border-color 0.2s, transform 0.2s;}
.entry-content .role-card:hover{border-color: #93c5fd; transform: translateY(-2px);}
.entry-content .role-header{display: flex; align-items: center; gap: 8px; margin-bottom: 8px; flex-wrap: wrap;}
.entry-content .role-icon{font-size: 1.3rem;}
.entry-content .role-header strong{color: #1e293b; font-size: 0.95rem;}
.entry-content .share-badge{font-size: 0.72rem; padding: 2px 8px; border-radius: 999px; font-weight: 600; margin-left: auto;}
.entry-content .share-badge.shared{background: #dbeafe; color: #1d4ed8;}
.entry-content .share-badge.private{background: #fef3c7; color: #92400e;}
.entry-content .role-card p{color: #475569; font-size: 0.9rem; margin: 0;}
.entry-content .tip-card{display: flex; align-items: center; gap: 14px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 12px; padding: 18px 22px; margin-top: 18px;}
.entry-content .tip-icon{font-size: 1.5rem; flex-shrink: 0;}
.entry-content .tip-content{color: #1e40af; font-size: 0.95rem;}
@media (max-width: 768px){
.entry-content .two-card-grid{grid-template-columns: 1fr;}
.entry-content .role-card-grid{grid-template-columns: 1fr;}
.entry-content .highlight-card{padding: 20px 16px;}
}