.blog-page .readiness-list{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-lg);margin:24px 0 32px;padding:24px 28px}.blog-page .readiness-label{text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:6px;font-size:11px;font-weight:700}.blog-page .readiness-list h4{margin-bottom:16px;font-size:17px}.blog-page .readiness-item{border-bottom:1px dashed var(--gray-200);align-items:flex-start;gap:12px;padding:9px 0;display:flex}.blog-page .readiness-item:last-child{border-bottom:none}.blog-page .readiness-check{border:2px solid var(--blue);border-radius:4px;flex-shrink:0;width:18px;height:18px;margin-top:2px}.blog-page .readiness-item-text{color:var(--gray-800);flex:1;font-size:14px;line-height:1.55}.blog-page .readiness-item-text strong{color:var(--navy)}.blog-page .pattern-grid{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 32px;display:grid}.blog-page .pattern-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;position:relative;overflow:hidden}.blog-page .pattern-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.blog-page .pattern-card.p1:before{background:linear-gradient(90deg,var(--green),#34d399)}.blog-page .pattern-card.p2:before{background:linear-gradient(90deg,var(--blue),var(--blue-light))}.blog-page .pattern-card.p3:before{background:linear-gradient(90deg,var(--purple),#9d8ff5)}.blog-page .pattern-card.p4:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.blog-page .pattern-icon{margin-bottom:8px;font-size:24px}.blog-page .pattern-badge{text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.blog-page .pattern-card.p1 .pattern-badge{color:#059669}.blog-page .pattern-card.p2 .pattern-badge{color:var(--blue)}.blog-page .pattern-card.p3 .pattern-badge{color:var(--purple)}.blog-page .pattern-card.p4 .pattern-badge{color:#92400e}.blog-page .pattern-card h4{margin-bottom:6px;font-size:15px}.blog-page .pattern-card.p1 h4{color:#059669}.blog-page .pattern-card.p2 h4{color:var(--navy-mid)}.blog-page .pattern-card.p3 h4{color:var(--purple)}.blog-page .pattern-card.p4 h4{color:#92400e}.blog-page .pattern-card p{color:var(--text-light);margin-bottom:8px;font-size:13px;line-height:1.6}.blog-page .pattern-use{color:var(--navy);font-size:12px;font-weight:600}.blog-page .pattern-meta{border-top:1px solid var(--border);flex-wrap:wrap;gap:14px;margin-top:12px;padding-top:12px;display:flex}.blog-page .pm-item{font-size:11px}.blog-page .pm-item .pm-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700;display:block}.blog-page .pm-item .pm-val{color:var(--navy);font-weight:700}.blog-page .usecase-table-wrap{border-radius:var(--radius);border:1px solid var(--border);margin:24px 0 32px;overflow-x:auto}.blog-page .usecase-table{border-collapse:collapse;width:100%;font-size:14px}.blog-page .usecase-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 .usecase-table td{border-bottom:1px solid var(--border);color:var(--gray-800);vertical-align:top;padding:12px 16px;line-height:1.5}.blog-page .usecase-table tr:last-child td{border-bottom:none}.blog-page .usecase-table tr:nth-child(2n) td{background:var(--off-white)}.blog-page .usecase-table .feature{color:var(--navy);white-space:nowrap;font-weight:700}.blog-page .failure-items{flex-direction:column;gap:12px;margin:20px 0 32px;display:flex}.blog-page .failure-item{border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:14px;padding:14px 18px;display:flex}.blog-page .failure-icon{flex-shrink:0;margin-top:2px;font-size:20px}.blog-page .failure-content h4{margin-bottom:4px;font-size:15px}.blog-page .failure-content p{color:var(--text-light);margin-bottom:0;font-size:14px;line-height:1.6}.blog-page .cost-breakdown{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 32px;display:grid}.blog-page .cost-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px}.blog-page .cost-card.onetime{border-top:4px solid var(--blue)}.blog-page .cost-card.recurring{border-top:4px solid var(--purple)}.blog-page .cost-card h4{margin-bottom:12px;font-size:15px}.blog-page .cost-card.onetime h4{color:var(--blue)}.blog-page .cost-card.recurring h4{color:var(--purple)}.blog-page .cost-row{border-bottom:1px dashed var(--gray-200);justify-content:space-between;align-items:flex-start;gap:8px;padding:7px 0;font-size:13px;display:flex}.blog-page .cost-row:last-child{border-bottom:none}.blog-page .cost-row .desc{color:var(--gray-800)}.blog-page .cost-row .amount{color:var(--navy);white-space:nowrap;flex-shrink:0;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:16px;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 .pattern-grid,.blog-page .cost-breakdown{grid-template-columns:1fr}}@media (max-width:600px){.blog-page .readiness-list,.blog-page .pattern-card,.blog-page .cost-card{padding:18px}.blog-page .pattern-meta{gap:10px}}
