.blog-page .stat-highlight{background:var(--navy);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:32px;margin:24px 0 32px;padding:28px 32px;display:flex}.blog-page .stat-item{text-align:center}.blog-page .stat-num{font-family:var(--font-poppins),sans-serif;margin-bottom:6px;font-size:40px;font-weight:800;line-height:1}.blog-page .stat-num.green{color:var(--green)}.blog-page .stat-num.blue{color:var(--blue-light)}.blog-page .stat-label{color:#fff9;font-size:13px}.blog-page .stat-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:60px}.blog-page .stat-context{color:#fffc;flex:1;min-width:240px;font-size:15px;line-height:1.6}.blog-page .type-grid{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 32px;display:grid}.blog-page .type-card{border-radius:var(--radius-lg);padding:22px 24px}.blog-page .type-card.deflect{background:#e5196b0a;border:1px solid #e5196b33}.blog-page .type-card.convert{background:#10b9810a;border:2px solid #10b9814d}.blog-page .type-card h4{margin-bottom:12px;font-size:16px}.blog-page .type-card.deflect h4{color:var(--pink)}.blog-page .type-card.convert h4{color:#059669}.blog-page .type-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.blog-page .type-list li{color:var(--gray-800);padding-left:18px;font-size:14px;line-height:1.5;position:relative}.blog-page .type-card.deflect .type-list li:before{content:"✗";color:var(--pink);font-size:12px;font-weight:700;position:absolute;left:0}.blog-page .type-card.convert .type-list li:before{content:"✓";color:var(--green);font-size:12px;font-weight:700;position:absolute;left:0}.blog-page .elements{flex-direction:column;gap:16px;margin:24px 0 32px;display:flex}.blog-page .element-card{border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.blog-page .element-num{background:var(--navy);color:#fff;width:36px;height:36px;font-family:var(--font-poppins),sans-serif;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.blog-page .element-content h4{margin-bottom:5px;font-size:16px}.blog-page .element-content p{color:var(--text-light);margin-bottom:0;font-size:14px;line-height:1.7}.blog-page .placement-table-wrap{border-radius:var(--radius);border:1px solid var(--border);margin:24px 0 32px;overflow-x:auto}.blog-page .placement-table{border-collapse:collapse;width:100%;font-size:14px}.blog-page .placement-table th{background:var(--navy);color:#fff;text-align:left;font-family:var(--font-poppins),sans-serif;padding:12px 16px;font-size:12px;font-weight:600}.blog-page .placement-table td{border-bottom:1px solid var(--border);color:var(--gray-800);vertical-align:top;padding:12px 16px;line-height:1.5}.blog-page .placement-table tr:last-child td{border-bottom:none}.blog-page .placement-table tr:nth-child(2n) td{background:var(--off-white)}.blog-page .placement-table .page{color:var(--navy);white-space:nowrap;font-weight:700}.blog-page .impact-high{color:#059669;white-space:nowrap;font-weight:700}.blog-page .impact-med{color:#d97706;white-space:nowrap;font-weight:700}.blog-page .impact-low{color:var(--pink);white-space:nowrap;font-weight:700}.blog-page .kb-cats{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 28px;display:grid}.blog-page .kb-cat{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.blog-page .kb-cat h5{color:var(--navy);margin-bottom:6px;font-size:13px;font-weight:700}.blog-page .kb-cat p{color:var(--text-light);margin-bottom:0;font-size:13px;line-height:1.5}.blog-page .metrics-table-wrap{border-radius:var(--radius);border:1px solid var(--border);margin:20px 0 28px;overflow-x:auto}.blog-page .metrics-table{border-collapse:collapse;width:100%;font-size:14px}.blog-page .metrics-table th{background:var(--navy);color:#fff;text-align:left;font-family:var(--font-poppins),sans-serif;padding:11px 14px;font-size:11px;font-weight:600}.blog-page .metrics-table td{border-bottom:1px solid var(--border);color:var(--gray-800);padding:11px 14px;line-height:1.45}.blog-page .metrics-table tr:last-child td{border-bottom:none}.blog-page .metrics-table tr:nth-child(2n) td{background:var(--off-white)}.blog-page .metrics-table .metric{color:var(--navy);white-space:nowrap;font-weight:700}.blog-page .mistake-list{flex-direction:column;gap:10px;margin:20px 0 32px;display:flex}.blog-page .mistake-item{border-radius:var(--radius);background:#e5196b0a;border:1px solid #e5196b26;align-items:flex-start;gap:12px;padding:13px 17px;display:flex}.blog-page .mistake-num{font-family:var(--font-poppins),sans-serif;color:var(--pink);flex-shrink:0;min-width:22px;font-size:15px;font-weight:800}.blog-page .mistake-content h4{margin-bottom:4px;font-size:15px}.blog-page .mistake-content p{color:var(--text-light);margin-bottom:0;font-size:14px;line-height:1.6}@media (max-width:900px){.blog-page .type-grid,.blog-page .kb-cats{grid-template-columns:1fr}.blog-page .stat-highlight{flex-direction:column;gap:18px;padding:24px 22px}.blog-page .stat-divider{display:none}}@media (max-width:600px){.blog-page .element-card{gap:12px;padding:16px 18px}.blog-page .stat-num{font-size:34px}}
