.template-detail-hero-section .hse-induction-preview .preview-topbar{margin-bottom:22px}.template-detail-hero-section .safety-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 .safety-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 .safety-flow-card .flow-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#8a94a6}.template-detail-hero-section .safety-flow-card .flow-caption{font-size:12px;font-weight:500;color:#64748b}.template-detail-hero-section .safety-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 .safety-flow-card .flow-step{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.06);font-size:12px;font-weight:600;line-height:1.2;color:#64748b;white-space:nowrap}.template-detail-hero-section .safety-flow-card .flow-step svg{width:13px;height:13px;flex-shrink:0;color:#0085e5}.template-detail-hero-section .safety-flow-card .flow-step.is-done{color:#12141d;border-color:rgba(0,133,229,.28);background:rgba(0,133,229,.06)}.template-detail-hero-section .safety-flow-card .flow-step.is-active{color:#fff;border-color:rgba(0,0,0,0);background:linear-gradient(109deg,#0085e5,#7e4fe0);box-shadow:0 6px 14px rgba(0,133,229,.22)}.template-detail-hero-section .ppe-card{text-align:start;border-radius:14px;background:#f7f8fb;border:1px solid rgba(0,0,0,.05);padding:12px 14px 14px;margin-bottom:14px}.template-detail-hero-section .ppe-card .ppe-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:10px}.template-detail-hero-section .ppe-card .ppe-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#8a94a6}.template-detail-hero-section .ppe-card .ppe-caption{font-size:12px;font-weight:500;color:#64748b}.template-detail-hero-section .ppe-card .ppe-items{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:7px 10px}.template-detail-hero-section .ppe-card .ppe-item{display:flex;align-items:center;gap:8px;min-width:0}.template-detail-hero-section .ppe-card .ppe-item .ppe-mark{width:17px;height:17px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,133,229,.1);color:#0085e5}.template-detail-hero-section .ppe-card .ppe-item .ppe-mark svg{width:11px;height:11px}.template-detail-hero-section .ppe-card .ppe-item .ppe-label{font-size:12.5px;font-weight:600;color:#12141d;line-height:1.35;overflow-wrap:anywhere}.template-detail-hero-section .ppe-card .ppe-item.is-outstanding .ppe-mark{background:rgba(255,106,61,.14);color:#e2562a;font-size:12px;font-weight:700;line-height:1}.template-detail-hero-section .ppe-card .ppe-item.is-outstanding .ppe-label{color:#64748b}.template-detail-hero-section .ppe-card .ppe-flag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,106,61,.1);color:#c2461f;font-size:11px;font-weight:600;line-height:1.3}.template-detail-hero-section .sitemap-card{top:0;right:0;width:256px;text-align:start;animation:templateDetailFloat 7s ease-in-out infinite}.template-detail-hero-section .sitemap-card .sitemap-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:8px}.template-detail-hero-section .sitemap-card .card-kicker{margin-bottom:0;line-height:1.2}.template-detail-hero-section .sitemap-card .sitemap-caption{font-size:11.5px;font-weight:600;color:#0072c6;line-height:1.2}.template-detail-hero-section .sitemap-card .sitemap-drawing{display:block;width:100%;height:auto;margin-bottom:9px}.template-detail-hero-section .sitemap-card .sitemap-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 12px}.template-detail-hero-section .sitemap-card .legend-item{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#64748b;line-height:1.25}.template-detail-hero-section .sitemap-card .legend-item .legend-mark{width:10px;height:10px;flex-shrink:0;border-radius:3px;background:#16a34a}.template-detail-hero-section .sitemap-card .legend-item.is-assembly .legend-mark{border-radius:50%;background:#fff;border:2.5px solid #16a34a}.template-detail-hero-section .hse-induction-scenario{width:270px}@media(min-width:901px){.template-detail-hero-section .sitemap-card{top:-36px}}@media(max-width:1250px)and (min-width:901px){.template-detail-hero-section .hse-induction-scenario{width:235px;left:-36px}[dir=rtl] .template-detail-hero-section .hse-induction-scenario{left:auto;right:-36px}}@media(max-width:600px){.template-detail-hero-section .hse-induction-scenario,.template-detail-hero-section .sitemap-card{width:100%}.template-detail-hero-section .sitemap-card{animation:none}}[dir=rtl] .template-detail-hero-section .sitemap-card{right:auto;left:0}@media(prefers-reduced-motion:reduce){.template-detail-hero-section .sitemap-card{animation:none}}