.template-detail-hero-section .well-being-preview .preview-topbar{margin-bottom:22px}.template-detail-hero-section .framework-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 .framework-card .framework-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:10px}.template-detail-hero-section .framework-card .framework-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#8a94a6}.template-detail-hero-section .framework-card .framework-caption{font-size:12px;font-weight:500;color:#64748b}.template-detail-hero-section .framework-card .framework-beats{list-style:none;margin:0;padding:0;display:flex;border-radius:11px;overflow:hidden;border:1px solid rgba(0,0,0,.06);background:#fff}.template-detail-hero-section .framework-card .framework-beat{flex:1 1 0;min-width:0;padding:9px 5px 10px;text-align:center}.template-detail-hero-section .framework-card .framework-beat:not(:last-child){-webkit-border-end:1px solid rgba(0,0,0,.06);border-inline-end:1px solid rgba(0,0,0,.06)}.template-detail-hero-section .framework-card .framework-beat .beat-label{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11.5px;font-weight:600;line-height:1.2;color:#64748b;overflow-wrap:anywhere}.template-detail-hero-section .framework-card .framework-beat .beat-label svg{width:10px;height:10px;flex-shrink:0;color:#0085e5}.template-detail-hero-section .framework-card .framework-beat .beat-hint{display:block;margin-top:3px;font-size:10px;font-weight:500;line-height:1.25;color:#8a94a6;overflow-wrap:anywhere}.template-detail-hero-section .framework-card .framework-beat.is-done{background:rgba(0,133,229,.05)}.template-detail-hero-section .framework-card .framework-beat.is-done .beat-label{color:#12141d}.template-detail-hero-section .framework-card .framework-beat.is-active{position:relative;background:rgba(0,133,229,.09)}.template-detail-hero-section .framework-card .framework-beat.is-active:before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(109deg,#0085e5,#7e4fe0)}.template-detail-hero-section .framework-card .framework-beat.is-active .beat-label{color:#0072c6}.template-detail-hero-section .framework-card .framework-beat.is-active .beat-hint{color:#64748b}.template-detail-hero-section .risk-check-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 .risk-check-card .risk-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:10px}.template-detail-hero-section .risk-check-card .risk-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#8a94a6}.template-detail-hero-section .risk-check-card .risk-caption{font-size:12px;font-weight:500;color:#64748b}.template-detail-hero-section .risk-check-card .risk-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.template-detail-hero-section .risk-check-card .risk-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}.template-detail-hero-section .risk-check-card .risk-row .risk-name{font-size:12.5px;font-weight:600;color:#12141d;line-height:1.3}.template-detail-hero-section .risk-check-card .risk-row .risk-level{-webkit-margin-start:auto;margin-inline-start:auto;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:600;line-height:1.3;white-space:nowrap}.template-detail-hero-section .risk-check-card .risk-row .risk-level.is-high{background:rgba(255,106,61,.12);color:#c2461f}.template-detail-hero-section .risk-check-card .risk-row .risk-level.is-watch{background:rgba(240,160,75,.16);color:#9a5b12}.template-detail-hero-section .risk-check-card .risk-row .risk-level.is-ok{background:rgba(22,163,74,.1);color:#15803d}.template-detail-hero-section .support-card{top:0;right:0;width:252px;text-align:start;animation:templateDetailFloat 7s ease-in-out infinite}.template-detail-hero-section .support-card .support-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:10px}.template-detail-hero-section .support-card .card-kicker{margin-bottom:0;line-height:1.2}.template-detail-hero-section .support-card .support-caption{font-size:11.5px;font-weight:500;color:#64748b;line-height:1.2}.template-detail-hero-section .support-card .support-routes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.template-detail-hero-section .support-card .support-route{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;min-width:0}.template-detail-hero-section .support-card .support-route .route-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#0085e5}.template-detail-hero-section .support-card .support-route .route-name{font-size:12px;font-weight:600;color:#12141d;line-height:1.3}.template-detail-hero-section .support-card .support-route .route-tag{-webkit-margin-start:auto;margin-inline-start:auto;font-size:10.5px;font-weight:600;color:#64748b;line-height:1.3;white-space:nowrap}.template-detail-hero-section .support-card .support-route.is-urgent .route-dot{background:#e2562a}.template-detail-hero-section .support-card .support-route.is-urgent .route-tag{padding:2px 8px;border-radius:999px;background:rgba(255,106,61,.12);color:#c2461f}.template-detail-hero-section .well-being-scenario{width:270px}@media(min-width:901px){.template-detail-hero-section .support-card{top:-28px}}@media(max-width:1250px)and (min-width:901px){.template-detail-hero-section .well-being-scenario{width:235px;left:-36px}[dir=rtl] .template-detail-hero-section .well-being-scenario{left:auto;right:-36px}}@media(max-width:600px){.template-detail-hero-section .support-card,.template-detail-hero-section .well-being-scenario{width:100%}.template-detail-hero-section .support-card{animation:none}}[dir=rtl] .template-detail-hero-section .support-card{right:auto;left:0}@media(prefers-reduced-motion:reduce){.template-detail-hero-section .support-card{animation:none}}