/* Sapiens resilience web, phone self-check. Same design system as /training-plan (#tp): TWK Lausanne, tokens, cards, chips. */
@font-face{font-family:"Twklausannepan 200";src:url(https://cdn.prod.website-files.com/678e529452c68108d796637e/678e529452c68108d79663cb_TWKLausannePan-200.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"Twklausannepan 500";src:url(https://cdn.prod.website-files.com/678e529452c68108d796637e/678e529452c68108d79663cd_TWKLausannePan-500.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}
#sc{--f2:"Twklausannepan 200",sans-serif;--f5:"Twklausannepan 500",sans-serif;--blue:#354e61;--lblue:#d5e4ed;--green:#1f5955;--lgreen:#cef0d1;--beige:#f5e6d0;--acg:#87e0a5;--acr:#ffa185;--ink:#000;--mut:rgba(0,0,0,.6);--line:rgba(53,78,97,.18);--tblue:#eef4f8;--tgreen:#ebf7ec;--tbeige:#faf2e7;font-family:var(--f2);font-weight:200;font-size:1rem;line-height:1.4;color:var(--ink);max-width:62rem;margin:0 auto;-webkit-font-smoothing:antialiased}
#sc *{box-sizing:border-box}
#sc h2,#sc h3,#sc h4,#sc p{margin:0}
#sc b,#sc strong{font-family:var(--f5);font-weight:500}
#sc button{font-family:var(--f5);font-weight:500;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#sc .sc-k{font-family:var(--f5);font-weight:500;font-size:1rem;line-height:1.25;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}
#sc .sc-lead{color:var(--mut);max-width:40rem;margin-bottom:1.25rem}
#sc .sc-card{background:#fff;border-radius:20px;padding:2rem 1.5rem;margin-bottom:1rem}
#sc .sc-card-blue{background:var(--tblue)}#sc .sc-card-green{background:var(--tgreen)}#sc .sc-card-beige{background:var(--tbeige)}
#sc .sc-card-line{border:1px solid var(--line)}
#sc .sc-card-line>.sc-k,#sc .sc-pillar>.sc-k{margin-bottom:.25rem}
/* the four pillars get their own tint, like the sections of the training plan */
#sc .sc-p0{background:#f4efe6}#sc .sc-p1{background:#f5e8ef}#sc .sc-p2{background:#e8edf6}#sc .sc-p3{background:#e6f3ec}
#sc .sc-pillar .sc-q{border-bottom-color:rgba(53,78,97,.14)}
#sc .sc-sw{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}
#sc .sc-scale{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;color:var(--mut)}
#sc .sc-scale span{display:inline-flex;align-items:center;gap:.45rem}
#sc .sc-scale b{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:100px;border:1px solid var(--line);background:#fff;color:var(--blue);font-size:.8rem}

/* questions: label left, answers right (like tp-f rows); stacked on phones */
#sc .sc-q{display:grid;grid-template-columns:minmax(0,1fr) 16.5rem;gap:.8rem 2rem;align-items:center;padding:1.1rem 0;border-bottom:1px solid var(--line);scroll-margin-top:6rem;scroll-margin-bottom:7rem}
#sc .sc-q:last-child{border-bottom:0;padding-bottom:0}
#sc .sc-q-opt{grid-template-columns:minmax(0,1fr)}
#sc .sc-lab{display:flex;gap:.65rem;align-items:baseline;font-size:1.05rem;line-height:1.4}
#sc .sc-n{font-family:var(--f5);font-weight:500;font-size:.8rem;color:var(--blue);min-width:1.1rem;flex-shrink:0}
#sc .sc-t small{display:block;font-size:.85rem;line-height:1.35;color:var(--mut);margin-top:.25rem}
#sc .sc-q.sc-miss .sc-t{color:#b3261e}
#sc .sc-q.sc-miss .sc-chip,#sc .sc-q.sc-miss .sc-opt{border-color:rgba(179,38,30,.45)}
#sc .sc-ctl{min-width:0}
#sc .sc-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#sc .sc-chip{height:2.5rem;padding:0;border:1px solid var(--line);border-radius:100px;background:#fff;font-size:.95rem;line-height:1;cursor:pointer;color:var(--blue);transition:background .12s,color .12s,border-color .12s}
#sc .sc-chip:hover,#sc .sc-opt:hover{border-color:var(--blue)}
#sc .sc-chip.on,#sc .sc-opt.on{background:var(--blue);border-color:var(--blue);color:#fff}
#sc .sc-anch{display:flex;justify-content:space-between;font-size:.72rem;line-height:1.2;color:var(--mut);margin-top:.4rem;padding:0 .2rem}
#sc .sc-opts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#sc .sc-opt{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-height:4.6rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:background .12s,color .12s,border-color .12s}
#sc .sc-opt b{font-size:.85rem;line-height:1;color:var(--blue)}
#sc .sc-opt span{font-family:var(--f2);font-weight:200;font-size:.9rem;line-height:1.25}
#sc .sc-opt small{display:block;font-size:.75rem;line-height:1.3;color:var(--mut);margin-top:.2rem}
#sc .sc-opt.on small{color:rgba(255,255,255,.75)}
#sc .sc-opt.on b{color:#fff}

#sc .sc-consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--mut);margin-top:.5rem}
#sc .sc-consent input{margin:.15rem 0 0;flex-shrink:0;width:18px;height:18px;accent-color:var(--blue)}
#sc .sc-consent a{color:var(--blue);text-decoration:underline;font:inherit}
#sc .sc-actions{display:flex;gap:1rem;align-items:center;margin-top:1.25rem;flex-wrap:wrap}
#sc .sc-btn{height:3rem;padding:0 1.75rem;border-radius:100px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-size:.95rem;cursor:pointer}
#sc .sc-btn[disabled]{opacity:.5;cursor:default}
#sc .sc-btn.ghost{background:transparent;color:var(--blue)}
#sc .sc-btn.small{height:2.4rem;padding:0 1.1rem;font-size:.85rem}
#sc .sc-msg{color:#b3261e;font-size:.85rem}
#sc .sc-hide{display:none!important}

/* results */
#sc .sc-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}
#sc .sc-top .sc-k{margin:0}
#sc .sc-profile{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1rem;align-items:stretch;margin-bottom:1rem}
#sc .sc-profile .sc-card{margin:0}
#sc .sc-ph{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}
#sc .sc-ph .sc-k{margin:0}
#sc .sc-badge{display:inline-block;font-family:var(--f5);font-weight:500;font-size:.75rem;line-height:1.35;padding:.15rem .5rem;border-radius:100px;color:var(--ink)}
#sc .sc-live{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--f5);font-weight:500;font-size:.75rem;line-height:1.35;color:var(--green)}
#sc .sc-live i{width:.5rem;height:.5rem;border-radius:50%;background:#2fb36b;animation:scpulse 1.8s infinite}
#sc .sc-live.off{color:var(--mut)}#sc .sc-live.off i{background:#c9ced6;animation:none}
@keyframes scpulse{0%{box-shadow:0 0 0 0 rgba(47,179,107,.55)}70%{box-shadow:0 0 0 8px rgba(47,179,107,0)}100%{box-shadow:0 0 0 0 rgba(47,179,107,0)}}
#sc .sc-psub{font-size:1rem;color:var(--mut);margin-bottom:1rem}
#sc .sc-psub b{color:var(--ink)}
#sc .sc-spw{max-width:28rem;margin:.25rem auto 0;width:100%}
#sc .sc-spider{width:100%;height:auto;display:block;overflow:visible;font-family:var(--f5)}
#sc .sc-ring{fill:none;stroke:rgba(53,78,97,.15)}
#sc .sc-axis{stroke:rgba(53,78,97,.15)}
#sc .sc-albl{font-size:13px;font-weight:500;fill:rgba(0,0,0,.72)}
#sc .sc-poly{fill:#354e61;fill-opacity:.88;stroke:none}
#sc .sc-dot{fill:#1f3444;stroke:none}
#sc .sc-val{font-size:15px;font-weight:500;fill:#1f3444}
#sc .sc-room{fill:none;stroke:rgba(0,0,0,.55);stroke-width:1.5;stroke-dasharray:4 4}
#sc .sc-room.in{stroke:rgba(255,255,255,.9)}
#sc .sc-legend{display:flex;justify-content:center;gap:1.25rem;font-size:.8rem;color:var(--mut);margin-top:.75rem;flex-wrap:wrap}
#sc .sc-legend span{display:inline-flex;align-items:center;gap:.4rem}
#sc .sc-legend .me{width:1.1rem;height:.7rem;border-radius:3px;background:rgba(53,78,97,.88)}
#sc .sc-legend .rm{width:1.1rem;height:0;border-top:1.5px dashed rgba(0,0,0,.55)}
#sc .sc-axl{list-style:none;margin:0;padding:0}
#sc .sc-axhead,#sc .sc-axl li{display:grid;grid-template-columns:minmax(0,1fr) 2.4rem 2.6rem 5.4rem;gap:.6rem;align-items:center}
#sc .sc-axhead{padding:0 0 .35rem}
#sc .sc-axhead span{font-family:var(--f5);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);text-align:right}
#sc .sc-axl li{padding:.65rem 0;border-bottom:1px solid var(--line);font-size:.95rem}
#sc .sc-axl li:last-child{border-bottom:0}
#sc .sc-axn{display:flex;align-items:center;gap:.5rem;min-width:0;white-space:nowrap}
#sc .sc-axl li>b{text-align:right}
#sc .sc-axl li>em{font-style:normal;text-align:right;color:var(--mut)}
#sc .sc-wait{display:inline-block;width:.4rem;height:.4rem;border-radius:50%;background:rgba(53,78,97,.35);animation:scblink 1.2s infinite}
@keyframes scblink{50%{opacity:.25}}
#sc .sc-tag{display:flex;justify-content:center;align-items:center;font-family:var(--f5);font-weight:500;font-size:.7rem;line-height:1.35;padding:.15rem .45rem;border-radius:100px;white-space:nowrap}
#sc .sc-t0{background:var(--acr)}#sc .sc-t1{background:var(--beige)}#sc .sc-t2{background:var(--lblue)}#sc .sc-t3{background:var(--acg)}
#sc .sc-note{font-size:.8rem;color:var(--mut);margin-top:1rem}
#sc .sc-br{display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem;padding:1rem 0;border-bottom:1px solid var(--line)}
#sc .sc-br:last-child{border-bottom:0;padding-bottom:0}
#sc .sc-br-dim{opacity:.55}
#sc .sc-rn{font-family:var(--f5);font-weight:500;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase;color:var(--blue)}
#sc a.sc-btn-a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--f5);font-weight:500}
#sc #sc-brs+.sc-actions{margin-top:1.5rem}
#sc .sc-bt{font-size:1.05rem}
#sc .sc-bt b{display:flex;align-items:center;gap:.45rem;margin-bottom:.2rem}
#sc .sc-bt span{display:block;font-size:.85rem;color:var(--mut);margin-top:.2rem}
#sc .sc-disclaimer{font-size:.78rem;line-height:1.55;color:var(--mut);margin:.5rem 0 1.5rem}
#sc .sc-disclaimer a{color:var(--mut);text-decoration:underline;font:inherit}
#sc .sc-spacer{height:104px}

@media (max-width:991px){#sc .sc-profile{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){
#sc .sc-card{padding:1.5rem 1.15rem;border-radius:16px}
#sc .sc-q{grid-template-columns:minmax(0,1fr);padding:1rem 0}
#sc .sc-lab{font-size:1rem}
#sc .sc-chip{height:2.75rem;font-size:1rem}
#sc .sc-opts{grid-template-columns:minmax(0,1fr)}
#sc .sc-opt{flex-direction:row;align-items:center;gap:.75rem;min-height:2.75rem;padding:.55rem 1.1rem;border-radius:22px}
#sc .sc-opt b{width:1rem;flex-shrink:0;text-align:center}
#sc .sc-opt span{font-size:.95rem}
#sc .sc-axhead,#sc .sc-axl li{grid-template-columns:minmax(0,1fr) 2rem 2.4rem 4.9rem;gap:.45rem}
#sc .sc-axl li{font-size:.9rem}
#sc .sc-albl{font-size:17px}
#sc .sc-val{font-size:18px}
#sc a.sc-btn-a{width:100%}
}

/* live bar (outside #sc, so it carries its own tokens) */
#sc-float{position:fixed;left:0;right:0;bottom:0;z-index:9990;background:rgba(255,255,255,.97);border-top:1px solid rgba(53,78,97,.14);box-shadow:0 -6px 24px rgba(20,30,40,.08);padding:10px 16px calc(10px + env(safe-area-inset-bottom));font-family:"Twklausannepan 500",sans-serif;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}
#sc-float.sc-hide{display:none}
#sc-float *{box-sizing:border-box}
#sc-float .sc-fin{max-width:62rem;margin:0 auto;display:flex;align-items:center;gap:14px}
#sc-float .sc-fweb{width:60px;height:60px;flex-shrink:0}
#sc-float .sc-fweb svg{display:block;width:100%;height:100%}
#sc-float .sc-ftx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-family:"Twklausannepan 200",sans-serif;font-weight:200;font-size:13px;line-height:1.3;color:rgba(0,0,0,.6)}
#sc-float .sc-ftx b{font-family:"Twklausannepan 500",sans-serif;font-weight:500;font-size:14px;color:#000;text-transform:uppercase;letter-spacing:-.01em}
#sc-float .sc-fpr{display:block;height:4px;border-radius:4px;background:rgba(53,78,97,.12);overflow:hidden;margin-top:4px}
#sc-float .sc-fpr i{display:block;height:100%;width:0;background:#354e61;border-radius:4px;transition:width .25s ease}
#sc-float .sc-fbtn{height:2.4rem;padding:0 1.2rem;border-radius:100px;border:1px solid #354e61;background:#354e61;color:#fff;font-family:"Twklausannepan 500",sans-serif;font-weight:500;font-size:.85rem;cursor:pointer;flex-shrink:0}
#sc-float .sc-ring{fill:none;stroke:rgba(53,78,97,.3);stroke-width:5}
#sc-float .sc-axis{stroke:rgba(53,78,97,.3);stroke-width:5}
#sc-float .sc-poly{fill:#354e61;fill-opacity:.88;stroke:none}
#sc-float .sc-dot{fill:#1f3444;stroke:none}