/* claude-blog/01-concept */
.entry-content .pipeline{display: flex; flex-direction: column; align-items: center; margin: 28px 0; gap: 0;}
.entry-content .pipe-stage{display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; max-width: 480px;}
.entry-content .pipe-badge{font-size: 0.85rem; font-weight: 800; letter-spacing: 0.04em; padding: 5px 16px; border-radius: 20px;}
.entry-content .input-stage .pipe-badge{background: #dbeafe; color: #1d4ed8;}
.entry-content .process-stage .pipe-badge{background: #fef3c7; color: #92400e;}
.entry-content .output-stage .pipe-badge{background: #dcfce7; color: #166534;}
.entry-content .pipe-card{background: #fff; border: 2px solid #e2e8f0; border-radius: 14px; padding: 28px 20px; text-align: center; width: 100%; transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;}
.entry-content .pipe-card:hover{transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);}
.entry-content .input-stage .pipe-card{border-color: #93c5fd; background: linear-gradient(180deg, #eff6ff 0%, #fff 100%);}
.entry-content .result-card{border-color: #86efac !important; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%) !important;}
.entry-content .pipe-icon{font-size: 2.4rem; margin-bottom: 8px;}
.entry-content .pipe-title{font-weight: 800; color: #1e293b; font-size: 1.15rem; margin-bottom: 6px;}
.entry-content .pipe-example{background: #1e293b; color: #a5b4fc; font-size: 0.88rem; padding: 8px 16px; border-radius: 8px; font-family: 'JetBrains Mono', 'Fira Code', monospace; display: inline-block; margin-top: 6px;}
.entry-content .pipe-double{display: flex; align-items: center; gap: 8px; width: 100%;}
.entry-content .pipe-card-mini{flex: 1; background: #fff; border: 2px solid #fcd34d; border-radius: 14px; padding: 22px 16px; text-align: center; transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%);}
.entry-content .pipe-card-mini:hover{transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);}
.entry-content .pipe-icon-sm{font-size: 2rem; margin-bottom: 6px;}
.entry-content .pipe-title-sm{font-weight: 800; color: #1e293b; font-size: 1.05rem; margin-bottom: 4px;}
.entry-content .pipe-desc-sm{color: #475569; font-size: 0.92rem; line-height: 1.5;}
.entry-content .pipe-plus{font-size: 1.5rem; font-weight: 800; color: #d97706; flex-shrink: 0;}
.entry-content .pipe-file{display: inline-flex; align-items: center; gap: 6px; background: #f0fdf4; border: 1px solid #bbf7d0; padding: 6px 14px; border-radius: 8px; margin-top: 8px;}
.entry-content .file-icon{font-size: 0.9rem;}
.entry-content .file-name{font-size: 0.82rem; font-weight: 600; color: #166534; font-family: 'JetBrains Mono', monospace;}
.entry-content .pipe-connector{display: flex; flex-direction: column; align-items: center; flex-shrink: 0; height: 36px; position: relative;}
.entry-content .pipe-line{width: 2px; height: 100%; background: linear-gradient(180deg, #cbd5e1, #94a3b8);}
.entry-content .pipe-dot{position: absolute; bottom: -3px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #94a3b8;}
.entry-content .todo-cards{display: flex; flex-direction: column; gap: 16px; max-width: 480px; margin: 0 auto;}
.entry-content .todo-card{display: flex; align-items: center; gap: 18px; background: #fff; border: 2px solid #e2e8f0; border-radius: 14px; padding: 22px 24px; transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;}
.entry-content .todo-card:hover{border-color: #93c5fd; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);}
.entry-content .todo-step{background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff; font-size: 0.78rem; font-weight: 800; padding: 4px 14px; border-radius: 20px; white-space: nowrap; flex-shrink: 0;}
.entry-content .todo-icon{font-size: 2.2rem; flex-shrink: 0;}
.entry-content .todo-info{flex: 1;}
.entry-content .todo-label{font-size: 1.1rem; font-weight: 800; color: #1e293b; margin-bottom: 2px;}
.entry-content .todo-desc{font-size: 0.92rem; color: #64748b; line-height: 1.5;}
.entry-content .prep-cards{display: flex; flex-direction: column; gap: 12px; margin: 20px 0;}
.entry-content .prep-card{display: flex; align-items: center; gap: 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px;}
.entry-content .prep-card.main{background: #fffbeb; border-color: #fcd34d;}
.entry-content .prep-icon{font-size: 1.8rem; flex-shrink: 0;}
.entry-content .prep-info strong{display: block; color: #1e293b; font-size: 1rem; margin-bottom: 4px;}
.entry-content .prep-info p{color: #64748b; font-size: 0.9rem; margin: 0 !important; line-height: 1.5;}
.entry-content .tip-card{display: flex; gap: 12px; align-items: center; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 12px; padding: 16px 20px; color: #1e40af; font-size: 0.95rem; line-height: 1.6;}
.entry-content .tip-icon{font-size: 1.3rem; flex-shrink: 0;}
.entry-content .checkpoint{display: flex; align-items: center; gap: 16px; background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); border: 2px solid #86efac; border-radius: 12px; padding: 20px 24px; margin-top: 32px;}
.entry-content .checkpoint-icon{font-size: 2rem; flex-shrink: 0;}
.entry-content .checkpoint-text strong{display: block; color: #166534; font-size: 1.05rem; margin-bottom: 2px;}
.entry-content .checkpoint-text p{color: #15803d; font-size: 0.9rem; margin: 0 !important;}
@media (max-width: 768px){
.entry-content .pipe-double{flex-direction: column; gap: 8px;}
}