.template-detail-hero-section .itil-preview .preview-topbar{margin-bottom:22px}.template-detail-hero-section .incident-flow-card{text-align:start;border-radius:14px;background:linear-gradient(109deg,rgba(0,133,229,.06) 1.22%,rgba(255,0,182,.06) 117.06%);border:1px solid rgba(0,133,229,.12);padding:12px 14px 14px;margin-bottom:12px}.template-detail-hero-section .incident-flow-card .flow-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:10px}.template-detail-hero-section .incident-flow-card .flow-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#8a94a6}.template-detail-hero-section .incident-flow-card .flow-caption{font-size:12px;font-weight:500;color:#64748b}.template-detail-hero-section .incident-flow-card .flow-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.template-detail-hero-section .incident-flow-card .flow-step{display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 4px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.2;color:#64748b;background:#fff;border:1px solid rgba(0,0,0,.07);white-space:nowrap}.template-detail-hero-section .incident-flow-card .flow-step .step-num{width:17px;height:17px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;color:#8a94a6;background:#eef1f6}.template-detail-hero-section .incident-flow-card .flow-step .step-num svg{width:10px;height:10px}.template-detail-hero-section .incident-flow-card .flow-step.is-done{color:#12141d}.template-detail-hero-section .incident-flow-card .flow-step.is-done .step-num{color:#fff;background:linear-gradient(109deg,#0085e5 1.22%,#ff00b6 117.06%)}.template-detail-hero-section .incident-flow-card .flow-step.is-active{color:#0072c6;border-color:rgba(0,133,229,.35);background:rgba(0,133,229,.08)}.template-detail-hero-section .incident-flow-card .flow-step.is-active .step-num{color:#fff;background:#0085e5}.template-detail-hero-section .priority-matrix-card{text-align:start;border-radius:14px;background:#f7f8fb;border:1px solid rgba(0,0,0,.05);padding:11px 14px 12px;margin-bottom:14px}.template-detail-hero-section .priority-matrix-card .matrix-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:8px}.template-detail-hero-section .priority-matrix-card .matrix-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#8a94a6}.template-detail-hero-section .priority-matrix-card .matrix-caption{font-size:11.5px;font-weight:500;color:#64748b}.template-detail-hero-section .priority-matrix-card .matrix-grid{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:4px;align-items:center}.template-detail-hero-section .priority-matrix-card .matrix-axis{font-size:10px;font-weight:600;color:#8a94a6;line-height:1.2}.template-detail-hero-section .priority-matrix-card .matrix-axis.is-column{text-align:center}.template-detail-hero-section .priority-matrix-card .matrix-axis.is-row{-webkit-padding-end:4px;padding-inline-end:4px}.template-detail-hero-section .priority-matrix-card .matrix-cell{display:flex;align-items:center;justify-content:center;height:22px;border-radius:6px;font-size:10.5px;font-weight:700}.template-detail-hero-section .priority-matrix-card .matrix-cell.is-p1{background:rgba(226,86,42,.16);color:#c2461f}.template-detail-hero-section .priority-matrix-card .matrix-cell.is-p2{background:rgba(240,160,75,.2);color:#9a5b12}.template-detail-hero-section .priority-matrix-card .matrix-cell.is-p3{background:rgba(234,179,8,.16);color:#854d0e}.template-detail-hero-section .priority-matrix-card .matrix-cell.is-p4{background:rgba(0,133,229,.1);color:#0072c6}.template-detail-hero-section .priority-matrix-card .matrix-cell.is-p5{background:#eef1f6;color:#64748b}.template-detail-hero-section .priority-matrix-card .matrix-cell.is-selected{background:#e2562a;color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #e2562a}.template-detail-hero-section .priority-matrix-card .matrix-note{margin:9px 0 0;font-size:11px;font-weight:500;color:#475569;line-height:1.4}.template-detail-hero-section .sla-card{top:0;right:0;width:252px;text-align:start;animation:templateDetailFloat 7s ease-in-out infinite}.template-detail-hero-section .sla-card .sla-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:10px}.template-detail-hero-section .sla-card .card-kicker{margin-bottom:0;line-height:1.2}.template-detail-hero-section .sla-card .sla-caption{font-size:11.5px;font-weight:500;color:#64748b;line-height:1.2}.template-detail-hero-section .sla-card .sla-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.template-detail-hero-section .sla-card .sla-line{display:flex;align-items:baseline;gap:6px;margin-bottom:4px;min-width:0}.template-detail-hero-section .sla-card .sla-name{font-size:12px;font-weight:600;color:#12141d;line-height:1.3;min-width:0}.template-detail-hero-section .sla-card .sla-value{-webkit-margin-start:auto;margin-inline-start:auto;font-size:12px;font-weight:700;color:#15803d;white-space:nowrap}.template-detail-hero-section .sla-card .sla-target{font-size:10.5px;font-weight:500;color:#8a94a6;white-space:nowrap}.template-detail-hero-section .sla-card .sla-bar{display:block;height:4px;border-radius:999px;background:#eef1f6;overflow:hidden}.template-detail-hero-section .sla-card .sla-fill{display:block;height:100%;border-radius:inherit;background:#16a34a}.template-detail-hero-section .sla-card .is-below .sla-value{color:#b45309}.template-detail-hero-section .sla-card .is-below .sla-fill{background:#f59e0b}.template-detail-hero-section .itil-scenario{width:270px}@media(min-width:901px){.template-detail-hero-section .sla-card{top:-28px}}@media(max-width:1250px)and (min-width:901px){.template-detail-hero-section .itil-scenario{width:235px;left:-36px}[dir=rtl] .template-detail-hero-section .itil-scenario{left:auto;right:-36px}}@media(max-width:600px){.template-detail-hero-section .itil-scenario,.template-detail-hero-section .sla-card{width:100%}.template-detail-hero-section .sla-card{animation:none}}[dir=rtl] .template-detail-hero-section .sla-card{right:auto;left:0}@media(prefers-reduced-motion:reduce){.template-detail-hero-section .sla-card{animation:none}}