.callout{display:flex;align-items:flex-start;gap:15px;padding:20px;border-radius:8px;margin:25px 0;border-left:4px solid;box-shadow:0 2px 8px #00000014}.callout .icon{font-size:24px;line-height:1;flex-shrink:0}.callout strong{display:block;margin-bottom:5px;font-size:16px}.callout.tip{background:#dbeafe;border-left-color:#3b82f6;color:#1e3a8a}.callout.warning{background:#fef3c7;border-left-color:#f59e0b;color:#78350f}.callout.danger{background:#fee2e2;border-left-color:#ef4444;color:#7f1d1d}.callout.success{background:#d1fae5;border-left-color:#10b981;color:#064e3b}.callout.info{background:#f3f4f6;border-left-color:#6b7280;color:#1f2937}.callout.tools{background:#ede9fe;border-left-color:#8b5cf6;color:#4c1d95}.callout.time{background:#ffedd5;border-left-color:#f97316;color:#7c2d12}.callout.check{background:#ccfbf1;border-left-color:#14b8a6;color:#134e4a}.callout.cost{background:#fef9c3;border-left-color:#eab308;color:#713f12}.success-rate-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:25px;border-radius:12px;text-align:center;margin:30px 0;box-shadow:0 4px 15px #10b9814d}.success-rate-badge .rate-number{font-size:48px;font-weight:700;display:block;line-height:1}.success-rate-badge .rate-label{font-size:16px;opacity:.9;margin-top:8px;display:block}.success-rate-badge .rate-description{font-size:14px;margin-top:10px;opacity:.85}.comparison-card{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;background:#f9fafb;padding:30px;border-radius:12px;margin:30px 0;align-items:center}.comparison-card .before,.comparison-card .after{padding:20px;border-radius:8px}.comparison-card .before{background:#fee2e2;border:2px solid #ef4444}.comparison-card .after{background:#d1fae5;border:2px solid #10b981}.comparison-card .label{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:10px}.comparison-card .arrow{font-size:32px;color:#6b7280}@media (max-width: 768px){.comparison-card{grid-template-columns:1fr}.comparison-card .arrow{text-align:center;transform:rotate(90deg)}}.solution-checklist{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:25px;margin:30px 0}.solution-checklist h4{margin:0 0 20px;font-size:18px;color:#1f2937}.solution-checklist label{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;cursor:pointer;transition:background .2s;margin-bottom:8px}.solution-checklist label:hover{background:#f9fafb}.solution-checklist input[type=checkbox]{width:20px;height:20px;cursor:pointer}.specs-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:25px;margin:30px 0}.specs-box h4{margin:0 0 20px;font-size:18px;color:#1f2937}.spec-grid{display:grid;gap:15px}.spec{display:flex;justify-content:space-between;padding:12px;background:#fff;border-radius:6px;border-left:3px solid #3b82f6}.spec .label{font-weight:600;color:#4b5563}.spec .value{color:#1f2937;font-weight:500}.decision-tree{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:25px;margin:30px 0;text-align:center}.decision-tree .question{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:20px}.decision-tree .options{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.decision-tree .option{padding:12px 24px;border-radius:8px;border:2px solid;font-weight:600;cursor:pointer;transition:all .2s}.decision-tree .option.yes{border-color:#10b981;background:#d1fae5;color:#064e3b}.decision-tree .option.yes:hover{background:#10b981;color:#fff}.decision-tree .option.no{border-color:#ef4444;background:#fee2e2;color:#7f1d1d}.decision-tree .option.no:hover{background:#ef4444;color:#fff}.faq-accordion{margin:30px 0}.faq-item{background:#fff;border:2px solid #e5e7eb;border-radius:8px;margin-bottom:10px;overflow:hidden}.faq-question{padding:18px 20px;font-weight:600;color:#1f2937;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.faq-question:hover{background:#f9fafb}.faq-question .toggle{font-size:24px;color:#6b7280;transition:transform .3s}.faq-item.active .toggle{transform:rotate(45deg)}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:all .3s ease;color:#4b5563}.faq-item.active .faq-answer{padding:0 20px 18px;max-height:500px}@media (max-width: 768px){.callout{padding:15px}.success-rate-badge .rate-number{font-size:36px}.comparison-card{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/custom-troubleshooting.css.map */