# Blog CSS Size Analysis Report

**Generated:** 2026-01-18

## Current File Size

- **Lines:** 5,284
- **File Size:** 120 KB
- **Selectors:** 793 (from complexity analysis)
- **Rules:** 578 (from duplicates analysis)

## Potential Size Reduction

### From Unused CSS Removal

Based on unused classes analysis:
- **Unused classes:** 43 classes
- **Estimated reduction:** ~5-10% (2,000-5,000 lines potentially removable)
- **Estimated size reduction:** ~6-12 KB

### From Duplicate Consolidation

Based on duplicates analysis:
- **Duplicate media queries:** 9 instances
- **Overlapping rules:** 2,428 pairs
- **Similar selector groups:** 76 groups
- **Estimated reduction:** ~3-5% (150-250 lines)
- **Estimated size reduction:** ~3-6 KB

### From Complexity Reduction

Based on complexity analysis:
- **High depth selectors (>3):** 10 selectors
- **High specificity selectors:** 29 selectors
- **!important declarations:** 135 instances
- **Estimated reduction:** ~2-3% (100-150 lines)
- **Estimated size reduction:** ~2-4 KB

### Total Estimated Reduction

- **Conservative estimate:** 10-15% reduction
  - Lines: ~500-800 lines removed
  - Size: ~12-18 KB reduction
  - Target: ~4,500-4,800 lines, ~102-108 KB

- **Optimistic estimate:** 20-30% reduction
  - Lines: ~1,000-1,600 lines removed
  - Size: ~24-36 KB reduction
  - Target: ~3,700-4,200 lines, ~84-96 KB

## Large Rule Blocks

Areas with potential for optimization:

1. **WordPress embed styles** (~200 lines)
   - Multiple `.wp-block-embed*` selectors
   - Could be consolidated if WordPress classes are still needed

2. **Post content inner styles** (~1,500 lines)
   - Extensive HTML element styling
   - Many specific selectors that could be simplified

3. **Post card styles** (~300 lines)
   - Multiple variants and states
   - Some consolidation possible

4. **Media query blocks** (~800 lines)
   - 9 duplicate media queries identified
   - Consolidation opportunities

## Recommendations

1. **Remove unused CSS** - Biggest impact, lowest risk
2. **Consolidate media queries** - Merge duplicate breakpoints
3. **Simplify complex selectors** - Reduce nesting depth
4. **Remove duplicate properties** - Keep only last declaration
5. **Optimize WordPress classes** - Review if still needed after migration

## Target Metrics

- **File size:** < 100 KB (from 120 KB)
- **Lines:** < 4,500 (from 5,284)
- **Selectors:** < 700 (from 793)
- **Reduction:** 15-20% overall