/* claude-code/13-context-window */
.entry-content .tag{background: rgba(99,102,241,0.15); color: #a5b4fc; padding: 6px 16px; border-radius: 20px; font-size: 0.85rem; font-weight: 500; border: 1px solid rgba(99,102,241,0.25);}
.entry-content .analogy-box{display: flex; align-items: center; gap: 16px; background: #eff6ff; border: 2px solid #93c5fd; border-radius: 12px; padding: 24px; margin: 20px 0;}
.entry-content .analogy-box > .analogy-icon{font-size: 2rem; flex-shrink: 0;}
.entry-content .analogy-content strong{display: block; font-size: 1.05rem; color: #1e40af; margin-bottom: 6px;}
.entry-content .analogy-content p{margin: 0 !important; font-size: 0.95rem; color: #334155; line-height: 1.7;}
.entry-content .model-cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 20px 0;}
.entry-content .model-card{border-radius: 12px; padding: 24px 20px; text-align: center; transition: transform 0.2s; position: relative;}
.entry-content .model-card:hover{transform: translateY(-2px);}
.entry-content .model-card.opus{background: linear-gradient(135deg, #eff6ff, #dbeafe); border: 2px solid #3b82f6;}
.entry-content .model-card.sonnet{background: #f8fafc; border: 2px solid #e2e8f0;}
.entry-content .model-card.haiku{background: #f8fafc; border: 2px solid #e2e8f0;}
.entry-content .model-badge{display: inline-block; font-size: 0.7rem; font-weight: 700; padding: 2px 10px; border-radius: 10px; background: #3b82f6; color: #fff; margin-bottom: 10px;}
.entry-content .model-name{font-size: 1.3rem; font-weight: 800; color: #1e293b; margin-bottom: 8px;}
.entry-content .model-capacity{font-size: 1.1rem; font-weight: 700; color: #3b82f6; margin-bottom: 8px;}
.entry-content .model-card.sonnet .model-capacity, .entry-content .model-card.haiku .model-capacity{color: #64748b;}
.entry-content .model-desc{font-size: 0.85rem; color: #94a3b8;}
.entry-content .progress-steps{display: flex; flex-direction: column; gap: 14px; margin: 20px 0;}
.entry-content .progress-step{display: flex; align-items: center; gap: 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 16px 20px;}
.entry-content .progress-bar{height: 10px; background: #e2e8f0; border-radius: 5px; overflow: hidden; min-width: 100px;}
.entry-content .progress-fill{height: 100%; border-radius: 5px; width: 100%;}
.entry-content .progress-fill.good{background: linear-gradient(90deg, #86efac, #4ade80);}
.entry-content .progress-fill.warning{background: linear-gradient(90deg, #fde047, #facc15);}
.entry-content .progress-fill.danger{background: linear-gradient(90deg, #fca5a5, #f87171);}
.entry-content .progress-info{flex: 1;}
.entry-content .progress-info strong{display: block; font-size: 0.92rem; color: #1e293b; margin-bottom: 2px;}
.entry-content .progress-status{font-size: 0.82rem;}
.entry-content .progress-status.ok{color: #16a34a;}
.entry-content .progress-status.warn{color: #ca8a04;}
.entry-content .progress-status.alert{color: #dc2626;}
.entry-content .save-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 20px 0;}
.entry-content .save-card{background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px 20px; transition: border-color 0.2s, transform 0.2s;}
.entry-content .save-card:hover{border-color: #93c5fd; transform: translateY(-2px);}
.entry-content .save-icon{font-size: 1.8rem; margin-bottom: 8px;}
.entry-content .save-card strong{display: block; font-size: 0.95rem; color: #1e293b; margin-bottom: 6px;}
.entry-content .save-card p{font-size: 0.85rem; color: #64748b; margin: 0 !important;}
.entry-content .usage-cards{display: flex; flex-direction: column; gap: 10px; margin: 20px 0;}
.entry-content .usage-card{display: flex; align-items: center; gap: 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px 20px; transition: border-color 0.2s;}
.entry-content .usage-card:hover{border-color: #93c5fd;}
.entry-content .usage-cmd{background: #1e293b; color: #a5b4fc; padding: 6px 14px; border-radius: 8px; font-size: 0.9rem; font-weight: 600; white-space: nowrap;}
.entry-content .usage-desc{font-size: 0.92rem; color: #64748b;}
@media (max-width: 768px){
.entry-content .model-cards{grid-template-columns: 1fr;}
.entry-content .save-grid{grid-template-columns: 1fr;}
.entry-content .analogy-box{flex-direction: column; gap: 12px;}
.entry-content .progress-step{flex-direction: column; align-items: center; gap: 8px;}
.entry-content .progress-bar{width: 100% !important; min-width: unset;}
}