.blog-page .timeline-tiers{flex-direction:column;gap:24px;margin:24px 0 36px;display:flex}.blog-page .tier-block{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.blog-page .tier-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.blog-page .tier-block.tier-1 .tier-header{background:linear-gradient(135deg,#10b98114,#10b9810a);border-bottom:1px solid #10b98133}.blog-page .tier-block.tier-2 .tier-header{background:linear-gradient(135deg,#4b6ae814,#4b6ae80a);border-bottom:1px solid #4b6ae833}.blog-page .tier-block.tier-3 .tier-header{background:linear-gradient(135deg,#6b5ce714,#6b5ce70a);border-bottom:1px solid #6b5ce733}.blog-page .tier-block.tier-4 .tier-header{background:linear-gradient(135deg,#e5196b0f,#e5196b08);border-bottom:1px solid #e5196b33}.blog-page .tier-header-left h3{margin-bottom:4px;font-size:17px}.blog-page .tier-block.tier-1 .tier-header-left h3{color:#059669}.blog-page .tier-block.tier-2 .tier-header-left h3{color:var(--navy-mid)}.blog-page .tier-block.tier-3 .tier-header-left h3{color:var(--purple)}.blog-page .tier-block.tier-4 .tier-header-left h3{color:var(--pink)}.blog-page .tier-desc{color:var(--gray-600);font-size:13px}.blog-page .tier-time{text-align:right;flex-shrink:0}.blog-page .tier-weeks{font-family:var(--font-poppins),sans-serif;font-size:24px;font-weight:800}.blog-page .tier-block.tier-1 .tier-weeks{color:#059669}.blog-page .tier-block.tier-2 .tier-weeks{color:var(--blue)}.blog-page .tier-block.tier-3 .tier-weeks{color:var(--purple)}.blog-page .tier-block.tier-4 .tier-weeks{color:var(--pink)}.blog-page .tier-weeks-label{color:var(--gray-400);font-size:11px}.blog-page .tier-body{padding:20px 24px}.blog-page .tier-examples{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.blog-page .tier-example{background:var(--off-white);border:1px solid var(--border);color:var(--navy);border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600}.blog-page .phase-steps{flex-direction:column;gap:0;display:flex}.blog-page .phase-step{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:10px 0;display:grid}.blog-page .phase-step:last-child{border-bottom:none}.blog-page .phase-step-num{width:26px;height:26px;font-family:var(--font-poppins),sans-serif;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:11px;font-weight:800;display:flex}.blog-page .tier-block.tier-1 .phase-step-num{background:var(--green)}.blog-page .tier-block.tier-2 .phase-step-num{background:var(--blue)}.blog-page .tier-block.tier-3 .phase-step-num{background:var(--purple)}.blog-page .tier-block.tier-4 .phase-step-num{background:var(--pink)}.blog-page .phase-step-content h5{color:var(--navy);margin-bottom:3px;font-size:14px;font-weight:700}.blog-page .phase-step-content p{color:var(--text-light);margin-bottom:0;font-size:13px;line-height:1.5}.blog-page .phase-step-duration{color:var(--gray-400);white-space:nowrap;text-align:right;flex-shrink:0;padding-top:3px;font-size:12px;font-weight:700}.blog-page .delay-table-wrap{border-radius:var(--radius);border:1px solid var(--border);margin:24px 0 32px;overflow-x:auto}.blog-page .delay-table{border-collapse:collapse;width:100%;font-size:14px}.blog-page .delay-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 .delay-table td{border-bottom:1px solid var(--border);color:var(--gray-800);vertical-align:top;padding:12px 16px;line-height:1.5}.blog-page .delay-table tr:last-child td{border-bottom:none}.blog-page .delay-table tr:nth-child(2n) td{background:var(--off-white)}.blog-page .delay-table .factor{color:var(--navy);font-weight:700}.blog-page .delay-table .impact-high{color:var(--pink);white-space:nowrap;font-weight:700}.blog-page .delay-table .impact-med{color:#d97706;white-space:nowrap;font-weight:700}.blog-page .project-list{flex-direction:column;gap:16px;margin:24px 0 36px;display:flex}.blog-page .project-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 26px;position:relative;overflow:hidden}.blog-page .project-card:before{content:"";background:linear-gradient(180deg,var(--blue),var(--purple));width:4px;height:100%;position:absolute;top:0;left:0}.blog-page .project-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;display:flex}.blog-page .project-name{font-family:var(--font-poppins),sans-serif;color:var(--navy);margin-bottom:3px;font-size:16px;font-weight:700}.blog-page .project-type{color:var(--blue);font-size:12px;font-weight:600}.blog-page .project-timeline-badge{text-align:right;flex-shrink:0}.blog-page .project-timeline-num{font-family:var(--font-poppins),sans-serif;color:var(--navy);font-size:20px;font-weight:800}.blog-page .project-timeline-label{color:var(--gray-400);font-size:11px}.blog-page .project-card p{color:var(--text-light);margin-bottom:10px;font-size:14px;line-height:1.7}.blog-page .project-tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.blog-page .project-tag{color:var(--blue);background:#4b6ae81a;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:600}.blog-page .redflag-list{flex-direction:column;gap:10px;margin:20px 0 32px;display:flex}.blog-page .redflag-item{border-radius:var(--radius);background:#e5196b0a;border:1px solid #e5196b26;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.blog-page .redflag-icon{background:#e5196b1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex}.blog-page .redflag-item p{color:var(--gray-800);margin-bottom:0;font-size:15px}@media (max-width:900px){.blog-page .phase-step{grid-template-columns:auto 1fr}.blog-page .phase-step-duration{text-align:left;grid-column:2;padding-top:0}}@media (max-width:640px){.blog-page .tier-header{flex-direction:column;align-items:flex-start}.blog-page .tier-time{text-align:left}.blog-page .project-header{flex-direction:column}.blog-page .project-timeline-badge{text-align:left}}